.font-10{	font-size:10px;		}

.font-14{	font-size:14px;		}

.font-16{	font-size:16px;		}

.font-18{	font-size:18px;		}

.font-20{	font-size:20px;		}

.font-24{	font-size:24px;		}

.font-28{	font-size:28px;		}

.font-32{	font-size:32px;		}

.font-40{	font-size:40px;		}

.font-50{   font-size:50px;     }

.font-b{	font-weight:bold;	}

.font-ss{   font-family: nav_font;}

.font-imp{   font-family: impact;}

.font-w-normal{	font-weight:normal;	}

.font-brown{color:#930}

.font-red{color:red}

.font-green{color:green}

.font-white{color:#fff}

.font-blue{color:#337ab7}

.font-black{color:#000}

.font-org{color:#FF9900}

.font-org-FFB{color:#FFB300}



@font-face {    font-family: nav_font;    src: url(nav_font.ttc);}

@font-face {    font-family: AdobeFanHeitiStd;    src: url(AdobeFanHeitiStd-Bold.otf);}



.float-r{	float:right;}

.float-l{	float:left;}

.clear-both{clear:both}



.w-10pc{	width:10%;	}

.w-20pc{	width:20%;	}

.w-30pc{	width:30%;	}

.w-50pc{	width:50%;	}

.w-70pc{    width:70%;  }
.w-80pc{	width:80%;	}
.w-90pc{	width:90%;	}
.w-100pc{	width:100%;	}



.h-500{	height:500px;	}

.h-30{	height:30px;	}

.h-50{	height:50px;	}

.h-90{	height:90px;	}

.h-100{	height:100px;	}

.h-150{	height:150px;	}



.hide{display:none;}

.inline-block{display:inline-block;}

.block{display:block;}

.text-center{text-align:center;}

.text-right {text-align:right;}

.text-left  {text-align:left;}

.bg-purpos{	background-color: #909;}

.bg-purpos-751{	background-color: #75165C;}

.bg-white{	background-color: #fff;}

.bg-gray{	background-color: #EEE;}

.bg-red{	background-color: red;}

.bg-yellow{	background-color: #F7E87B;}

.bg-red-dark{	background-color: #a31f24;}

.bg-blue-green-081{	background-color: #081E23;}

.bg-blue-green-0f3{	background-color: #0F333A;}

.bg-blue-green-195{	background-color: #195B67;}

.bg-game{
    background-image: url('../images/ok.jpg');
    /*background-size: 100% 100%;*/
    height:520px;
}


.bg-red-880{background-color: #880000;}
.btn-bg-black{    background-image: url('../images/btn_bg.jpg');    background-size: 100% 100%;}
.btn-bg-black2{    background-image: url('../images/btn_bg2.png');    background-size: 100% 100%;}


.phone-bg1{
    background-image: url('../images/phone_art_bg1.jpg');
    width:100%;
    height:100%;
    position: fixed;
    z-index: -1;
}
.pc-bg1{
    background-image: url('../images/lover_2016_title.jpg');
    background-size: 100% 600px;
    background-repeat: no-repeat;
    width:100%;
    height:600px;
    position: fixed;
    z-index: -1;
}



.m-t-5 {margin-top:5px;}

.m-t-10{margin-top:10px;}

.m-t-20{margin-top:20px;}

.m-t-30{margin-top:30px;}

.m-t-50{margin-top:50px;}

.m-t-80{margin-top:80px;}

.m-t-100{margin-top:100px;}



.m-l-10{margin-left:10px;}

.m-l-20{margin-left:20px;}

.m-l-30{margin-left:30px;}

.m-l-40{margin-left:40px;}

.m-l-50{margin-left:50px;}

.m-l-10pc{margin-left:10%;}



.m-r-10{margin-right:10px;}

.m-r-20{margin-right:20px;}

.m-r-30{margin-right:30px;}

.m-r-50{margin-right:50px;}



.m-b-10{margin-bottom:10px;}

.m-b-20{margin-bottom:20px;}

.m-b-30{margin-bottom:30px;}

.m-b-50{margin-bottom:50px;}

.m-b-80{margin-bottom:80px;}





.p-t-5{padding-top:5px;}
.p-t-15{padding-top: 15px;}

.p-t-50{padding-top:50px;}

.p-t-100{padding-top:100px;}

.p-b-50{padding-bottom:50px;}

.p-l-10{padding-left:10px;}

.p-l-20{padding-left:20px;}



.p-0{padding:0px;}

.p-20{padding:20px;}

.p-50{padding:50px;}



.pointer{cursor:pointer;}

.shadow-112{box-shadow: 5px 5px 10px #112}



.border-rad{

	border: 2px solid #CCC;	

	border-radius: 7px;

	padding:10px;

	

	box-shadow:2px 2px 7px #CCC;

	-moz-box-shadow:2px 2px 7px #CCC;

    -webkit-box-shadow:2px 2px 7px #CCC;

}

.border-rad-bl{border-bottom-left-radius: 10px;}

.border-rad-br{border-bottom-right-radius: 10px;}

.border-rad-tl{border-top-left-radius: 10px;}

.border-rad-tr{border-top-right-radius: 10px;}



.blockhover:hover{

	background-color:#eee;	

}

.blockhover{

	background-color:#fff;	

}

.dash{

	border-bottom-width: thin;

	border-bottom-style: solid;

	border-bottom-color: #999;

}

.overflow-scroll{

	overflow: auto;

	overflow-y:hidden;

}

li.hide_no_top{
	
float:left;
display:block;
}

li.hide_no_bottom{
	
float:left;
display:none;
}

@media (max-width: 480px) {/*************************/

li.hide_no_top{
	
float:left;
display:none;
}
li.hide_no_bottom{
	
float:left;
display:block;
}



}/*********************************/




.line12{background-image:url('http://www.newguidinglight.com/public/images/line_1150_110.png');}

.line8{background-image:url('http://www.newguidinglight.com/public/images/line_900_30.jpg');}

.line4{background-image:url('http://www.newguidinglight.com/public/images/line_400_30.png');}

.little_word{

	

	}





	

/******************************************/



.left_block {

    width: 20%;

    float: left;

    padding: 25px;

    padding-left: 20px;

    padding-top: 70px;

}

.right_block {

    float: left;

    width: 80%;

    display: inline-block;

}



.left_button img {

	width:100%;
    padding-bottom:20px;
}



.right_block img {

    width: 65%;

    padding-top: 55px;

}



.nav_foot {

    height: 50px;

    width: 100%;

    position: fixed;

    bottom: 0px;

    background-image: url(../images/nav/nav_bottom.jpg);

	background-size: cover;

}

.nav_foot ul{

    width: 100%;

}

.nav_foot li {

	width:25%;

}



.nav_foot li  a{

    padding-top: 10px;

    padding-bottom: 21px;

    text-align: center;

}





.nav_container {

	width:100%;

}



ul.nav.navbar-nav img {

    height: 46px;

    width: auto;

}



@media (max-width: 1600px) {/*************************/

ul.nav.navbar-nav img {

    height: 36px;

    width: auto;

}

}/*********************************/



@media (max-width: 1340px) {/*************************/

ul.nav.navbar-nav img {

    height: 28px;

    width: auto;

}

}/*********************************/



@media (max-width: 10px) {/*************************/

.nav_foot {

    display: none;

}

}/*********************************/
@media (min-width: 800px) {
ul.nav.navbar-nav img {
    height: 22px;
    width: auto;
}

}
@media (max-width: 700px){
ul.nav.navbar-nav img {
    height: 24px;
    width: auto;
}
}
@media (min-width: 850px) {
ul.nav.navbar-nav img {
    height: 24px;
    width: auto;
}
}
@media (max-width: 400px) {
ul.nav.navbar-nav img {
    height: 22px;
    width: auto;
}
.nav_foot li {
    width: 20%;
}
ul.nav li > a{
    padding-left:3px;
    padding-right:3px;
}

}/*********************************/

@media (min-width: 900px) {
ul.nav.navbar-nav img {
    height: 26px;
    width: auto;
}


}/*********************************/

@media (min-width: 910px) {
ul.nav.navbar-nav img {
    height: 30px;
    width: auto;
}


}/*********************************/

@media (min-width: 1010px) {
ul.nav.navbar-nav img {
    height: 36px;
    width: auto;
}


}/*********************************/

@media (min-width: 1300px) {
ul.nav.navbar-nav img {
    height: 30px;
    width: auto;
}


}/*********************************/
.navbar_phone_top {

	position: absolute;

    top: -6px;

}





@media (min-width: 50px) {/*************************/

#navbar_phone  ul{

	display:none;

}

}/*********************************/

#bg {

    position: absolute;

	left:0px;

	top:0px;


    width:100%;
	height:100%;

	z-index:-999;

	background-repeat:no-repeat;

	background-image: url(../images/nav/slider_back_nowrod_2019.jpg);

    background-size: cover;

    background-position: center; 

}
@media (max-width: 480px){
#bg {
  position: absolute;

	left:0px;

	top:0px;

    width:500px;
	height:100%;

	z-index:-999;

	background-repeat:no-repeat;

	background-image: url(../images/nav/phone_sl2.jpg);

    background-size: cover;

    background-position: center; 

}

.right_block {
    float: left;
		height: auto;
    width: 80%;
    display:none;
}
.right_block img {
    width: 100%;
    padding-top: 5px;
}

.navbar-nav {
    margin: 1px 1px;
}

#nav_Search_Btn {
    margin-top: 2px;
}

.navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 1px;
    line-height: 15px;
}

.nav_foot {
    height: 60px;
    width: 100%;
    position: fixed;
    bottom: 0px;
    background-image: url(../images/nav/nav_bottom.jpg);
    background-size: cover;
    padding-top: 5px;
}



}

@media (max-width: 420px){
#bg {
  position: absolute;

	left:0px;

	top:0px;

    width:500px;

	height:100%;

	z-index:-999;

	background-repeat:no-repeat;

	background-image: url(../images/nav/phone_i6s.jpg);

    background-size: contain;


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

.left_button img {
    width: 100%;
    padding-bottom: 10px;
    
}
.left_block {
    width: 60%;
    float: left;
    padding: 0px;
    padding-left: 5px;
    padding-top: 80px;
}

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

.left_button img {
    width: 70%;
    padding-bottom: 10px;
  
}
.left_block {
    width: 60%;
    float: left;
    padding: 0px;
    padding-left: 5px;
    padding-top: 150px;
}


}


@media screen and (max-width: 386px) {
	
	.left_button img {
    width: 65%;
    padding-bottom: 10px;
}

.left_block {
    width: 60%;
    float: left;
    padding: 0px;
    padding-left: 3px;
    padding-top: 100px;
}
.right_block{
  float: left;
    width: 80%;
    display: none;
}

.right_block img {
    width: 100%;
    padding-top: 5px;
}

}

@media screen and (min-width: 450px) {
	
.left_button img {
    width: 80%;
    padding-bottom: 10px;
}
.left_block {
    width: 60%;
    float: left;
    padding: 0px;
    padding-left: 5px;
    padding-top: 70px;
}
.right_block {
    float: left;
    width: 80%;
    display: inline-block;
}
.right_block img {
    width: 90%;
    padding-top: 5px;
}

.p-t-100{padding-top:0px;}

}





@media screen and (min-width: 550px) {
	
.left_button img {
    width: 65%;
    padding-bottom: 10px;
}

.left_block {
    width: 70%;
    float: left;
    padding: 0px;
    padding-left: 10px;
    padding-top: 75px;
}
.right_block{
  float: left;
    width: 80%;
    display: inline-block;
}
.right_block img {
    width: 80%;
    padding-top: 5px;
}

}


@media screen and (min-width: 570px) {
	
.left_button img {
    width: 65%;
    padding-bottom: 10px;
}

.left_block {
    width: 70%;
    float: left;
    padding: 0px;
    padding-left: 10px;
    padding-top: 50px;
}
.right_block{
  float: left;
    width: 80%;
    display: inline-block;
}
.right_block img {
    width: 80%;
    padding-top: 5px;
}

}



@media screen and (min-width: 635px) {
.left_button img {
    width: 65%;
    padding-bottom: 10px;
}

.left_block {
    width: 60%;
    float: left;
    padding: 0px;
    padding-left: 10px;
    padding-top: 45px;
}
.right_block {
    float: left;
    width: 80%;
    display: inline-block;
}

.right_block img {
    width: 80%;
    padding-top: 5px;
}

}

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

.left_button img {
    width: 65%;
    padding-bottom: 10px;
}

	.left_block {
    width: 60%;
    float: left;
    padding: 0px;
    padding-left: 10px;
    padding-top: 10px;
}
.right_block {
    float: left;
    width: 90%;
    display: inline-block;
}

.right_block img {
    width: 80%;
    padding-top: 5px;
}

}

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

.left_button img {
    width: 85%;
    padding-bottom: 10px;
}

.left_block {
    width: 40%;
    float: left;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 30px;
}
.right_block {
    float: left;
    width: 90%;
    display: inline-block;
}

.right_block img {
    width: 80%;
    padding-top: 5px;
}

}

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

.left_button img {
    width: 90%;
    padding-bottom: 10px;
}

.left_block {
    width: 40%;
    float: left;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 50px;
}
.right_block {
    float: left;
    width: 60%;
    display: inline-block;
}
.right_block img {
    width: 90%;
    padding-top: 50px;
}
}


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

.left_button img {
    width: 85%;
    padding-bottom: 10px;
}

.left_block {
    width: 40%;
    float: left;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 50px;
}
.right_block {
    float: left;
    width: 60%;
    display: inline-block;
}
.right_block img {
    width: 90%;
    padding-top: 50px;
}
}

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

.left_button img {
    width: 80%;
    padding-bottom: 10px;
}
.left_block {
    width: 40%;
    float: left;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-top: 50px;
}
.right_block {
    float: left;
    width: 60%;
    display: inline-block;
}
.right_block img {
    width: 90%;
    padding-top: 50px;
}
}

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

.left_button img {
    width: 80%;
    padding-bottom: 10px;
}

.left_block {
    width: 40%;
    float: left;
    padding: 0px;
    padding-left: 3px;
    padding-top: 45px;
}
.right_block {
    float: left;
    width: 60%;
    display: inline-block;
}
.right_block img {
    width: 90%;
    padding-top: 50px;
}

.p-t-100{padding-top:0px;}
}

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

.left_button img {
    width: 85%;
    padding-bottom: 20px;
}

.left_block {
    width: 40%;
    float: left;
    padding: 0px;
    padding-left: 3px;
    padding-top: 65px;
}
.right_block {
    float: left;
    width: 60%;
    display: inline-block;
}
.right_block img {
    width: 95%;
    padding-top: 80px;
}
}

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

.left_button img {
    width: 80%;
    padding-bottom: 10px;
}

.left_block {
    width: 40%;
    float: left;
    padding: 0px;
    padding-left: 3px;
    padding-top: 34px;
}
.right_block {
    float: left;
    width: 60%;
    display: inline-block;
}
.right_block img {
    width: 90%;
    padding-top: 50px;
}
}

@media screen and (min-width: 1200px) {
	
	.left_button img {
    width: 30%;
    padding-bottom: 20px;
}
	.left_block {
    width: 60%;
    float: left;
    padding: 0px;
    padding-left: 3px;
    padding-top: 34px;
}
.right_block {
	
    float: left;
    width: 40%;
    display: inline-block;
}

.right_block img {
    width: 100%;
    padding-top: 55px;
}

}

@media screen and (min-width: 1205px) {
	
.left_button img {
    width: 50%;
    padding-bottom: 10px;
}

.left_block {
    width: 50%;
    float: left;
    padding: 0px;
    padding-left: 3px;
    padding-top: 34px;
}
.right_block {
    float: left;
    width: 40%;
    display: inline-block;
}

.right_block img {
    width: 100%;
    padding-top: 55px;
}

}

@media screen and (min-width: 1210px) {
	
.left_button img {
    width: 60%;
    padding-bottom: 20px;
}

.left_block {
    width: 40%;
    float: left;
    padding: 0px;
    padding-left: 3px;
    padding-top: 40px;
}
.right_block {
	
    float: left;
    width: 40%;
    display: inline-block;
}

.right_block img {
    width: 100%;
    padding-top: 55px;
}

}

@media screen and (min-width: 1330px) {
	
.left_button img {
    width: 35%;
    padding-bottom: 10px;
}

.left_block {
    width: 50%;
    float: left;
    padding: 0px;
    padding-left: 3px;
    padding-top: 34px;
}
.right_block {
    float: left;
    width: 40%;
    display: inline-block;
}

.right_block img {
    width: 100%;
    padding-top: 55px;
}

}

@media screen and (min-width: 1360px) {
	
.left_button img {
    width: 50%;
    padding-bottom: 20px;
}
.left_block {
    width: 50%;
    float: left;
    padding: 0px;
    padding-left: 3px;
    padding-top: 60px;
}
.right_block {
    float: left;
    width: 50%;
    display: inline-block;
}

.right_block img {
    width: 100%;
    padding-top: 55px;
}

}


body{		

    background-color: #48452D;

    color: rgb(255, 251, 228);

	font-family: AdobeFanHeitiStd;

}

#foot{	margin-top:100px;		background-color:#000;	height:auto;}

#game-th{	background-repeat: no-repeat;height: 700px;	width: 1100px;	margin-top:60px;}



.article {

	color: rgb(247, 233, 162);

}



.share_Div{

	position:fixed;

	width:60px;

	height:130px;

	top:200px;

	left:30px;

	z-index:999;

}

.sp_plugin-button {

	background-image: url(../images/linebutton_30x30.png);

}



.sx_plugin-button_favblue {

background-position: 0 0;



}



a.stopLine:hover

{

  text-decoration:none;

}

.pkimg{

	/*background-image: url(../images/no_image.jpg); //*/

	min-width: 400px;

	max-width: 400px;

	height: 250px;

	background-size: 100% ;

	position: relative;

	background-position: center;

	background-repeat: no-repeat;

	display:inline-block;

}



/* 每個文章類別 */

.content_blank{

	margin-top:100px;	

}

.banner{

	text-align:center;

	width:100%;

	height:auto;    

	

    padding: 0px;

    margin: 0px;

    margin-bottom: 40px;

}

.articleSelect{

	cursor:pointer;	

}

.articleSelect:hover{

	background:#999;	

}

.article span{

	font-size:20px;

}







.content_blank {

    padding: 0px;

    margin: 0;

    margin-bottom: 70px;

}





.article_img{

	width:100%;

    margin-top: -196px;

}



.col-md-4 {

    margin-bottom: 80px;

}





/* 文章 */

.tag{

	width:100%;

	height: 50px;

	margin-top:10px;

	color:#fff;

	background-color: #FF9900;



/*

background: rgba(50,162,179,1);

background: -moz-linear-gradient(top, rgba(50,162,179,1) 0%, rgba(30,101,112,1) 50%, rgba(22,77,87,1) 100%);

background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(50,162,179,1)), color-stop(50%, rgba(30,101,112,1)), color-stop(100%, rgba(22,77,87,1)));

background: -webkit-linear-gradient(top, rgba(50,162,179,1) 0%, rgba(30,101,112,1) 50%, rgba(22,77,87,1) 100%);

background: -o-linear-gradient(top, rgba(50,162,179,1) 0%, rgba(30,101,112,1) 50%, rgba(22,77,87,1) 100%);

background: -ms-linear-gradient(top, rgba(50,162,179,1) 0%, rgba(30,101,112,1) 50%, rgba(22,77,87,1) 100%);

background: linear-gradient(to bottom, rgba(50,162,179,1) 0%, rgba(30,101,112,1) 50%, rgba(22,77,87,1) 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#32a2b3', endColorstr='#164d57', GradientType=0 );

//*/



}

.tagActivity{

	width:100%;

	height: 30px;

	color: #000;

	margin-top:10px;

}



.zoomIn img{

	height: 250px;

  	width: 100%;

  

  -webkit-transition: all 0.5s ease;

     -moz-transition: all 0.5s ease;

       -o-transition: all 0.5s ease;

      -ms-transition: all 0.5s ease;

          transition: all 0.5s ease;

		  display:inline-block;

}

 

.zoomIn img:hover {

 	transform: rotate(-10deg);

		  

	width: 200%;

  	height: 200%;

	margin-top:-100px;

	margin-left:-100px;

}

.zoomIn {

  height: 250px;

  width: 100%;

  overflow: hidden;

   

  

}

.absArticle{

	height: 250px;

	padding: 20px;

   

  

  overflow: hidden;

  	

}

.absArticle .title{

  color:#FF9900;

  font-size:24px;

  font-weight:bolder;

  line-height:1.5;

}

.absArticle .author{

  color:#2361A1;

  font-size:15px;

  font-weight:bolder;

  line-height:1.5;

}

.absArticle .time{

  color:#999;

  font-size:15px;

  font-weight:bolder;

  line-height:1.5;

}

.absArticle .cont{

	margin-top:10px;

  font-size:18px;

  line-height:1.5;

}

/* PK 文章 */

.vs{

	background-image: url(../images/vs.jpg);

	background-repeat: no-repeat;

	

	width:121px;

	height:82px;



	margin-top:150px;	

	margin-left:30px;

	margin-right:30px;

}





/* QA */

.qaTitle{	font-weight: bold;	font-size: 24px;	}



.marginB20{

	margin-bottom:20px;

}

.marginT20{

	margin-top:20px;

}

.rep_q{

	background-color: #0F333A;

}

.rep_ans{

	background-color: #0F333A;

}

.qaClass{

	border: 3px solid #CCC;		

	width:100%;

	border-radius: 7px;

	padding:10px;

	

	box-shadow: 5px 5px 10px #112,-5px 5px 10px #112;





}

.ans{

	

	border-top-width: thin;

	border-top-style: dashed;

	border-top-color: #CCC;

}



/*********** navbar **********************/



/* navbar */

.navfont{font-family: nav_font;}





/*

.dropdown:hover .dropdown-menu {

    display: block;

    margin-top: 0; // remove the gap so it doesn't close

 }*/

.navbar-default {
/*background-color: #ecf0f1;*/
    height: 60px;

    width: 100%;

    position: fixed;

    top: 0px;

    background-image: url(../images/nav/nav_top.png);
    


}

.navbar-default .navbar-brand {

  color: #ecf0f1;

}

.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {

  color: #ffbbbc;

}

.navbar-default .navbar-text {

  color: #ecf0f1;

}

.navbar-default .navbar-nav > li > a {

  color: #003366;

}

.navbar-default .navbar-nav > li > a:not(.no_hover):hover, .navbar-default .navbar-nav > li > a:not(.no_hover):focus {

  background-color: #ffffff;

}

.navbar-default .navbar-nav > li > .dropdown-menu {

  background-color: #FF9900;

}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a {

  color: #ecf0f1;

}

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,

.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {

  color: #ffbbbc;

  background-color: #FF6600;

}

.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {

  background-color: #a31f24;

}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {

  color: #ffbbbc;

  background-color: #c0392b;

}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

  color: #ffbbbc;

  background-color: #FF6600;

}

.navbar-default .navbar-toggle {

  border-color: #c0392b;

}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {

  background-color: #c0392b;

}

.navbar-default .navbar-toggle .icon-bar {

  background-color: #ecf0f1;

}

.navbar-default .navbar-collapse,

.navbar-default .navbar-form {

  border-color: #ecf0f1;

}

.navbar-default .navbar-link {

  color: #ecf0f1;

}

.navbar-default .navbar-link:hover {

  color: #ffbbbc;

}



@media (max-width: 1100px) {

  .navbar-default .navbar-nav .open .dropdown-menu > li > a {

    color: #ecf0f1;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {

    color: #ffbbbc;

  }

  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {

    color: #ffbbbc;

    background-color: #c0392b;

  }

}





/* nav height 

.navbar-brand,

.navbar-nav li a.text {

    line-height: 80px;

    height: 80px;

    padding-top: 0;

}*/





/***************************************/





/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,f1f1f1+50,e1e1e1+51,f6f6f6+100;White+Gloss+%231 */

.game-Div:hover{opacity:.3}

.game-Div{

    opacity:0;

    cursor:pointer;

    width:80px;

    height:30px;

    border-radius: 10px;

    background: rgb(255,255,255); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

    border-top-width: 1px;

    border-right-width: 1px;

    border-bottom-width: 1px;

    border-left-width: 1px;

    border-top-style: solid;

    border-right-style: solid;

    border-bottom-style: solid;

    border-left-style: solid;

    border-top-color: #000;

}

.game-Div2:hover{opacity:.3}

.game-Div2{

    opacity:0;

    cursor:pointer;

    width:125px;

    height:90px;

    border-radius: 10px;

    background: rgb(255,255,255); /* Old browsers */

    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */

    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

    border-top-width: 1px;

    border-right-width: 1px;

    border-bottom-width: 1px;

    border-left-width: 1px;

    border-top-style: solid;

    border-right-style: solid;

    border-bottom-style: solid;

    border-left-style: solid;

    border-top-color: #000;

}
.game-Div3:hover{opacity:.3}

.game-Div3{

	opacity:0;

	cursor:pointer;

	width:120px;

	height:85px;

	border-radius: 10px;

	background: rgb(255,255,255); /* Old browsers */

	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #000;

}

.left-Div{

	opacity:0;

	cursor:pointer;

	width:160px;

	height:100px;

	border-radius: 10px;

	background: rgb(255,255,255); /* Old browsers */

	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%); /* FF3.6+ */

	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(50%,rgba(241,241,241,1)), color-stop(51%,rgba(225,225,225,1)), color-stop(100%,rgba(246,246,246,1))); /* Chrome,Safari4+ */

	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Chrome10+,Safari5.1+ */

	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* Opera 11.10+ */

	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* IE10+ */

	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );

	border-top-width: 1px;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-top-color: #000;

}


