#information-information,
#information-aboutus,
#information-contact,
#information-sample {
	background: #FFF;
	font-family: open sans, arial, helvetica, raleway;
	font-size: 15px;
	color: #222;
	overflow: hidden;
}

#information-aboutus .breadcrumb,
#information-contact .breadcrumb,
#information-information .breadcrumb {
	background-color: white !important;
}

#information-left {
	float: left;
	display: inline-block;
	box-sizing: border-box;
	padding: 0 10px;
	margin: 0;
}

#inf-left-title {
	font-size: 22px;
	background: #F5f5f5;
	padding: 8px 5px;
	color: #333;
	font-weight: 600;

}

#information-left ul {
	color: #ccc;
	font-size: 10px;
	padding: 5px;
}

#information-left ul>li {

	border-bottom: 1px solid #f1e5e5;
	list-style-type: square;
	list-style-position: inside;
	cursor: pointer;
}

#information-left .active {
	list-style-type: none;
	padding-left: 17px;
}

#inf-left-content>ul>li>a {
	color: #222;
	font-size: 16px;
	padding: 8px 1px;
	display: inline-block;
	width: 93%;
}

#inf-left-content>ul>li>a:hover {
	color: #F79A00;
	text-decoration: underline;
}

#inf-left-img {
	width: 260px;
	height: 280px;
	background: url(/image/information.jpg) no-repeat;
	color: #FFF;
	font-size: 15px;
	padding: 40px 15px 30px 15px;
}

#inf-left-img .site-name {
	font-size: 52px;
	font-family: fantasy;
	text-align: center;
	font-weight: 500;
	letter-spacing: 5px;
}

#inf-left-img ul {
	padding-left: 20px;
}

#inf-left-img ul>li {
	border: none;
	color: #FFF;
	font-size: 15px;
	list-style-type: disc;
	list-style-position: outside;
	text-indent: -7px;

}

#information-right {
	float: right;
	display: inline-block;
	box-sizing: border-box;
	padding: 15px 10px;
	margin: 0;
}

#information-right p {
	margin: 0;
	padding: 0;
}

#information-right>h1 {
	margin-bottom: 15px;
	font-size: 23px;
	font-weight: 600;
}

#information-right h2 {
	font-size: 18px;
	font-weight: 600;
}

#information-right h3 {
	font-size: 16px;
	font-weight: 600;
	margin: 0;
}

#domestic-shipments,
#international-shipments,
#international-payments {
	padding: 0;
	color: #222;
	line-height: 1.6;
	display: inline-block;
}

#togglefreight {
	cursor: pointer;
}

.freight {
	text-align: right;
	padding: 0;
}

#freight-box {
	margin-top: -17px;
	margin-left: 8px;
	width: 98%;
	border-radius: 0;
}

.inal-desc>ul {
	padding: 0;
}

.inal-desc>ul>li {
	line-height: 1.8;
}

#calc-box {
	position: absolute;
	right: 0;
	display: block;
	width: 120px;
	height: 120px;

}

#calc-icon {
	width: 90%;
	height: 90%;
	border: 1px solid #ccc;
}


.shipments-list table tr {
	border: 1px solid #ddd;
	border-bottom: none;
}

.shipments-list table tr:last-child {
	border-bottom: 1px solid #ddd;
}

.shipments-list table tr td {
	border: none;
}

.shipment-name,
.payment-name {
	text-align: center;
	width: 200px;
	display: inline-block;
	padding: 35px 5px;
}

.payment-name h3 {
	font-size: 18px !important;
}

.shipment-name a h3,
.payment-name a h3 {
	font-size: 18px !important;
	text-decoration: underline;
	color: #008aff;
	font-weight: 600;
	margin-bottom: 0;
}

.shipment-name a h3:hover,
.payment-name a h3:hover {
	color: #F79A00;
}

.shipment-name img {
	max-width: 100%;
	margin-top: 3px;
}

.shipment-desc {
	padding: 15px 20px;
	vertical-align: top;
}

#international-shipments {
	margin-top: 20px;
}

#company-image div.image-box {
	display: inline-block;
	padding: 0;
	width: 49%;
	margin-bottom: 15px;
}

#company-image img {
	width: 97%;
	text-align: center;
}

#adv-img img,
.world-map-img img {
	max-width: 100%;
}

