@import url('portfolio-item.css');
@import url('memberarea.css');

.imagecontour {
 padding: 10px; 
 border: solid 1px #EFEFEF;
 background-color: #FFFFFF;
 }
 
.effect2
{
  position: relative;
}
.effect2:before, .effect2:after
{
  z-index: -1;
  position: absolute;
  content: "";
  bottom: 15px;
  left: 10px;
  width: 50%;
  top: 80%;
  max-width:300px;
  background: #777;
  box-shadow: 0 15px 10px #777;
  transform: rotate(-3deg);
}
.effect2:after{
  transform: rotate(3deg);
  right: 10px;
  left: auto;
}
.c-sub-title{
	font-size: 30px;
	font-weight: normal;
	padding-top: 10px;
	}
.c-series{
	width: 100px !important;
	height: auto !important;
	}
.footer-powered{
	text-align: right;
	   }
.box1, .box2{
	background-color: #ccc;
	width: 100%;
	font-size: 15px;
	color: #000;
	margin-bottom: 20px;
    border: 1px solid #ccc;
}
.box1 td, .box1 th, .box2 td, .box2 th{
	background-color: #fff;
	padding: 8px;
	vertical-align: middle;
	border-bottom: 1px solid #ddd;
    border-right: 1px solid #ccc;
}
.box1 th, .box2 th {
    background-color: #555;
    color: #fff;
    font-weight: normal;
    border-right: 1px solid #ccc;
}
.box1 strong, .box2 strong{
	color: #c00;
	font-size: 120%;
}
.box1 .gray td, .box2 .gray td{
	background-color:#D1D6D9;
}
.box1-3 td, .box1-3 th{
	font-size: 15px;
	line-height: 20px;
}
.label-success {
    background-color: #008ed2;
}
.c-desc{
	font-size: 17px;
	line-height:30px;
	}
.c-desc h1{
	font-size: 21px;
	font-weight: 600;
	margin-top: 40px;
		}
.box-s th, .box1 .gray td{
    padding: 5px 10px;
}
.box2 .t-left{
	text-align: left;
	}
.box2 td.t-left{
	color: #008ED2;
	}
.box2 .subtitle{
	border-right: 1px solid #ccc;
    border-bottom-width: 5px;
    padding-left: 15px;
    text-align: center;
    width: 15%;
    background-color: #f4f4f4;
    vertical-align: middle;
		}
.box2 .butline td{
	border-bottom-width: 5px;
	}
.table-note {
	background-image:url(../../../images/pro_line.png);
	background-size: 100% 4px;
	background-repeat: no-repeat;
}
.table-note ul {
    list-style: none;
    padding: 20px 0;
    overflow: hidden;
    margin: 40px 0;
}
.table-note li{
	width: 33%;
	float: left;
	padding-left: 10px;
	}
.table-note img{
	margin-right: 10px;
		}
.icon_block{
    overflow: hidden;
    margin-bottom: 60px;
						}
.icon_block h4{
	font-size: 25px;
	padding: 10px 0;
	border-bottom: 1px solid #ccc;
    margin-bottom: 15px;
	color: #0A2A4A;
					}
.icon_block h4 span{
	font-size: 16px;
    margin-left: 20px;
						}
.icon_block div{
	float: left;
				}
.icon_block div img{
	margin-right: 5px;
				}
.icon_block div.icon-txt img{
	float: left;
	}
.icon_block div.icon-txt{
	    width: 30%;
    font-size: 16px;
	line-height: 23px;
}
.icon_block div.icon-txt span{
    font-size: 20px;
    display: block;
    margin-top: 3px;
	}
.verifycodeImg {
    height: 45px;
    margin: 0 10px;
}
.icon-translate {
    position: relative;
    width: 30px;
    display: inline-block;
    background: url(../../../images/icon-translate.png) no-repeat right top;
	height: 20px;
    background-size: 20px;
    border-left: 1px dotted #ccc;
    padding-left: 20px;
	}
