/*重置*/
body {
	font-family: Arial,sans-serif;
	-webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.navbar-brand{
	padding: 0;
	height: auto;
	margin-left: 0 !important;
}
.btn-orange{
	color: #FF6A00;
	border-color: #FF6A00;
	background-color: transparent;
}
.btn-orange:active,
.btn-orange:hover{
	color: #fff;
	background-color: #FF6A00;
}
/*end 重置*/

/*头部*/
.navbar-main .navbar-nav-main>.active>a,
.navbar-main .navbar-nav-main>.active>a:focus,
.navbar-main .navbar-nav-main>.active>a:hover{
	background-color: transparent;
}

.downloadhover{
	position: static !important;
}
.downloadhover:hover .dropdown-menu{
	display: block;
}
.downloadhover .dropdown-menu{
	border: 0;
	background-color: #f8f8f8;
	-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.175);
	box-shadow: 0 3px 6px rgba(0,0,0,.175);
	top: 90%;
	left: 0;
	border-radius: 0;
	padding: 0 0 11px;
	width: 100%;
	padding-left: 60.4%;
}
/* .downloadhover>a{
	color: #777 !important;
	border-bottom-color: transparent !important;
} */
.nav .downloadhover.open>a, .nav .downloadhover.open>a:focus, .nav .downloadhover.open>a:hover{
    background-color: #f8f8f8 !important;
    border-color: #FF6A00;
}
.downloadhover .dropdown-menu>li>a{
	font-size: 18px;
	color: #777 !important;
	background-color: transparent !important;
}
.downloadhover .dropdown-menu>li>a:hover {
	color: #FF6A00 !important;
    background-color: transparent !important;
}
@media (min-width:2560px) {
	.downloadhover .dropdown-menu{
		padding-left: 57.8%;
	}
}
@media (max-width:1440px) {
	.downloadhover .dropdown-menu{
		padding-left: 63.8%;
	}
}
@media (max-width:1024px) {
	.downloadhover .dropdown-menu {
		padding-left: 71.2%;
	}
    .downloadhover .dropdown-menu>li>a {
		font-size: 17px;
		padding: 0 20px;
    }
}
@media (max-width:768px) {
	.downloadhover .dropdown-menu {
		padding-left: 71.9%;
	}
	.downloadhover .dropdown-menu>li>a {    
        font-size: 13px;
    }
}
@media (max-width:767px) {
	.downloadhover .dropdown-menu {
		padding: 0 0 10px 2.5%;
		position: relative;
		display: block;
		width: 100%;
		left: 0;
		-webkit-box-shadow: 0 0px 0px rgba(0,0,0,.175);
		box-shadow: 0 0px 0px rgba(0,0,0,.175);
	}
	.downloadhover .dropdown-menu>li>a {color: #555;
		padding: 2px 20px;
	}
}
/*end 头部*/

/*按钮*/
.user-search-btn .form-control:first-child {
    border-radius: 3px;
}

.user-search-btn .input-group-addon {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0; 
    border: none;
    background: none;
}

.user-search-btn .input-group-addon .btn-default {
    border: solid 1px #FF6A00;
    color: #FF6A00;
    padding-left: 1.8rem;
    padding-right:1.8rem; 
}
.user-search-btn .input-group-addon .btn-default:hover{
	background: rgba(255, 164, 0, 0.1);
}
/*按钮-end*/

/*订阅栏*/
.column-news-letter{
	overflow: hidden;
	margin-bottom: 40px;
}
.column-news-letter .form-group{
	width: 100%;
}
.column-news-letter .control-label{
	float: left;
	height: 34px;
    padding: 6px 12px 6px 0;
    color: #00609C;
    font-weight: 200;
    font-size: 20px;
    text-align: left;
}
.column-news-letter .control-group{
	float: left;
}
.column-news-letter .control-group .form-control{
	padding: 20px 12px;
}
.column-news-letter .control-group .btn{
	font-size: 20px;
}
/*end 订阅栏*/

/*页面底部*/
.container-wrapper{
	margin-top: 40px;
	background-color: #f2f2f2;
}
.container-wrapper1{
	margin-top: 0px;
	background-color: #272727;
}
.footer-links{
	overflow: hidden;
	width: 100%;
}
.footer-links dl{
	float: left;
	width: 15%;
	margin-left: 0;
	margin-right: 6.9%;
}
.footer-links .wider-links{
		width: 25%;
	}
