@font-face {
  font-family: MicrogrammaDBolExt;
  src: url(https://cougargaming.com/global/style/css/font/MICROGBE.TTF);
}
@font-face {
  font-family: MicrogrammaDMedExt;
  src: url(https://cougargaming.com/global/style/css/font/MICROGME.TTF);
}
@font-face {
 font-family: MicrogrammaDBolExt;
 src: url("https://cougargaming.com/global/style/css/font/MICROGBE.eot") /* EOT file for IE */
}
@font-face {
 font-family: MicrogrammaDMedExt;
 src: url("https://cougargaming.com/global/style/css/font/MICROGME.eot") /* EOT file for IE */
}


* {
	margin: 0;
	padding: 0;
	font-family: 'Roboto', Arial, sans-serif;
}

body {
	/*background: url(../images/texture_green_cup.jpg);*/
	/*padding-top: 50px;*/
}

img {
	display: block;
	max-width: 100%;
	height: auto;
}

/*typo3 自動產生的語法 <div id="yass_top_edge_padding" style="padding: 0px 0px 50px; margin: 0px; border-width: 0px; height: 0px; display: block;"></div>*/
/*div#yass_top_edge_padding{0px;}*/

a {
	color: #FF6600;
}

a:hover {color: #666; text-decoration: none;}

a:focus{
	outline: none; /* for Firefox Google Chrome  */
	behavior:expression(this.onFocus=this.blur()); /* for IE */
}

.content {
	/*width: 80%;*/
	/*margin: 50px auto;*/
	/*padding: 20px;*/
}
.content h1 {
	font-weight: 400;
	text-transform: uppercase;
	margin: 0;
	/*color: #fff;*/
}
.content h2 {
	font-weight: 400;
	text-transform: uppercase;
	color: #333;
	margin: 0 0 20px;
}
.content p {
	font-size: 1.2em;
	font-weight: 300;
	line-height: 1.5em;
	margin: 0 0 20px;
}
/*.content p:last-child {
	margin: 0;
}*/
.content a.button {
	display: inline-block;
	padding: 10px 20px;
	background: #ff0;
	color: #000;
	text-decoration: none;
}
.content a.button:hover {
	background: #000;
	color: #ff0;
}
.content.title {
	position: relative;
	background: #333;
}
.content.title h1 span.demo {
	display: inline-block;
	font-size: .5em;
	padding: 10px;
	background: #fff;
	color: #333;
	vertical-align: top;
}
.content.title .back-to-article {
	position: absolute;
	bottom: -20px;
	left: 20px;
}
.content.title .back-to-article a {
	padding: 10px 20px;
	background: #f60;
	color: #fff;
	text-decoration: none;
}
.content.title .back-to-article a:hover {
	background: #f90;
}
.content.title .back-to-article a i {
	margin-left: 5px;
}
.content.white {
	background: #fff;
	/*padding-bottom: 60px;*/
	/*box-shadow: 0 0 10px #999;*/
}
.content.black, div.black {
	background: #000;
}
.content.black p {
	color: #999;
}
.content.black p a {
	color: #08c;
}
.content.white .row.home_new_products,
.content.white .row.home_news_block
{
	width:1200px; 
 	margin-left:auto; 
	margin-right:auto; 
}

@media (max-width: 1200px) {
	.content.white .row.home_new_products,
	.content.white .row.home_news_block,
	div#footer {
		width: auto;
	}
}
@media (max-width: 992px) {
	/*.row.home_news_block .row div:last-child{visibility:hidden;}*/
}

.page-bottom{
	padding-bottom: 50px !important;
	background-color:#000;
}
@media (min-width: 1217px){
div#footer{
	margin-right: auto;
	margin-left: auto;
	background-color:#000;
	width: 1200px;
	padding-top: 10px;
}
}
@media (min-width: 993px) and (max-width: 1216px)  {
div#footer{
	margin-right: auto;
	margin-left: auto;
	background-color:#000;
	width: 100%;
	padding-top: 10px;
	overflow:hidden;
}
}
@media (max-width: 992px) {
div#footer{
	margin-right: auto;
	margin-left: auto;
	background-color:#000;
	width: 100%;
	padding-top: 10px;
	overflow:hidden;
}
}

div#footer div#copyright_country{
	padding: 10px;
	color:#FFFFFF;
}
div#footer div#product_list{
	color:#FFFFFF;
	margin-left:auto;
	margin-right:auto;
	padding-bottom: 30px;
	border-bottom: 1px #666 solid;
	margin-bottom: 10px;
}
div#footer div#product_list a {
	color:#CCC;
	padding: 2px;
}
@media (max-width: 768px) {
div#footer div#product_list a { padding: 7px 2px;}
}
div#footer div#product_list a:hover {
	color:#FF6600;
}