.culture-content {
	margin: 2px 0 6px 0;
}

.company-values p {
	margin: 0;
	line-height: 2.0;
}

#company-advantages {
	padding: 0;
}

#information-terms {
	background-color: #FFF;
}

/*#information-contact .information-container a{text-decoration: none;}*/
.contact-link {
	font-weight: 600;
	text-decoration: none;
}

.information-container {
	display: flex;
}

.information-container h2 {
	margin-bottom: 8px;
	font-weight: normal;
	padding: 16px 0px;
}


.information-container #information-right>div {
	margin-top: 8px;
	margin-bottom: 10px;
}

.information-container #information-right .sample-btn {
	margin-left: 29%;
	width: 150px;
	height: 43px;
	margin-bottom: 17px;
	background-color: #eb9815;
	color: white
}

.information-container ul {
	padding-left: 20px;
}

.contact-link:hover {
	color: #008aff;
	text-decoration: underline;
}

#information-contact .card {
	margin-bottom: 20px;
	border: none;
	margin-left: 1rem;
}

#information-contact .card-body {
	padding: 0;
}

#information-contact .card-body .field-box {
	width: 35%;
	display: inline-block;
	vertical-align: text-top;
	padding: 0 23px 0 0;
}

#information-contact .card-body .field-box:last-child {
	width: 29%;
}

#information-contact .iconfont {
	position: relative;
	top: 2px;
	font-size: 18px;
	color: #27b2c7;
	margin-right: 3px;
}



#sendMsgForm legend {
	text-align: center;
	margin: 0;
	padding: 5px;
	line-height: 2.0;
}

/*#sendMsgForm .field-set{padding: 5px 35px;}sendMsgForm .field-set .field-label .field-input*/
#sendMsgForm .field-label,
#information-sample .field-label {
	display: inline-block;
	width: 20%;
	margin-bottom: 1.5rem;
	text-align: right;
	vertical-align: top;
	margin-top: 6px;
	font-weight: 600;
}

#sendMsgForm .field-indiv {
	display: inline-block;
	width: 78%;
	padding-left: 15px;
	margin-bottom: 0.8rem;
}

#sendMsgForm .field-indiv .field-input {
	padding: 0.45rem 0.35rem;
	width: 90%;
}

#sendMsgForm .field-indiv input.field-input {
	height: 36px;
}

#sendMsgForm .field-indiv input:focus,
#sendMsgForm .field-indiv textarea:focus {
	outline: none;
	border: 1px solid #0489e4;
	box-shadow: 0 0 0 0.12rem rgba(0, 123, 255, 0.25);
}

.btn-group {
	width: 100%;
}

.btn-group button {
	display: inline-block;
	width: 190px;
	background-color: #008aff;
	padding: 0.5rem 0.75rem;
	color: #FFF;
	outline: none;
	border: none;
	border-radius: 3px;
	margin-left: 22%;
	margin-top: 0.5rem;
}

#sampleForm {
	margin-top: 20px;
}

#sampleForm .field-indiv {
	display: inline-block;
	width: 75%;
	padding-left: 15px;
	margin-bottom: 15px;
}

#sampleForm .field-indiv .field-input {
	padding: 0.45rem 0.35rem;
	width: 43%;
}

#sampleForm #error_enquiry {
	height: 100%;
	vertical-align: top;
}

#sampleForm .field-indiv input.field-input {
	height: 36px;
}

#sampleForm .field-indiv input:focus,
#sampleForm .field-indiv textarea:focus {
	outline: none;
	border: 1px solid #0489e4;
	box-shadow: 0 0 0 0.12rem rgba(0, 123, 255, 0.25);
}

#information-contact .btn-group .iconfont {
	color: #FFF;
	font-size: 17px;
	top: 1px;
}

#hide-form {
	display: inline-block;
	width: 30px;
	height: 30px;
	border: 1px solid #DCDCDC;
	text-align: center;
	line-height: 30px;
	float: right;
	cursor: pointer;
}

.field-set .text-danger {
	/*margin-bottom: 0.8rem;*/
}

#information-contact address {
	max-width: 100%;
}

#information-contact address.a-en-gb {
	height: 108px;
	line-height: 1.8;
	margin-bottom: 0.3rem;
}

#information-contact .alert {
	width: 53%;
	left: 21%;
}

.alert-dismissible .close {
	padding: 0.45rem 0.8rem;
}

