/********************
---| GLOBAL TAGS | ***/
* {
	margin: 0;
	padding: 0;
	outline: none;
}

html {
	height: 100%; 
}
body {
	/*font: 13px/18px 'lucida sans regular','lucida sans',arial,helvetica,sans-serif;
	font: 13px/21px 'Lucida Sans Unicode', 'Lucida Grande', Arial, Helvetica, sans-serif '微软雅黑';*/
	font-family: "微软雅黑";
	color: #FFF;
	min-width: 1050px;
	width: 99%;
	min-height: 1090px;
	height: 99%;
	background-image: url(../images/irokback.jpg);
	background-repeat: repeat-x;
	margin-top: 28px;
}
img {
	border: none;
}

/*******************
---| Header | ***/
.header {
	clear:left;
	width: 1050px;
	margin: 0 auto;
	position: relative;
	color: #ffffff;
	/* background: url(images/layout/bg-header.png) no-repeat 0 0; */
	background:#efefef;
	overflow:hidden;
	
	/*border-bottom:#aaabaf 2px solid;*/
}

.header .centered-content
{
    position: relative;
    z-index: 2;
}

.header a {
	color: #2e2e2e;
}

/* Header text */

.header-content 
{
	background: #FFF;
	margin: 0;
	padding: 0;
	float: left;
	width: 1050px;
	line-height: 25px;
	position: relative;
	z-index: 1;
	/*border-top:1px solid #fff;*/
	-webkit-box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
	-moz-box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
	box-shadow: inset 0px 10px 8px -10px rgba(0,0,0,0.5), inset 0px -10px 8px -10px rgba(0,0,0,0.4);
}
.header-content.home {
	height: 494px;background-repeat:no-repeat;
}


/*.header-content-wrap {width: 940px; margin: 0 auto;}*/
.header-content img {float: left; margin: 0px; width:1050px;height:494px; background-repeat:no-repeat;}
/*幻灯片1*/
.header-content .text1 {
	/*width: 300px;*/
	position: absolute;
	top: 80px;
	left: 100px;
	color: #fff;
	width: 315px;
}
.header-content .copy1 {
	padding-left: 15px;
	padding-top: 8px;
	padding-right: 15px;
	font-size: 13px;
	letter-spacing: 2px;
	width: 329px;
	height: 160px;
	background-image: url(../images/irokkk1.png);
	text-align: left;
}
.learn_more1{
	background:url(../images/irokxq.png) no-repeat;
	font-size:18px;
	color:#fff;
	
	padding:2px 13px 4px 13px !important;
	margin-left:70% !important;margin-left:65%;
	
	font:'微软雅黑';
	
}


/*幻灯片2*/
.header-content .text2{
	width: 400px;
	position: absolute;
	top: 100px;
	left: 90px;
	color: #444;
}
.header-content .copy2 {
	 padding-left: 30px;
	padding-top: 5px;
	padding-right: 40px;
	font-size: 13px;
	letter-spacing: 1.9px;
	width: 480px;
	height: 60px;
	text-indent:26px;
	color:black;
}
.learn_more2{
	background:url(../images/irokxq.png) no-repeat;
	font-size:18px;
	color:#fff;
	padding:2px 13px 4px 13px !important;
	margin-left:70% !important;margin-left:65%;
	font:'微软雅黑';
	
}


/*幻灯片3*/
.header-content .text3{
	width: 400px;
	position: absolute;
	top: 112px;
	right: 124px;
	color: #444;
}
.header-content .copy3 {padding:15px;font-size: 14px; letter-spacing:1.9px;width:400px; background-image:url(../images/irokkk3.png);}
.learn_more3{
	background:url(../images/irokxq.png) no-repeat;
	font-size:18px;
	color:#fff;
	padding:2px 13px 4px 13px !important;
	margin-left:70% !important;margin-left:65%;
	font:'微软雅黑';
	
}
.first_word1 
{
    color:#c87735;font:600 24px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	font-size:13px;
	
	margin: 0px;
	margin-right:0.2em;}
.first_word2 
{
    color:black;font:600 24px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	font-size:13px;
	
	margin: 0px;
	margin-right:0.2em;}
/*幻灯片4*/
.header-content .text4{
width: 480px;
	position: absolute;
	top: 10px;
	float:right;
	color: #444;
	margin-left:520px;
}
.header-content .copy4 {
    padding-left: 30px;
	padding-top: 5px;
	padding-right: 40px;
	font-size: 13px;
	letter-spacing: 1.9px;
	width: 480px;
	height: 60px;
	text-indent:26px;
	color:#c87735;
}
.learn_more4{
	background:url(../images/irokxq.png) no-repeat;
	font-size:18px;
	color:#fff;
	padding:2px 13px 4px 13px !important;
	margin-left:70% !important;margin-left:65%;
	font:'微软雅黑';
	
}


/*幻灯片5*/
.header-content .text5{
	width: 330px;
	position: absolute;
	top: 150px;
	left: 234px;
	color: #444;
}
.header-content .copy5 {
	padding-left: 136px;
	padding-top: 10px;
	padding-right: 136px;
	font-size: 13px;
	letter-spacing: 1.9px;
	width: 330px;
	height: 150px;
	background-image: url(../images/irokkk5.png);
	text-align: left;
}
.learn_more5{
	background:url(../images/irokxq.png) no-repeat;
	font-size:18px;
	color:#fff;
	padding:2px 13px 4px 13px !important;
	margin-left:70% !important;margin-left:65%;
	font:'微软雅黑';
	
}