/* All Li */
div#footer div#product_list ul li{
	list-style: none;
	font-size: 16px;
}

/* 第一層 Li*/
div#footer div#product_list > ul > li{
	display: block;
	padding: 0px;
	text-align:;
	/*border-right: 1px solid #333;*/
	margin-bottom: 8px;
	font-size: 1.3em;
	font-weight: 600;
}
@media (min-width: 768px) {
div#footer div#product_list > ul > li{
	float:left;
	margin-right: 40px;
	margin-bottom: 20px;
}
}
/* 第二層 Li*/
div#footer div#product_list > ul > li > ul > li{
	display: block;
	font-weight: 400;

	/*float:left;*/
	/*border-right: 2px dotted #333;*/
}
div#footer div#product_list > ul > li:last-child{
	border-right: none;
}

/* 含第二層以下的 Li*/
div#footer div#product_list ul li ul li{
	text-align: left;
	/*width: 100px;*/
}

/* 含第三層隱藏*/
div#footer div#product_list ul li ul li ul{
	display:none;
}


/* 第一層 A*/
div#footer div#product_list > ul > li > a{
	color: #FFF;
	display:block;
	/*border-bottom:1px solid #333;*/
}
@media (max-width: 767px) {
div#footer div#product_list > ul > li > a{
	background-color: #2e2e2e;
	padding: 15px 10px;
}
div#footer div#product_list > ul > li > a .glyphicon {
	float:right;
	transform: rotate(90deg);
	-ms-transform: rotate(90deg); /* IE 9 */
    -webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
}
div#footer div#product_list > ul > li > a.collapsed .glyphicon {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
}
div#footer div#product_list > ul > li > ul > li {
	padding:3px 15px;
}
}
@media (min-width: 768px) {
#footer .collapse {
    display: block;
}
}
/* 第二層 A*/
div#footer div#product_list > ul > li > ul > li > a{
	color: #777;
	display:block;
}
/* 第二層 A:hover*/
div#footer div#product_list > ul > li > ul > li > a:hover{
	color: #F60;
}

div#footer div#product_list ul li ul li ul{
}
div#footer div#product_list .fa-lg{
	line-height: 1em;
	text-align: center;
}
@media (max-width: 768px) {
div#footer div#product_list .fa-lg{
	line-height: 1.4em;
	text-align:right;
}
div#footer div#product_list ul li{ font-size:16px;}
}
div#footer div#product_list .fa-ul{
	margin-left: 25px;
}

@media (max-width: 992px) {
	div#footer {
		width: auto;
	}
	div#footer div#product_list ul li{
		/*font-size:14px;*/
	}

}


