@charset "utf-8";
/* CSS Document */

.banner-title
{
	font-size:48px;
		
}


.tac
{
	text-align:center;
}
.tal
{
	text-align:left;
}
.tar
{
	text-align:right;
}
.mt10
{
	margin-top:10px;
}
.mt15
{
	margin-top:15px;
}
.mt30
{
	margin-top:30px;
}
.mt45
{
	margin-top:45px;	
}
.mt60
{
	margin-top:60px;	
}
.mt90
{
	margin-top:90px;	
}
.mb15
{
	margin-bottom:15px;
}
.mb30
{
	margin-bottom:30px;
}
.mb45
{
	margin-bottom:45px;	
}
.mb60
{
	margin-bottom:60px;	
}


.ml15
{
	margin:0px 15px;
}
.ml45
{
	margin:0px 45px;
}
.ml60
{
	margin:0px 60px;
}
.mv15
{
	margin:15px 0px;
}
.mv30
{
	margin:30px 0px;
}
.mv45
{
	margin:45px 0px;
}
.mv60
{
	margin:60px 0px;
}
.mv150
{
	margin:150px 0px;
}


.pt15
{
	padding-top:15px;
}
.pt45
{
	padding-top:45px;	
}
.pt60
{
	padding-top:60px;	
}
.pb15
{
	padding-bottom:15px;
}
.pb45
{
	padding-bottom:45px;	
}
.pb60
{
	padding-bottom:60px;	
}
.pb200
{
	padding-bottom:200px;
	
}

.pl15
{
	padding:0px 15px;
}
.pl45
{
	padding:0px 45px;
}
.pl60
{
	padding:0px 60px;
}
.pv15
{
	padding:15px 0px;
}
.pv45
{
	padding:45px 0px;
}
.pv60
{
	padding:60px 0px;
}




.mw800
{
	max-width:800px;
	
}
.mw1000
{
	max-width:1000px;
	margin:0 auto;
	
}

.alc
{
	margin:0 auto;
	
}
.dc{
	margin: 0 auto;
}

hr
{
	border-top: 1px solid #333;
	
}












a
{
	color: #000;	
}

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



/*==================================*/
#product_top_menu a
{
	padding: 10px 10px;	
	
}
#product_top_menu a
{
	/*color:#444444;*/
	
}
#product_top_menu a:hover
{
	color:#008fd9;
	
}

.metro {
  display: inline-block;
  padding:2px 5px;
  margin: 3px;
  background: #999;
  font-size:0.7em;

  /* Font styles */
  color: white;
  text-decoration: none;
}

.metro:hover 
{ 
	background: #57c1d4;
	color:#FFF;
    text-decoration:none; 
}


