/*
 * Index CSS
 *
 *
 */


/* ==========================================================================
   Old alert
   ========================================================================== */
div.alert-old {
	text-align: center;
	padding: 25px;
	font-size: 20px;
	color: #777;
	background-color: blue;
	color: #FF3300;
}
div.alert-old a {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}
div.alert-old a:hover {
	color: orange;
}



/* ==========================================================================
   General CSS
   ========================================================================== */
::selection {
	background: #0054ff;
	color: white;
}
::-webkit-selection {
	background: #0054ff;
	color: white;
}
::-khtml-selection {
	background: #0054ff;
	color: white;
}
::-moz-selection {
	background: #0054ff;
	color: white;
}
::-wap-selection {
	background: #0054ff;
	color: white;
}
::-ms-selection {
	background: #0054ff;
	color: white;
}
::-o-selection {
	background: #0054ff;
	color: white;
}
body {
	cursor: default;
	font-family: 'Raleway', sans-serif;
}
.wrapper {
	display: block;
	margin: 0 auto;
	width: 1170px;
}
.inl {
	display: inline-block;
	vertical-align: top;
	* display: inline;
	zoom: 1;
}
.tal{
	text-align: left;
}
.tac{
	text-align: center;
}
.tar{
	text-align: right;
}

a,
input,
button,
select,
textarea {
	border: none;
	outline: none;
	background-color: transparent;
	text-decoration: none;
	color: #000;
}

/* ################################### Header ################################### */
.header{
	display: block;
	background-color: #3467b0;
	height: 50px;
	position: fixed;
	z-index: 99999;
	width: 100%;
	color: #fff;
	box-shadow: 0 4px 2px -2px rgba(0,0,0,0.3);
}
.header .header-inner{
	padding: 0px 0px;
	font-size: 0px;
}
.header .header-inner .header-left{
	width: 70%
}
.header .header-inner .header-left .header-left-inner{
	padding: 0px 0px;
}
.header .header-inner .header-left .header-left-inner .header-logo{
	width: 161px;
}
.header .header-inner .header-left .header-left-inner .header-logo img{
	display: block;
	margin: 0px 0px;
	width: 100%;
	height: 51px;
}
.header .header-inner .header-left .header-left-inner .header-left-menu{
	width: 80%;
}
.header .header-inner .header-left .header-left-inner .header-left-menu .header-left-menu-inner{
	padding: 15px 10px;
}
.header .header-inner .header-left .header-left-inner .header-left-menu .header-left-menu-inner ul{
	display: block;
	margin: 0px 0px;
	padding: 0px 0px;
}
.header .header-inner .header-left .header-left-inner .header-left-menu .header-left-menu-inner ul li{
	display: inline-block;
	padding: 0px 15px;
	font-size: 16px;
	font-weight: 500;
}
.header .header-inner .header-left .header-left-inner .header-left-menu .header-left-menu-inner ul li a{
	display: block;
	color: #fff;
}
.header .header-inner .header-left .header-left-inner .header-left-menu .header-left-menu-inner ul li a:hover{
	text-decoration: underline;
}
.header .header-inner .header-right{
	width: 30%
}
.header .header-inner .header-right .header-right-inner{
	padding: 15px 0px;
}
.header .header-inner .header-right .header-right-inner ul{
	display: block;
	margin: 0px 0px;
	padding: 0px 0px;
	color: #fff;
	text-align: right;
}
.header .header-inner .header-right .header-right-inner ul li{
	display: inline-block;
	padding: 0px 15px;
	font-size: 16px;
	font-weight: 500;	
}
.header .header-inner .header-right .header-right-inner ul li a{
	display: block;
	color: #fff;
}
.header .header-inner .header-right .header-right-inner ul li a:hover{
	text-decoration: underline;
}
/* ################################### Content ################################### */
.content{
	display: block;
	background-color: #fff;
	color: #333;
}
.content .content-inner{
	padding: 60px 0px;
	font-size: 0px;
}
.content .content-inner h1{
	display: block;
	margin: 20px 0px;
	padding: 0px 0px;
	font-size: 40px;
	color: #333;
}
.content .content-inner .meta{
	display: block;
	margin: 5px 0px 20px;
}
.content .content-inner .meta .meta-inner{
	padding: 0px 0px;
}
.content .content-inner .meta .meta-inner h6{
	display: block;
	margin: 0px 0px;
	color: #737373;
	font-size: 16px;
}
.content .content-inner .meta .meta-inner h6 span{
	color: #5d90ce;
}
.content .content-inner .meta .meta-inner p{
	display: block;
	margin: 5px 0px;
	padding: 0px 0px;
	font-size: 15px;
}
.content .content-inner .article{
	width: 70%;
	display:inline-block;
}
.content .content-inner .article .article-inner{
	padding: 0px 20px 0px 0px;
}
.content .content-inner .article .article-inner h1{
	display: block;
	margin: 20px 0px;
	padding: 0px 0px;
	font-size: 30px;
}
.content .content-inner .article .article-inner h2{
	display: block;
	margin: 20px 0px;
	padding: 0px 0px;
	font-size: 25px;
}
.content .content-inner .article .article-inner h3{
	display: block;
	margin: 10px 0px;
	padding: 0px 0px;
	font-size: 20px;
}
.content .content-inner .article .article-inner h4{
	display: block;
	margin: 10px 0px;
	padding: 0px 0px;
	font-size: 18px;
	font-weight: normal;
}