.row.home_new_products .thumbnail{border:none;}
.row.home_new_products .thumbnail .caption h3{margin-top: 10px;}
.row.home_new_products .thumbnail .caption p{margin: 0px;}
.row.home_new_products .col-xs-6,
.row.home_new_products .col-sm-6,
.row.home_new_products .col-md-3 {padding-left: 5px; padding-right: 5px;}
.row.home_new_products .caption {
	background-image:url(https://cougargaming.com/global/style/css/img/transparent_200.png);
	position: absolute;
	bottom:30px;
	left:9px;
	color: #FFFFFF;
	padding: 4px 9px;
	border-left: 5px #ff6600 solid;
}

.row.home .caption *{margin: 0px; padding: 3px;}
.row.home_news_block .awards_block img{padding: 3px;}
.row.home_news_block h5{margin-bottom: 0px; text-align: center;}
.row.home_news_block h6{margin: 3px; font-weight:normal; color:#AAA; font-size: 1.1em;}
.row.home_news_block .awards_block{}
.row.home_news_block a:hover {text-decoration:underline; color: #000;}
.row.home_news_block .thumbnail {min-height: 250px;}

.row.home_news_block > div {padding: 0px 10px;} /*讓 review, news 兩個 div 寬度對齊邊界*/



@media (max-width: 992px) {
	.row.home_news_block h5{padding: 3px; font-size: 10px; min-height: 60px;}
	div#footer div#product_list ul li ul li{
		/*width: 50px;*/
	}
}
@media (min-width: 992px) {
	/*當小於 992px, 最後二個 Review 出現*/
	div.awards_block div.row>div:nth-last-child(1),
	div.awards_block div.row>div:nth-last-child(2){display:none;}

}
.top_full_banner{
	height: 250px;
	background-color: transparent;
	background-position: center center;
    background-attachment: scroll;
	background-size:cover;
	background-repeat:no-repeat;
	border-bottom: 3px solid #F60;
}
#products_page{
	background-image: url(https://cougargaming.com/global/img/top_banner/products.jpg);
	margin-bottom: 50px;
}

#products_page .tran_bg{
	width:1200px;
	margin-left: auto;
	margin-right:auto;
}
#products_page .tran_bg h1{
	background-image:url(https://cougargaming.com/global/style/css/img/transparent_200.png);
	float:left;
	padding: 10px;
	color:#FFF;
	margin-top: 60px;
}
.site_path{margin-left: auto; margin-right: auto; width: 1200px; color: #999; float: none;}
.site_path span{ margin-right: 5px ; margin-left: 5px; }
.site_path a:hover{color: #666;}

@media (max-width: 992px) {
	.top_full_banner{
		height: 150px;
	}
	#products_page .tran_bg h1{
		margin-top: 40px;
	}
	.site_path {width: auto;}
	#products_page{
		margin-bottom: 20px;
	}
}

div.margin-b-100{margin-bottom: 100px;}


.row.home_new_products .thumbnail > img, 
.row.home_new_products .thumbnail a > img {
    margin-left:0px;
    margin-right:0px;
}





/* 2015.8.19 Amy新增 */
.width900 {max-width:900px !important;}
.width767 {max-width:767px !important;}
.width600 {max-width:600px !important;}
.width650 {max-width:650px !important;}
.width1160 {max-width:1160px !important;}
.width1300 {max-width:1300px !important;}
.widthauto { width:auto !important; max-width:none !important;}
.margin-top0 {margin-top:0px !important;}
.margin-top20 {margin-top:20px !important;}
.margin-top30 {margin-top:30px !important;}
.margin-top60 {margin-top:60px !important;}
.margin-bottom0 {margin-bottom:0px !important;}
.margin-bottom15 {margin-bottom:15px !important;}
.margin-bottom30 {margin-bottom:30px !important;}
.margin-bottom60 {margin-bottom:60px !important;}
.margin-right30 {margin-right:30px !important;}
.padding-top0 {padding-top:0 !important;}
.padding-top60 {padding-top:60px !important;}
.padding-bottom0 {padding-bottom:0 !important;}
.padding-bottom30 {padding-bottom:30px !important;}
.padding-left0 {padding-left:0 !important;}
.padding0 {padding:0 !important;}
.text-nowrap {white-space: nowrap !important;}
.text-nowrap_new {word-wrap:break-word !important;}
.img-inline { display:inline !important;}
.text-align-left {text-align: left !important;}
.color-white { color:#FFF !important;}



.panel-default .panel-heading {
    background-color: #CCC;
}

div.panel-body div.panel-default div.panel-heading {
    background-color: #EEE;
}


.panel-default .panel-heading a:focus{color: #f60;}







.table-responsive-full {
    /*border: 1px solid #ddd;*/
    margin-bottom: 15px;
    overflow-x: scroll;
    overflow-y: hidden;
    width: 100%;
	padding:20px 0px;
}

.table-responsive-full > .table {
    margin-bottom: 0;
}
.table-responsive-full > .table > thead > tr > th, .table-responsive-full > .table > tbody > tr > th, .table-responsive-full > .table > tfoot > tr > th, .table-responsive-full > .table > thead > tr > td, .table-responsive-full > .table > tbody > tr > td, .table-responsive-full > .table > tfoot > tr > td {
    white-space: nowrap;
}

.table-responsive-full > .table-bordered {
    /*border: 0 none;*/
}
.table-responsive-full > .table-bordered > thead > tr > th:first-child, .table-responsive-full > .table-bordered > tbody > tr > th:first-child, .table-responsive-full > .table-bordered > tfoot > tr > th:first-child, .table-responsive-full > .table-bordered > thead > tr > td:first-child, .table-responsive-full > .table-bordered > tbody > tr > td:first-child, .table-responsive-full > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0 none;
}
.table-responsive-full > .table-bordered > thead > tr > th:last-child, .table-responsive-full > .table-bordered > tbody > tr > th:last-child, .table-responsive-full > .table-bordered > tfoot > tr > th:last-child, .table-responsive-full > .table-bordered > thead > tr > td:last-child, .table-responsive-full > .table-bordered > tbody > tr > td:last-child, .table-responsive-full > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0 none;
}
.table-responsive-full > .table-bordered > tbody > tr:last-child > th, .table-responsive-full > .table-bordered > tfoot > tr:last-child > th, .table-responsive-full > .table-bordered > tbody > tr:last-child > td, .table-responsive-full > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0 none;
}


.bar-right a.btn-danger,
.bar-right button.btn-danger {
    background-color: #F60;
    border-color: #F60;
    color: #fff;
	
}
.bar-right a.btn-danger:hover {
    color: #fff;
    background-color: #F90;
    border-color: #F90;
}