.rule-message {
	color: #555;
}

#helpCenter-left,
#helpCenter-right {
	float: left;
	background-color: #FFF;
}

.helpCenter-left {
	width: 19%;
	position: absolute;
}

.FixedTopBox {
	top: 3px;
	position: fixed;
}

#helpCenter-right {
	width: 76%;
	position: relative;
	margin-left: calc(23% + 15px);
	padding-left: 15px;

}

#information-helpCenter ul li ul li {
	list-style: circle;
	line-height: 1.65;
	color: #333;
	font-size: 0.97rem;
	padding-bottom: 4px;
	padding-right: 10px
}

#helpCenter-left ul,
#helpCenter-left ul li {
	list-style: none;
	padding: 0;
}

#helpCenter-left ul li {
	padding-left: 20px;
}

.helpCenter-title {
	padding: 0px 20px;
	font-size: 27px;
	font-weight: 600;
}

#helpCenter-left a {
	padding: 18px 15px 18px 0;
	display: inline-block;
	font-size: 1.02rem;
	color: #333;
}

#helpCenter-right h3 {
	font-size: 1.3rem;
	font-weight: 600;
	margin-top: 20px;
}

#helpCenter-right h4 {
	font-size: 1.2rem;
	font-weight: 500;
	padding-top: 10px;
	color: #222;
}

#information-right h1 {
	background-color: white;
}

#information-information #information-right #freight-box {
	width: 95% !important;
	top: 176px;
}



#freight-box #freightform label:nth-child(1),
#freight-box #freightform label:nth-child(2) {
	margin-right: 6px;
	display: block;
	margin-bottom: 0.5rem;
}

#information-information #information-right {
	position: relative;
}

#information-helpCenter .helpCenter-title {
	margin-bottom: 0px;
	padding: 8px 5px;
	font-size: 22px;
	font-weight: 500
}

#information-helpCenter {
	overflow: hidden;
}

#information-contact .card-body .quality-control img {
	border: 1px solid #dcdcdc;
	margin-left: 15px;
	padding: 0;
	width: 100%;
}


#information-contact .card-body .quality-control div a,
#information-contact .card-body .credit div a,
#information-contact .card-body .faith div a {
	max-width: 75%;
	display: inline-block;
}

#information-contact .card-body .quality-control div {
	display: flex;
	justify-content: space-around;
}

#information-contact .card-body .credit img {
	width: 40%;
	margin-left: 15px;
}

#information-contact .card-body .credit div,
#information-contact .card-body .quality-control div,
#information-contact .card-body .faith img,
.quality-environment div {
	margin: 5px 0px 0px 0px;
}

#information-contact .card-body .faith div {
	margin: 0px 0px 21px 0px;
}

#information-contact .card-body .quality-control,
#information-contact .card-body .credit,
#information-contact .card-body .faith,
#information-contact .card-body .quality-environment {
	margin-bottom: 55px;
}

#information-contact .card-body .faith {
	margin-bottom: 0px;
}

#information-contact .card-body .faith p a {
	width: auto;
}

#information-contact .card-body .faith_content {
	display: flex;
	flex-direction: column;
}

#information-contact .card-body .quality-control div a,
#information-contact .card-body .credit div,
#information-contact .card-body .faith div {
	width: 100%;
	display: inline-block;
}

#information-contact .card-body .faith img,
#information-contact .card-body .quality-control a,
#information-contact .card-body .credit a,
#information-contact .card-body .faith a {
	width: 100%;
}

#information-contact .card-body p {
	text-indent: 1rem;
}

#information-contact .card-body h3 {
	font-weight: bold;
	margin: 10px 0px;
	font-size: 19px;
}