.footer-links dl dt{
	margin-bottom: 20px;
	font-size: 18px;
	color: #717071;
}
.footer-links dl dd{
	margin-bottom: 10px;
}
.footer-links dl dd a{
	color: #838383;
	text-decoration: none;
}
.footer-links dl dd a:hover{
	color: #3E3A39;
}
.contact-ways{
	clear: both;
	margin-top: 10px;
	width: 250px;
	text-align: center;
}
.icon-circle{
	display: block;
	width: 132px;
	height: 132px;
	line-height: 130px;
	color: #fff;
	text-align: center;
	background: url(../images/btn_live_chat.png) center center;
}
.contact-phone{
	margin-top: 10px;
}
.copyright{
	margin: 0 0 15px 0;
    border-top: 1px solid #999;
	box-shadow: 0px -1px 0px rgba(153, 153, 153, 0.5);
	padding-top: 15px;
	font-size: 18px;
}
.copyright span{
	margin-right: 22px;
	color: #B4B4B5;
}
.copyright a{
	display: inline-block;
	margin: 0;
	padding: 0 6px 0 2px;
	color: #888888;
	border-right: 1px solid #ccc;
	text-decoration: none;
}
.copyright a:last-child{
	border-right: none;
}
.copyright a:hover{
	color: #595757;
}