/*computex events*/
.bar-center a.btn-danger,
.bar-center button.btn-danger {
    background-color: #F60;
    border-color: #F60;
    color: #FFFFFF;
}
.bar-center a.btn-danger:hover {
    color: #fff;
    background-color: #F90;
    border-color: #F90;
}
/*computex events---end*/
.back-to-top {
	position: fixed;
	bottom: 2em;
	right: 0px;
	text-decoration: none;
	color: #FFF;
	background-color: rgba(50, 50, 50, 0.80);
	font-size: 25px;
	padding: 0.5em;
	display: none;
}

.back-to-top:hover {	
	background-color: rgba(50, 50, 50, 0.80);
}	
.back-to-top span{color:#FFF;}


.btn-orange {
    background-image: linear-gradient(to bottom, #f8862a 0px, #f06f06 100%);
    background-repeat: repeat-x;
    border-color: #be5906;
    color: #fff;
}

.gray-middle select,
.download-uix select {  margin-bottom:10px; color:#555;}

#footer a#foot-icon-weibo{
	background: url(https://cougargaming.com/global/style/css/img/weibo-g.png) 0 8px;
	background-repeat: no-repeat;
	margin-left: -20px;
	padding-left:13px;
	text-align: right;
	width: 60px;
}
#footer a#foot-icon-weibo:hover{
	background: url(https://cougargaming.com/global/style/css/img/weibo-o.png) 0 8px;
	background-repeat: no-repeat;
}
#footer a#foot-icon-youku{
	background: url(https://cougargaming.com/global/style/css/img/youku-g.png) 0 8px;
	background-repeat: no-repeat;
	margin-left: -20px;
	padding-left:13px;
	text-align: right;
	width: 60px;
}
#footer a#foot-icon-youku:hover{
	background: url(https://cougargaming.com/global/style/css/img/youku-o.png) 0 8px;
	background-repeat: no-repeat;
}

ul.nav li a#top-icon-weibo{
	background: url(https://cougargaming.com/global/style/css/img/weibo.png) 10px 15px;
	background-repeat: no-repeat;
	padding-left:24px;
}
ul.nav li a#top-icon-youku{
	background: url(https://cougargaming.com/global/style/css/img/youku.png) 10px 15px;
	background-repeat: no-repeat;
	padding-left:24px;
}
ul.nav li a#top-icon-weibo:hover{
	background: url(https://cougargaming.com/global/style/css/img/weibo-o.png) 10px 15px;
	background-repeat: no-repeat;
	background-color: #F5F5F5;
}
ul.nav li a#top-icon-youku:hover{
	background: url(https://cougargaming.com/global/style/css/img/youku-o.png) 10px 15px;
	background-repeat: no-repeat;
	background-color: #F5F5F5;
}
@media (max-width: 768px) {
	#footer a#foot-icon-weibo{
		background: url(https://cougargaming.com/global/style/css/img/weibo-g.png) 0 12px;
		background-repeat: no-repeat;
		margin-left: -20px;
		padding-left:13px;
		text-align: right;
		width: 60px;
	}
	#footer a#foot-icon-weibo:hover{
		background: url(https://cougargaming.com/global/style/css/img/weibo-o.png) 0 12px;
		background-repeat: no-repeat;
	}
	#footer a#foot-icon-youku:hover{
		background: url(https://cougargaming.com/global/style/css/img/youku-o.png) 0 12px;
		background-repeat: no-repeat;
	}
	#footer a#foot-icon-youku{
		background: url(https://cougargaming.com/global/style/css/img/youku-g.png) 0 12px;
		background-repeat: no-repeat;
		margin-left: -20px;
		padding-left:13px;
		text-align: right;
		width: 60px;
	}
	ul.nav li a#top-icon-weibo{
		background: url(https://cougargaming.com/global/style/css/img/weibo-g.png) 10px 10px;
		background-repeat: no-repeat;
		padding-left:30px;
		margin-left: 15px;
	}
	ul.nav li a#top-icon-youku{
		background: url(https://cougargaming.com/global/style/css/img/youku-g.png) 10px 10px;
		background-repeat: no-repeat;
		padding-left:30px;
		margin-left: 15px;
	}
	ul.nav li a#top-icon-weibo:hover{
	background: url(https://cougargaming.com/global/style/css/img/weibo.png) 10px 10px;
	background-repeat: no-repeat;
	}
	ul.nav li a#top-icon-youku:hover{
		background: url(https://cougargaming.com/global/style/css/img/youku.png) 10px 10px;
		background-repeat: no-repeat;
	}

}


#footer_follow_us{
	text-align: center;
	margin-bottom: 50px;
}

#footer_follow_us h3{
	color: #FFF;
	font-weight: bold;
}

#footer_follow_us ul{
	display: inline-block;
}

#footer_follow_us ul li img{
	width: 2em;
}

#footer_follow_us ul li{
    display: inline;
    float: left;
    margin: 0 15px;
}