fieldset {

	border:0;

	padding:10px;

	margin-bottom:

	10px;background:#EEE;



	border-radius: 8px;

	-moz-border-radius: 8px;

	-webkit-border-radius: 8px;



	background:-webkit-liner-gradient(top,#EEEEEE,#FFFFFF);

	background:linear-gradient(top,#EFEFEF,#FFFFFF);



	box-shadow:3px 3px 10px #666;

	-moz-box-shadow:3px 3px 10px #666;

	-webkit-box-shadow:3px 3px 10px #666;



	position:relative;

	}



legend {

	padding:5px 10px;

	background-color:#4F709F;

	color:#FFF;



	border-radius:3px;

	-moz-border-radius:3px;

	-webkit-border-radius:3px;



	box-shadow:2px 2px 4px #666;

	-moz-box-shadow:2px 2px 4px #666;

	-webkit-box-shadow:2px 2px 4px #666;



	position:absolute;

	left:10px;top:-11px;

	}

	

hr.style-eight {

    padding: 0;

    border: none;

    border-top: medium double #333;

    color: #333;

    text-align: center;

}

hr.style-eight:after {

    content: "§";

    display: inline-block;

    position: relative;

    top: -0.7em;

    font-size: 1.5em;

    padding: 0 0.25em;

    background: white;

}

hr.style-two {

    border: 0;

    height: 1px;

    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));

}