/*end 页面底部*/
@media (max-width: 991px) {
	.navbar-header img {
		height: 50px;
	}
	.navbar-main{
		margin-bottom: 0;
	}
}
@media (max-width: 991px) and (min-width:768px){
	.navbar-default .navbar-collapse{
		float: right;
	}
	/* .navbar-main{
		padding: 12px 0;
	} */
}
@media (max-width: 768px){
	.navbar-main{
		margin-bottom: 0;
	}
	.footer-links dl{
		width: 30%;
	}
	.navbar-nav-main>li {
		padding-top: 5px;
		padding-bottom: 5px;
	}
	.column-news-letter .control-label{
		font-size: 12px;
	}
	.column-news-letter .control-group{
		width: 100%;
	}
	.column-news-letter .control-group .form-control{
		display: inline-block;
		width: 60%;
		padding: 20px 5px;
	}
	.column-news-letter .control-group .btn{
		margin-left: 10px;
	}

	.column-news-letter .control-group .form-control-email{
		margin-top: 5px;
	}

	.container-wrapper{
		padding-top: 10px;
	}

	.contact-ways{
		text-align: left;
	}
	.footer-links .wider-links,.footer-links .adapted-links{
		display: none;
	}
	.navbar-main .container>.navbar-header{		
		margin-top: 5px;
		margin-bottom: 5px;
	}
}
@media (min-width: 992px) {
	.navbar-main .container>.navbar-header{
		margin-right: 20px;
		margin-top: 13px;
		margin-bottom: 10px;
	}
	.navbar-header img {
		max-width: 183px
	}
	.navbar-main {
		margin-bottom: 0;
	}
	
	.navbar-nav-main>li>a{
		margin-right: 20px;
		font-size: 24px;
	}
	.navbar-nav-main>li>a:hover,
	.navbar-nav-main>li.active a{
		color: #ff6b00 !important;
	}
	.footer-links dl{
		width: 15%;
	}
	.footer-links{
		/* float: left; */
		/* width: 800px; */
		padding: 70px 0 0;
	}
	.contact-ways{
		clear: none;
		float: right;
		margin-right: 10px;
		padding: 5px 0;
	}
}
@media (max-width: 1200px) and (min-width: 1025px){
	.navbar-main .container>.navbar-header {
		margin-right: 100px;
	}
	.column-new-products .thumbnail {
		min-height: 340px !important;
	}
}
@media (min-width: 1025px) {
	.navbar-nav-main>li{
		padding-top: 33px;
		padding-bottom: 27px;
	}
	
}
/* 2018页面改版 */
@font-face {
    font-family: SourceSansPro;
    font-style:normal;
    font-display:swap;
    font-weight:100 300;
    src:local("Source Sans Pro Light"),
    local("SourceSansPro-Light"), 
    url('./newFonts/SourceSansPro-Light.woff') format("woff"), 
    url('./newFonts/SourceSansPro-Light.otf') format("opentype"),
    url('./newFonts/SourceSansPro-Light.eot') format("embedded-opentype"),
    url('./newFonts/SourceSansPro-Light.ttf') format("truetype"),
    url('./newFonts/SourceSansPro-Light.svg') format("svg");
}
@font-face {
    font-family: SourceSansPro;
    font-style:normal;
    font-display:swap;
    font-weight:400 500;
    src:local("Source Sans Pro Regular"),
    local("SourceSansPro-Regular"), 
    url('./newFonts/SourceSansPro-Regular.woff') format("woff"), 
    url('./newFonts/SourceSansPro-Regular.otf') format("opentype"),
    url('./newFonts/SourceSansPro-Regular.eot') format("embedded-opentype"),
    url('./newFonts/SourceSansPro-Regular.ttf') format("truetype"),
    url('./newFonts/SourceSansPro-Regular.svg') format("svg");
}
@font-face {
    font-family: SourceSansPro;
    font-style:normal;
    font-display:swap;
    font-weight:600 800;
    src:local("Source Sans Pro Bold"),
    local("SourceSansPro-Bold"), 
    url('./newFonts/SourceSansPro-Bold.woff') format("woff"), 
    url('./newFonts/SourceSansPro-Bold.otf') format("opentype"),
    url('./newFonts/SourceSansPro-Bold.eot') format("embedded-opentype"),
    url('./newFonts/SourceSansPro-Bold.ttf') format("truetype"),
    url('./newFonts/SourceSansPro-Bold.svg') format("svg");
}
@font-face {
    font-family: SourceSansPro;
    font-style:normal;
    font-display:swap;
    font-weight:900;
    src:local("Source Sans Pro Black"),
    local("SourceSansPro-Black"), 
    url('./newFonts/SourceSansPro-Black.woff') format("woff"), 
    url('./newFonts/SourceSansPro-Black.otf') format("opentype"),
    url('./newFonts/SourceSansPro-Black.eot') format("embedded-opentype"),
    url('./newFonts/SourceSansPro-Black.ttf') format("truetype"),
    url('./newFonts/SourceSansPro-Black.svg') format("svg");
}
.newFont{
    font-family: SourceSansPro, Arial, sans-serif;
}
.container{
	width: 1280px;
	padding: 0;
}
.navbar{
	border: none;
}
.navbar-main{
	background-color: #f2f2f2;
	position: sticky;
    top: 0px;
    left: 0px;
    z-index: 80;
    width: 100%;
}
.AccountMenu {
    float: right;
}
.AccountMenu>ul{
    margin: 0;
}
.AccountMenu>ul>li{
    display: inline-block;
    padding: 28px 10px 20px;
    cursor: pointer;
}
.AccountMenu>ul>li:last-child{
    padding-right: 0;
}
.AccountMenu>ul>li>img{
    width: 28px;
}
.MyAccount{
    margin:0;
    position: absolute;
    background: #fff;
    padding: 10px 15px;
    font-size: 20px;
    width: 170px;
    top: 70px;
    transform: translateX(-40%);
    border-radius: 4px;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
    display: none;
    z-index: 99;
}
.MyAccount li{
    line-height: 1;
    position: relative;
    padding-left: 30px;
	margin: 4px 0;
	list-style: none;
}
.MyAccount li a{
	color: #333;
}
.MyAccount li a:hover{
	color: #ff6b00;
	text-decoration: none;
}
.MyAccount li.js-drawermenu-currency-converter{
    position: static;
}
.MyAccount li.First,.MyAccount li.wishLink,.MyAccount li.login{
    padding-top:10px; 
    padding-bottom: 10px;
}
.MyAccount li.First{
    border-bottom: 1px solid #F2F2F2;
}
.MyAccount li.First::before,.MyAccount li.wishLink::before,.MyAccount li.login::before{
    background: url("./../images/icon/account-icon.png") no-repeat;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    width: 20px;
    height: 20px;
    display: inline-block;
    transform: translateY(-50%);
}