.content .content-inner .article .article-inner p{
	display: block;
	margin: 15px 0px;
	padding: 0px 0px;
	font-size: 16px;
	line-height: 28px;
}
.content .content-inner .article .article-inner .cap{
	display: block;
	background-color: #ececec;
}
.content .content-inner .article .article-inner .cap p{
	padding: 10px 20px;
	font-size: 15px;
	line-height: 22px;
	margin: 0px 0px;
	text-align: center;
}
.content .content-inner .article .article-inner .product{
	display: block;
	margin: 30px 0px;
	border: 1px solid #000;
	text-align: center;
}
.content .content-inner .article .article-inner .product h1{
	display: block;
	background-color: #000;
	padding: 10px 20px;
	margin: 0px 0px;
	color: #fff;
	text-align: center;
	font-size: 18px;
}
.content .content-inner .article .article-inner .product .product-inner{
	padding: 20px 20px;
}
.content .content-inner .article .article-inner .product .product-inner img{
	display: block;
	margin: 20px auto;
	width: auto;
}
.content .content-inner .article .article-inner .product .product-inner p{
	display: block;
	margin: 10px 0px;
	padding: 0px 0px;
	font-size: 15px;
	line-height: 15px;
}
.content .content-inner .article .article-inner .product .product-inner .button{
	display: block;
	margin: 20px auto;
	width: 60%;
}
.content .content-inner .article .article-inner .product .product-inner .button a{
	width: 100%;
	display: block;
	border-radius: 5px;
	color: #fff;
	background-color: #EA1A27;
	margin: 0px 0px;
	padding: 5px 0px;
	font-size: 20px;
	font-weight: bold;
}
.content .content-inner .article .article-inner .product .product-inner .button a:hover{
	text-decoration: underline;
}
.content .content-inner .article .article-inner .product .update{
	display: block;
	margin: 0px 0px;
	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;	
}
.content .content-inner .article .article-inner .product .update p{
	display: block;
	margin: 0px 0px;
	padding: 10px 10px;
}
.videoWrapper{
    height: 0;
    margin: 0px 0;
    padding-bottom: 56.25%;
    padding-top: 25px;
    position: relative;	
}
.videoWrapper iframe{
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}


.content .content-inner .sidebar{
	width: 30%;
}
.content .content-inner .sidebar .sidebar-inner{
	padding: 0px 10px;
}
.sidebar.inl img{
 width:100%;   
}
.content .content-inner .sidebar .sidebar-inner h1{
	display: block;
	margin: 0px 0px 10px;
	font-size: 24px;
	font-weight: normal;
}
.content .content-inner .sidebar .sidebar-inner .testi{

}
.content .content-inner .sidebar .sidebar-inner .testi img{
	display: block;
	margin: 20px 0px 0px;
}
.content .content-inner .sidebar .sidebar-inner .testi .cap{
	display: block;
	background-color: #ececec;
	padding: 10px 10px;
}
.content .content-inner .sidebar .sidebar-inner .testi .cap p{
	display: block;
	padding: 0px;
	font-size: 16px;
	margin: 0px 0px 10px;
	line-height: 20px;
}
/* ################################### Footer ################################### */
.footer{
	display: block;
	box-shadow: 0 -4px 2px -2px rgba(0,0,0,0.3);
}
.footer .footer-inner{
	padding: 20px 0px;
}
.footer .footer-inner img{
	display: block;
	margin: 20px 0px;
	width: 200px;
}
.footer .footer-inner .footer-menu{
	display: block;
	border-top: 1px solid #f1f1f1;
}
.footer .footer-inner .footer-menu .footer-menu-inner{
	padding: 30px 0px;
	font-size: 0px;
}
.footer .footer-inner .footer-menu .footer-menu-inner .footer-menu-box{
	width: 25%;
}
.footer .footer-inner .footer-menu .footer-menu-inner .footer-menu-box .footer-menu-box-inner{
	padding: 0px 20px;
}
.footer .footer-inner .footer-menu .footer-menu-inner .footer-menu-box .footer-menu-box-inner h1{
	display: block;
	margin: 5px 0px;
	font-size: 14px;
	text-transform: uppercase;
	color: #000;
}
.footer .footer-inner .footer-menu .footer-menu-inner .footer-menu-box .footer-menu-box-inner ul{
	display: block;
	margin: 10px 0px;
	padding: 0px 0px;
	font-size: 13px;
}
.footer .footer-inner .footer-menu .footer-menu-inner .footer-menu-box .footer-menu-box-inner ul li{
	display: block;
	margin: 10px 0px;
}
.footer .footer-inner .footer-menu .footer-menu-inner .footer-menu-box .footer-menu-box-inner ul li a{
	display: block;
	color: #333;
}
.footer .footer-inner .footer-menu .footer-menu-inner .footer-menu-box .footer-menu-box-inner ul li a:hover{
	text-decoration: underline;
}
.footer .footer-inner p{
	display: block;
	color: #aaa;
	font-size: 13px;
}