table.func {

	font: 100%/30px 'Helvetica Neue', helvetica, arial, sans-serif;

	text-shadow: 0 1px 0 #fff;

	

	background: #f5f5f5;

	border-collapse: separate;

	box-shadow: inset 0 1px 0 #fff;

	font-size: 12px;

	line-height: 24px;

	margin: 30px auto;

	text-align: left;

	width: 800px;

}	



table.func th {

	background:  linear-gradient(#777, #444);

	border-left: 1px solid #555;

	border-right: 1px solid #777;

	border-top: 1px solid #555;

	border-bottom: 1px solid #333;

	box-shadow: inset 0 1px 0 #999;

	color: #fff;

  font-weight: bold;

	padding: 10px 15px;

	position: relative;

	text-shadow: 0 1px 0 #000;	

}



table.func th:after {

	background: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.08));

	content: '';

	display: block;

	height: 25%;

	left: 0;

	margin: 1px 0 0 0;

	position: absolute;

	top: 25%;

	width: 100%;

}



table.func th:first-child {

	border-left: 1px solid #777;	

	box-shadow: inset 1px 1px 0 #999;

}



table.func th:last-child {

	box-shadow: inset -1px 1px 0 #999;

}



table.func td {

	border-right: 1px solid #fff;

	border-left: 1px solid #e8e8e8;

	border-top: 1px solid #fff;

	border-bottom: 1px solid #e8e8e8;

	padding: 10px 15px;

	position: relative;

	transition: all 300ms;

}



table.func td:first-child {

	box-shadow: inset 1px 0 0 #fff;

}	



table.func td:last-child {

	border-right: 1px solid #e8e8e8;

	box-shadow: inset -1px 0 0 #fff;

}	





table.func tr:last-of-type td {

	box-shadow: inset 0 -1px 0 #fff; 

}



table.func tr:last-of-type td:first-child {

	box-shadow: inset 1px -1px 0 #fff;

}	



table.func tr:last-of-type td:last-child {

	box-shadow: inset -1px -1px 0 #fff;

}	



table.func tbody:hover td {

	color: transparent;

	text-shadow: 0 0 3px #aaa;

}



table.func tbody:hover tr:hover td {

	color: #444;

	text-shadow: 0 1px 0 #fff;

}