.fa-line:before{
	    content: url(../../../images/line-icon.png);
    width: 30px;
    height: 30px;
    display: block;
    margin: auto;
    position: relative;
    top: 2px;

}
.fa-line:hover:before{
	 content: url("../../../images/line-icon-red.png");
}
@media (min-width: 992px) {
.tp-caption{
	display: table;
	margin-top: 25% !important;
	 	}
.c-pic{
	display: table-cell;
	 	}
.c-pic img{
	padding-right: 50px;
	}
.c-main-title {
    text-align: left;
    vertical-align: middle;
	display: table-cell;
}
.c-main-title span{
	font-size: 90%;
    margin-left: 10px;
}
}
@media only screen and (max-width: 1440px) {
.tp-banner-container {
  height: 450px;
   }
}
@media only screen and (max-width: 1366px) {
.tp-banner-container {
  height: 430px;
   }
}
@media (max-width: 1080px) {
.tp-banner-container {
    position: relative;
    height: 330px;
}
.tp-bgimg{
	background-size: auto 100% !important;
	}
.tp-caption {
    margin-top: 20% !important;
}
.c-pic{
	text-align: center;
	}
}
@media (max-width: 991px) {
.tp-banner-container {
    height: 390px;
}
	.footer-about{
		display: none;
		}
	.footer-contact, .footer-link, .footer-copyright, .footer-powered{
		float: left;
				}
	.c-layout-footer-7 .c-body .c-links{
		width: 100%;
				}
.box2{
	font-size: 15px;
}
.box2 td, .box2 th{
	padding: 5px 10px;
	line-height: 25px;
}
}
@media only screen and (max-width: 767px) {
.tp-banner-container {
    height: 300px;
}

	/* 表格Force table to not be like tables anymore */
		.box1, .box1 thead, .box1 tbody, .box1 th, .box1 td, .box1 tr { 
			display: block !important; 
		}
		
		/* Hide table headers (but not display: none;, for accessibility) */
		.box1 thead {
			display: none;
					}
		.box1 thead tr { 
			position: absolute;
			top: -9999px;
			left: -9999px;
		}
		
		.box1 tr {
			border: 1px solid #ccc;
			border-bottom-width: 0px;
			background-color:#fff;
			 }
		.box1 tr:last-child {
			border-bottom-width: 1px;
			 }
		.box1 td { 
			text-align: left;
			padding: 5px 10px;
			border-bottom: 1px solid #eee; 
			position: relative;
			padding-left: 90px;
			height: auto;
			font-size:17px;
					}
		.box1 td.model{
			color: #fff;
			background-color: #0A2A4A !important;
			}
		.box1 td div{ 
			/*text-align: left !important;*/
					}
		.box1 td.model div{
			color: #fff !important;
			}
		.box1 td:before { 
			/* Now like a table header */
			position: absolute;
			/* Top/left values mimic padding */
			padding-top: 5px;
			font-weight: 700;
			top: 1px;
			left: 1px;
			width: 90px;
			padding-left: 10px;
			height: auto;
			overflow: hidden;
			display: block;
			font-size: 17px;
			color: #333;
		}
		.box1 td:last-child { 
			border-bottom: 0; 
		}
		.box1 .gray td {
		background-color: #fff;
		display: none !important;
}
		.box1.box1-2 td, .box1.box1-3 td { 
			padding-left: 53%; 
					}
		.box1.box1-2 td:before, .box1.box1-3 td:before { 
			width: 50%; 
		}
		.box1.box1-3 td.model {
			padding-bottom: 31px;
		}
		.box1.box1-3 td:after { 
			position: absolute;
			padding: 0 26px 0 0;
			text-align: right;
			bottom: 0;
			left: 0;
			padding-left: 53%;
			width: 100%;
			height: auto;
			overflow: hidden;
			display: block;
			font-size: 15px;
			background-color: #D1D6D9;
			color: #0A2A4A;
		}
.icon_block img {
    margin: 0 5px 5px 0;
}
.icon_block div.icon-txt {
    width: 32%;
}
}
@media (max-width: 479px) {
	.c-main-title {
		font-size: 30px !important;
		font-weight: normal;
}
	.c-sub-title {
		font-size: 20px !important;
		font-weight: normal;
}
.tp-banner-container {
    height: 220px;
}
.footer-contact, .footer-link, .footer-copyright, .footer-powered {
    width: 100%;
    float: none;
}
.c-layout-footer-7 .c-body .c-links > li {
    width: 33%;
    float: left;
    line-height: 25px;
}
.footer-copyright, .footer-powered {
	text-align: center;
	font-size: 14px !important;
	line-height: 17px;
	}
.box2 .subtitle {
    padding-left: 0;
    width: auto;
	text-align:center;
}
.box2 td, .box2 th {
    padding: 5px 5px;
}
.box2 td{
	font-size: 14px;
	}
.box1.box1-2 td, .box1.box1-3 td { 
	padding-left: 63%; 
			}
.box1.box1-2 td:before, .box1.box1-3 td:before { 
	width: 60%; 
}
.box1.box1-3 td.model {
    padding-bottom: 24px;
}
.table-note li{
	width: 100%;
	float: none;
	}
		.box1 td { 
			font-size:16px;
					}
		.box1 td:before { 
			padding-left: 10px; 
			font-size:16px;
		}
.icon_block div img{
	width: 67px;
				}
.icon_block div.icon-txt span {	
    font-size: 18px;
}
.icon_block div.icon-txt {
    width: 50%;
    margin-bottom: 10px;
	font-size: 15px;
	padding-right: 5px;
}
.verifycodeImg {
    margin-left: 0;
}

}
@media (max-width: 320px) {
.icon_block div.icon-txt {
    width: 100%;
}}