@media (max-width:576px) {
	#information-information #freight-box form select {
		display: block;
	}

	#information-information,
	#information-contact {
		min-width: auto;
		width: 100%;
		margin-left: 15px !important;
		margin-right: 15px !important;
	}


	#information-information .information-container {
		display: block;
	}

	#information-information .information-container #information-left,
	#information-information .information-container #inf-left-content,
	#information-information #information-right #information-information #information-right h2,
	#information-information #information-right .domestic-desc,
	.information-container #information-right,
	.information-container #information-right #domestic-shipments {
		width: 100% !important;
	}

	.information-right .freight {
		float: initial;
		text-align: center;
	}

	.information-right #domestic-shipments {
		margin-top: 0px;
	}

	.information-container #information-right>div {
		margin-top: 0px;
	}

	#sendMsgForm {
		margin-top: auto;
	}

	#sendMsgForm .field-indiv {
		width: 79%;
	}

	#information-aboutus,
	#information-information,
	#information-contact {
		padding-left: 10px;
		padding-right: 10px;
	}


	#information-information,
	#information-contact {
		margin: 0px !important;
		background-color: white;
	}

	.shipments-list table tr td {
		display: block;
	}

	.shipments-list table tr td img {
		width: 100%;
	}

	#information-left #inf-left-content li {
		text-align: center;
	}

	#inf-left-img ul>li {
		text-align: left !important;
		margin-bottom: 16px;
	}

	#inf-left-img {
		height: 180px;
		padding: 43px 15px;
	}

	#inf-left-content #inf-left-img ul {
		margin-top: 0px !important;
	}

	.shipment-name,
	.payment-name {
		width: 35%;
		float: left;
	}

	#information-right {
		padding: 0px;
	}

	#information-contact #sendMsgForm .field-label {
		margin-bottom: 0px;
		text-align: left;
	}

	#information-contact #sendMsgForm .field-indiv {
		width: 100%;
	}


	#inf-left-img ul>li {
		text-indent: 0px;
	}

	#information-helpCenter #helpCenter-right h3 {
		margin-bottom: 10px;
		font-weight: 500;
	}

	#sendMsgForm .field-label,
	#information-sample .field-label {
		width: 100%;
	}

	#sendMsgForm .field-indiv {
		margin-bottom: 0px;
	}

	#sendMsgForm .field-indiv input.field-input {
		margin-bottom: 5px;
	}

	#information-contact .btn-group button {
		width: 100%;
		margin-left: 0px !important;
	}
}

@media (max-width:768px) {
	.information-container {
		display: block;
	}

	.information-container #information-left,
	.information-container #information-left #inf-left-content,
	.information-container #information-left #inf-left-content #inf-left-img {
		width: 100%;
		background-size: 100% 100%;
	}

	#inf-left-content #inf-left-img ul {
		padding-left: 20px;
		margin-top: 50px;
	}

	#information-right>h1 {
		padding-bottom: 0px;
		margin-bottom: 0px;
	}

	.information-container h2 {
		padding: 16px 0px 0px 0px;
	}


	#information-left {
		padding: 0px;
	}

	.information-right .freight {
		text-align: center;
		float: initial;
	}

	#information-right {
		float: initial;
	}


	#information-contact .card-body .field-box,
	#information-contact .card-body .field-box img {
		width: 100% !important;
	}

	#information-contact .card-body .field-box img {
		max-width: none;
	}

	#information-right h1 {
		padding-top: 16px;
		padding-bottom: 16px;
	}

	#information-contact .card-body img {
		width: 95%;
		max-width: none;
	}

	#information-contact .card-body .credit img {
		width: 100% !important;
	}

	#information-contact #information-left {
		display: block;
		float: initial;
	}

	#information-contact #information-right {
		display: block;
	}
}

@media (max-width:992px) {
	#information-contact .btn-group button {
		margin-left: 24%;
	}

	#information-contact .card-body .quality-control div {
		display: block;
	}

	#information-contact .card-body .faith img {
		margin-left: 15px;
	}


}

@media (min-width:992px) and (max-width:1200px) {
	#information-contact .card-body .field-box {
		width: 49% !important;
	}
}

@media (min-width:992px) {
	#information-contact .card-body .faith_content div {
		width: 44% !important;
		margin-right: 50px;
	}

	#information-contact .card-body .quality-control img,
	#information-contact .card-body .credit img,
	#information-contact .card-body .faith img,
	#information-contact .card-body .quality-control a,
	#information-contact .card-body .credit a,
	#information-contact .card-body .faith a {
		max-width: none !important;
	}

	#information-contact .card-body .quality-control div img {
		max-width: 85% !important;
	}
}



@media (min-width:768px) and (max-width:1200px) {
	#company-image div.image-box {
		width: 49%;
	}

	.information-right .freight {
		text-align: center;
		float: initial;
	}

	.information-right #domestic-shipments,
	#information-contact .card-body .field-box {
		width: 100%;
	}

}