/* ################################### Comments ################################### */
.comments{
	display: block;
	margin: 20px 0px;
	font-size: 0px;
}
.comments .comments-inner{
	padding: 0px 0px;
}
.comments .comments-inner h1{
	display: block;
	margin: 10px 0px;
	padding: 0px 0px 5px;
	border-bottom: 2px solid #006598;
	color: #006598 !important;
	font-size: 20px !important;
	text-transform: uppercase !important;
}
.comments .comments-inner .comment-box{
	margin: 20px 0px;
	display: block;
	padding: 0px 0px 20px;
	border-bottom: 1px solid #d9d9d9;
}
.comments .comments-inner .comment-box .comment-pic{
	width: 55px;
}
.comments .comments-inner .comment-box .comment-pic img{
	display: block;
	width: 55px;
	margin: 0px 0px;
}
.comments .comments-inner .comment-box .comment-text{
	width: 80%;
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner{
	padding: 0px 20px;
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner h1{
	display: block;
	margin: 2px 0px 0px !important;
	font-size: 15px !important;
	line-height: 16px !important;
	border: none !important;
	text-transform: none !important;
	text-align: left; 
	text-transform: none;
	color: #006598;
	font-family: inherit;
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner p{
	display: block;
	margin: 5px 0px !important;
	padding: 0px 0px;
	font-size: 14px !important;
	line-height: 16px !important;
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner h2{
	display: block;
	margin: 10px 0px 0px !important;
	font-size: 13px !important;
	line-height: 13px !important;
	text-align: left;
	text-transform: none;
	color: #57585a;
}
.comments .comments-inner .comment-box .comment-text .comment-text-inner h2 span{
	color: #006598 !important;
	border: none;
	background-color: transparent;
	background-image: none;
	padding: 0px 0px;	
}

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

}

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

}

@media screen and (max-width: 600px) {
.comments .comments-inner .comment-box .comment-pic{
	width: 50px;
}
.comments .comments-inner .comment-box .comment-text{
	width: 70%;
}

}

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

}

@media screen and (max-width: 1170px) {
.wrapper {
	width: 700px;
}
.header .header-inner .header-left {
    width: 90%;
}
.header .header-inner .header-left .header-left-inner .header-left-menu {
    width: 70%;
}
.header .header-inner .header-right {
    display: none;
}



}

@media screen and (max-width: 770px) {
.wrapper {
    width: 550px;
}
.header .header-inner .header-left .header-left-inner .header-left-menu {
    display: none;
}
.content .content-inner h1{
	font-size: 30px;
}
.content .content-inner .article {
    width: 100%;
}
.content .content-inner .article .article-inner{
	padding: 0px 0px;
}
.content .content-inner .sidebar {
    display: none;
}


}

@media screen and (max-width: 600px) {
.wrapper {
    width: 380px;
}
.content .content-inner .article .article-inner .product .product-inner img {
    width: 100%;
}
.content .content-inner .article .article-inner .product .product-inner .button {
    width: 100%;
}
.footer .footer-inner .footer-menu {
    display: none;
}



}

@media screen and (max-width: 420px) {
.wrapper {
    width: 280px;
}
}