.MyAccount li.First::before{
    background-position: -20px 0;
}
.MyAccount li.login::before{
    background-position: -40px 0;

}
.MyAccount .phoneIcon {
    font-weight: 400;
}
.MyAccount .js-drawermenu-currency-converter {
    color: #ccc;
    font-size: 12px;
    padding: 0;
}
.MyAccount .currency-converter p{
    font-size: 16px;
}
.MyAccount .currency-converter{
    position: unset;
}
.MyAccount .CurrencyChooser{
    top: 0;
    left: 0;
    border: 0;
}
.MyAccount .CurrencyChooser a span{
    font-size: 16px;
}
.Search{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    background-color: rgba(0,0,0,0.3);
    height: 100%;
    box-sizing: border-box;
    display: none;
}
 #SearchForm{
    float: left;
    margin:25px 0 0 25px;
    width: 50%;
    border: none;
    background-color: #f2f2f2 !important;
}
.Search #SearchForm input {
    float: right;
    width: 90%;
    padding: 0;
    background-color: #f2f2f2 !important;
	font-size: 18px;
	height: 35px;
	line-height: 35px;
	border: none;
	outline: none;
}
#SearchForm label {
    display: none;
}
.Search #SearchForm .Button{
	cursor: pointer;
    border: 0 !important;
    vertical-align: top;
    margin: 0;
    height: 35px;
    padding: 0;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    background: url(//cdn10.bigcommerce.com/r-d7da58bc2fa9ac362219b6ca847b6a0970dcbe51/themes/ClassicNext/images/searchIcon.png) 50% 50% no-repeat transparent;
    -moz-transition: background-color 150ms ease;
    -webkit-transition: background-color 150ms ease;
    -o-transition: background-color 150ms ease;
    transition: background-color 150ms ease;
    float: left;
    width: 10%;
    background-color: #f2f2f2;
}
.SearchClose{
    float: right;
    background: url(//shop.runcam.com/template/images/icon/close.png) no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    margin-top: 35px;
    cursor: pointer;
    margin-right: 60px;
}
.Search .SearchContent{
    background-color: #f2f2f2;
    height: 80px;
}
.QuickSearch{
    top: 85px !important;
}
.navbar-nav-main>li>a {
    margin-right: 0;
    padding: 0 15px;
    color: #333 !important;
    text-transform: uppercase;
}
.SearchFormMobile,.mobileMenu{
	display: none !important;
}
/* 页面底部 */
.footer-inner{
	text-align: center;
	overflow: hidden;
    padding-top: 60px;
	padding-bottom: 45px;
}
.serivce_item {
    float: none;
	width: 225px;
	height: 130px;
	display: inline-block;
	text-align: center;
	vertical-align: top;
}
.serivce_item i {
    width: 64px;
    height: 64px;
	background-size: 100%;
	display: inline-block;
}
.serivce_item i.return{
    background-image: url('//shop.runcam.com/template/images/icon/free@2x.png');
    background-position: 100% 100%;  
}
.serivce_item i.repair{
    background-image: url('//shop.runcam.com/template/images/icon/30-day@2x.png');
    background-position: 100% 100%;  
}
.serivce_item i.change{
    background-image: url('//shop.runcam.com/template/images/icon/90-day@2x.png');
    background-position: 100% 100%; 
}
.serivce_item i.postage{
    background-image: url('//shop.runcam.com/template/images/icon/1-year@2x.png');
    background-position: 100% 100%; 
}
.serivce_item i.shop{
    background-image: url('//shop.runcam.com/template/images/icon/lifetime@2x.png');
    background-position: 100% 100%; 
}
.serivce_item p{
    font-weight: 400;
    font-size: 18px;
    color: #999;
	line-height: 1;
	text-transform: uppercase;
	margin-top: 10px;
}
.serivce_item span{
	color: #999999;
	display: block;
}
.grid__item {
    display: inline-block;
    font-size: 14px;
    vertical-align: top;
}
.one-third{
    width: 100%;
    text-transform: uppercase;
}
.one-third h4 {
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
}
.two-thirds{
    width: 100%;
}
.two-fifths, .four-tenths{
	width: 32%;
	margin-right: 20px;
}
.newsletter-subscription .inner{
	padding: 20px 0;
}
.newsletter-subscription input {
    width: 100%;
}
.newsletter-subscription label {
    display: none;
}
.newsletter-subscription {
	color: #fff;
}
.two-fifths input.Textbox,.two-fifths input[type="text"]{
    font-size: 16px !important;
    height: 45px !important;
    border: 1px solid #B3B3B3;
    font-weight: bold;
	box-shadow: 0px 0px 0px 1px rgba(179, 179, 179, 0.5);
}
.one-fifth, .two-tenths {
    width: 19.9%;
}
.one-fifth .btn{
    font-family: SourceSansPro, Arial, sans-serif;
    border: 1px solid #FF6B00 !important;
    background-color: #fff !important;
    color: #FF6B00 !important;
    height: 45px;
    font-weight: 400;
    line-height: 42px;
    font-size: 18px;
    transition: all 300ms linear;
	box-shadow: 0px 0px 0px 1px rgba(255, 106, 0, 0.5);
	padding: 0 1.2em;
	border-radius: unset;
}
.one-fifth .btn:hover{
    background-color: #FF6B00 !important;
    color: #fff !important;
}
.fastCartSummaryBox .btn{
    font-size: 16px;
}

.footer-links dl dt {
    font-size: 24px;
	text-transform: uppercase;
	color: rgb(255, 255, 255);
	font-weight: 400;
}

.footer-links dl dd {
    padding: 5px 0;
	text-transform: uppercase;
	font-size: 18px;
	margin-bottom: 0;
}
input.Textbox, textarea, input[type="text"], input[type="password"] {
    padding: 0 1em;
}
.description-warp{
	max-width: 1280px !important;
}
@media (max-width: 1600px) {
	.MyAccount {
		right: -20px;
	}
}
@media (max-width: 1280px) {
	.container {
		width: 975px;
	}
	.MyAccount {
		right: 0;
		transform: translateX(-5%);
	}
	.navbar-nav-main>li {
		padding-top: 33px;
		padding-bottom: 23px;
	}
	.navbar-nav-main>li>a {
		font-size: 17px;
	}
	
	.serivce_item {
		width: 19%;
	}
}
@media (max-width: 1023px) {
	.container {
		width: 100%;
		padding: 0 25px;
	}
	
	.navbar-nav-main>li>a{
		padding:0 5px;
	}
	.navbar-nav-main>li {
		padding-top: 33px;
		padding-bottom: 27px;
	}
	.navbar-header img {
		margin-top: 9px;
	}
	.navbar-nav-main>li>a{
		font-size: 15px;
	}
	.serivce_item p {
		font-size: 14px;
	}
	.one-third h4,.footer-links dl dt {
		font-size: 20px;
	}
	.footer-links dl dt {
		margin-bottom: 10px;
	}
	.footer-links dl dd {
		padding: 2px 0;
		font-size: 16px;
	}
	.copyright {
		font-size: 14px;
	}
}
@media (max-width: 767px) {
	.navbar-nav-main>li {
		padding-top: 10px;
		padding-bottom: 10px;
	}
	.SearchFormMobile,.mobileMenu{
		display: block !important;
	}
	.AccountMenu{
		display: none;
	}
	.SearchFormMobile label{
		display: none;
	}
	.SearchFormMobile .search_query {
		width:90%;
		height: 40px;
		border: none;
		outline: none
	}
	.SearchFormMobile .Button{
		background: url(http://shop.runcam.com/template/images/icon/search.png) no-repeat;
		background-size: 55%;
		background-position: 50% 50%;
		background-color: #fff;
		width: 10%;
		height: 40px;
		border: none;
		outline: none;
		float: right;
	}
	.navbar-collapse{
		padding: 0;
		margin: 0;
	}
	.navbar-nav {
		margin:0;
		padding-bottom: 20px;
	}
	.serivce_item i {
		width: 34px;
		height: 34px;
	}
	.serivce_item p {
		font-size: 12px;
	}
	.footer-inner {
		padding-top: 20px;
	}
	.serivce_item {
		height: auto;
	}
	.one-third h4, .footer-links dl dt {
		font-size: 15px;
	}
	.footer-links dl dd {
		font-size: 13px;
	}
	.copyright {
		font-size: 12px;
	}
	.two-fifths, .four-tenths {
		margin-right: 0;
		width: 100%;
		margin-bottom: 10px;
	}
	.two-fifths input.Textbox, .two-fifths input[type="text"] {
		height: 30px !important;
	}
	.one-fifth, .two-tenths {
		width: 100%;
	}
	
	.one-fifth .btn{
		padding: 0;
		height: 30px;
		line-height: 30px;
		font-size: 14px;
	}
	.footer-links dl {
		width: 46%;
	}
}