.header-content .button {width: 100% !important;}
.header-content .button a {padding-top: 7px; padding-bottom: 7px; font-size: 14px; display: inline-block;}

/*#slider .text {width: 417px;}*/

/*fix the button position for the slide*/
.header-content .button {float: none;}
.header-content .dimmed {background: #b05b1b; background: rgba(0, 0, 0, 0.4);
    -webkit-transition: none;  /* Saf3.2+, Chrome */
    -moz-transition: none;  /* FF4+ */
    -ms-transition: none;  /* IE10? */
    -o-transition: none;  /* Opera 10.5+ */
    transition: none;

}

.header-content .align-bottom {position: absolute; bottom: 0px;}

/* => Slider <= */
#slider-wrap
{
    height:280px; 
}

#slider 
{
    height:280px;
}

/* => SLIDE PREV AND NEXT ARROWS <= */
.slider-prev,
.slider-next 
{
    text-indent:-9999px;
    width:53px;
    height:80px;
    position:absolute;
    top:50%;
    margin-top:-19px;
    z-index:999;
    opacity:.5;
    -webkit-transition: all 0.3s ease-out;  /* Saf3.2+, Chrome */
    -moz-transition: all 0.3s ease-out;  /* FF4+ */
    -ms-transition: all 0.3s ease-out;  /* IE10? */
    -o-transition: all 0.3s ease-out;  /* Opera 10.5+ */
    transition: all 0.3s ease-out;
		
		display: none
    }
.slider-prev{ left:12px;
background:url("../images/irokleft.jpg") no-repeat;
 }
.slider-next 
{
    right:12px;
    background:url("../images/irokright.jpg") no-repeat;
}  
      
.slider-prev:hover,
.slider-next:hover
{
    opacity:1;
}


/* => SLIDER NAV o o o <= */    
.slider-nav 
{
	
    position:absolute;
    bottom:5px;
    left:46.5%;
    overflow:hidden;
    padding:2px;
    z-index:10;
	margin: 0;
	min-width:400px !important ;
}

.slider-nav li
{
    float:left;
	list-style:none;
}

.slider-nav li a
{
	color:#fff;
	font-size:18px;
	 font-weight:bold;
   display:block;
   width:30px;
   height:41px;
   overflow:hidden;
   padding:0px;
   margin:8px !important; margin:1px;
   padding-left:13px;
   padding-top:8px;
  
   background:url("../images/irokt2.png") no-repeat ;
   text-decoration:none;
}

.slider-nav li a:hover,
.slider-nav li a.selected
{
     background:url("../images/irokt1.png") no-repeat ;
}

/* => HOLY SLIDES <= */

.slider section {display: none; position:relative;}
.slider section.first {display: block;
}

.slider-sections, .slider-sections section {width: 1050px; height: 494px;}

.slider-sections {margin: 0 auto; position: relative;}
.slider-sections section {position: relative; top: 0; left: 0px; }

.copy .first_word 
{
	font:600 24px/1.2 "microsoft yahei", Tahoma, arial, sans-serif;
	
	font-size:22px;
	color: #fff;
	margin: 0px;
	margin-right:0.2em;
}
.header-content p 
{
    margin: 0 0 30px;
}

.header-content .centered-content
{
	padding-bottom: 10px;
}

.button {
	float: left;
	width: auto !important;
	list-style: none;
}
	.button a,
	.button button,
	.button input { /* Standard black button */
	  font-size: 15px;
	  /*font-family: 'lucida sans',arial,helvetica,sans-serif;*/
	  line-height: 18px;
		color: #fff !important;
		
	  text-decoration: none;
	    
	  padding: 5px 14px 6px 13px;
		display: block;
		width: auto;
		position: relative;
		z-index: 2;
   
	    border: none;
        -moz-border-radius: 3px;
		border-radius: 3px;
		cursor: pointer;
	
		background: #313131; /* Old browsers */
		background: -moz-linear-gradient(top, #313131 0%, #222222 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top, #313131 0%,#222222 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #313131 0%,#222222 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #313131 0%,#222222 100%); /* IE10+ */
		background: linear-gradient(top, #313131 0%,#222222 100%); /* W3C */

		-webkit-transition: all 0.3s ease;
		-moz-transition: all 0.3s ease;
		-o-transition: all 0.3s ease;
		transition: all  0.3s ease;
	}
	
	
	.button a:hover,
	.button input:hover,
	.button button:hover,
	.button a:focus,
	.button input:focus,
	.button button:focus
	{
	  background: #464646; /* Old browsers */
		background: -moz-linear-gradient(top, #464646 0%, #393939 100%); /* FF3.6+ */
		background: -webkit-linear-gradient(top, #464646 0%,#393939 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top, #464646 0%,#393939 100%); /* Opera11.10+ */
		background: -ms-linear-gradient(top, #464646 0%,#393939 100%); /* IE10+ */
		background: linear-gradient(top, #464646 0%,#393939 100%); /* W3C */
    }
    
	header .header-content .button a,
	#content .button a:hover
	{
	    text-decoration: none;
    }

.header-content .beta-ribbons {
    position: absolute; 
    height: 120px;
    width: 85px;
    text-indent: -200px;
    overflow: hidden;
}

.header-content .beta-ribbons.ribbon-1 {
    background-position: -170px 0;
    top: -3px;
    right: -145px;
}

.header-content p.copy .beta-ribbons.ribbon-1 {
    top: -135px;
    left: 900px;
}

.header-content .beta-ribbons.ribbon-4 {
    background-position: -255px 0;
    left: -62px;
    top: -30px;
    z-index: 10;
		text-indent: -2000px;
}