#product_banner
{
	background: #b5d8dd; /* Fallback background color for non supported browsers */ 
	background-image: -moz-radial-gradient(center 45deg,circle cover, #fefcfe, #b5d8dd);
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#fefcfe), to(#b5d8dd));
	height:90%;
}

#tab2 h2
{
	  margin: 40px 10px 45px 0;
}



a
{
	color:#337ab7;
}
a:hover
{
	color:#00a8ff;
	
}

#go_small
{
	font-size:14px;

}

#go_small table, ul
{
	font-weight:400 !important;
	
}
.content table
{	
	line-height:1.4;
}

.p_top_link a
{
	margin: 0px 10px;
	line-height:2;
	
}
.p_top_link span
{
	font-size:0.7em; color:#337ab7;
}

.product_bannerXXX
{
	background: #b5d8dd; /* Fallback background color for non supported browsers */ 
	background-image: -moz-radial-gradient(center 45deg,circle cover, #fefcfe, #b5d8dd);
	background-image: -webkit-gradient(radial, 50% 50%, 0, 50% 50%,800, from(#fefcfe), to(#b5d8dd));
	height:90%;
}

.product_banner{
  background-image: url("../../../images/product_feature/bg_banner.jpg");
  background-size:cover;
}

.p_logo a
{
	display:inline;
	
	text-decoration:none;
}
.p_logo img
{
	width:40px;
}

.p_zoom
{
	position:absolute;
	bottom:0px;
	right:20px;
	
}
.tab_wrap
{
	background-color:#CCCCCC;
	
}
.tab_wrap a
{
	display:block;
	overflow:hidden;
	
}

.banner-title {
    color: #848484;
	
}
.banner-subtitle 
{
    color: #4a4a4a;
   
    line-height: 40px;
}

.detail_content
{
	margin:20px;
	padding:0;
	
}



#tab1 img
{
	width:auto;
	
}
#tab1 p
{
	font-size:18px;
    color: #2c2c2c;
    line-height: 1.7;
    letter-spacing: -0.4px;
	
}

#tab2 h1
{
	margin: 30px 0px;
	
}
#tab2 img
{
	width:auto;
	margin-top:30px;
}
#tab3 p
{
	font-size:16px;
    color: #2c2c2c;
    line-height: 1.7;
    font-weight: 300;
    letter-spacing: -0.4px;
	
}
.bg_grey
{
	background-color:#eaeff5;
	
}
.performance
{
	width:100%;
	
}
table.performance
{
	width:100%;
	
}
#tab3
{
	overflow:hidden;
	
}

#tab3 .specifi {
    border-top: none;
}
#tab3 .specifi h3
{
	border-bottom: thin solid #CCC;
	padding-bottom:15px;
	margin:10px 0px 20px 0px;
	
}
.specifi_img_1 {
  
    left: 0%;
    top: 0%;
	float:right;
	position:relative;
	bottom:90px;
}
.specifi_img_2 {
	float:right;
	position:relative;
	top:-20px;
}
.specifi_img_3 {
	float:right;
	position:relative;
	top:0px;
	left:0%;
}
.specifi_img_4 {
	
	position:relative;
	top:-30px;

}
.specifi h3 .metro
{
	font-size:0.6em;
	font-weight:400;
	position:relative;
	top:-3px;
	
}

#tab3 .btn-xs, .btn-group-xs>.btn 
{
    padding: 0px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
	margin:-3px 0px 0px 5px;
}
.product_item_a
{
	border:#ccc thin solid;
	text-align:center;
	
	
	padding:0px 10px;
	min-height:300px;
	
}

#tab2 ul, .tab li {
    margin: 0px 20px;
    padding: 0;
}
#tab3 ul, .tab li {
    margin: 0px 20px;
    padding: 0;
}

.specifi_img_os {
    position: absolute;
    left: 55%;
    top: 18px;
}


.product_tabs li
{
	width:300px;	
}

.mw900
{
	max-width:900px;
	margin:0 auto;	
}




@media only screen and (max-width : 768px) 
{
	#tab1 img
	{
		width:100%;
	}
	#tab2 img
	{
		width:100%;
	}
	#tab3 #specifi_right
	{
		width:100%;
	}
	#tab3 #specifi_left
	{
		width:100%;
	}
	.banner_p_pic
	{
		width:100%;
	}

	
}







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


}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) 
{
	.tab_container h1
	{
		font-size:24px;
	}
	.tab_container h2
	{
		font-size:20px;
	}
	.product_banner h1
	{
		font-size:24px;
	}
	.product_banner h2
	{
		font-size:20px;
	}}

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	
	.tab_container h1
	{
		font-size:24px;
	}
	.tab_container h2
	{
		font-size:20px;
	}
	.product_banner h1
	{
		font-size:24px;
	}
	.product_banner h2
	{
		font-size:20px;
	}
}

}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) 
{	
	.tab_container h1
	{
		font-size:24px;
	}
	.tab_container h2
	{
		font-size:20px;
	}
	.product_banner h1
	{
		font-size:24px;
	}
	.product_banner h2
	{
		font-size:20px;
	}
}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) 
{
	
	.tab_container h1
	{
		font-size:24px;
	}
	.tab_container h2
	{
		font-size:20px;
	}
	.product_banner h1
	{
		font-size:24px;
	}
	.product_banner h2
	{
		font-size:20px;
	}
}












/*===============================*/
.list-outer
{
    margin-left: -15px !important;
    margin-right: -15px !important;
}



.pad
{
	background-color: rgba(255,255,255,0.9);
    padding: 0px 45px 30px 45px;
	border:thin solid #FFF;
	
}