/* CSS Document */
a.tel, a.tel:hover { pointer-events: none; text-decoration:none !important; }
@media print, screen and (max-width: 1279px){
a.tel, a.tel:hover { pointer-events: initial; }
}
.right-tool-bar { position: fixed; right:10px; bottom:30px; z-index:20; display: flex; flex-direction: column;flex-wrap: nowrap;transition: all 0.3s ease-out 0s;}
.right-tool-bar > div { width:40px; height:40px;line-height: 0px; background:#9a8a78;border-radius: 100%; margin-bottom: 10px;display: flex; flex-direction: row;flex-wrap: nowrap; align-items: center; justify-content: center; transition: all 0.4s ease-out 0s;}
.right-tool-bar > div img { }
.right-tool-bar > div:hover { transform: scale(0.9);}
#gotop { cursor: pointer;  text-align: center; background: #b81c25;transition: all 0.4s ease-out 0s;box-shadow: 0px 0px 0px 3px #fff; } 
#gotop:hover { box-shadow: 0px 0px 0px 6px #888;} 
#gotop a { display:inline-block; font-size: 15px; color: #005ea6; position: relative; text-align: center; cursor: pointer; width: 20px;}
#gotop a > img { position: absolute; width: 20px; height: 20px; top:50%; left: 50%; transform: translate(-50%, -50%); z-index: 2;}
#gotop a:before { position: absolute; width: 16px; height: 8px; display: block; background: #fff; transform: translate(-50%, -50%); top:50%; left: 50%; clip-path: polygon(50% 0, 100% 100%, 0 100%);}
#gotop a:hover { }

.right-tool-bar-show { right:10px; }

footer { font-size: 16px; line-height:1.5; color: #fff; letter-spacing: 0; font-weight: 400; position: relative; z-index: 2; background: #1b1b23;}

.footer-top-section {padding: calc(20px + 2%) 3% calc(20px + 1.5%) 3%;}
.footer-top-content { padding-bottom: calc(20px + 1%); display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-top-content > div:nth-of-type(1) { width: 30%; padding-right: 5%;}
.footer-top-content > div:nth-of-type(2) { width: 45%;}
.footer-top-content > div:nth-of-type(3) { width: 25%;}

.footer-link {display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-link > div { width: 50%; padding-right: 6%;}
.footer-link-icon { margin-bottom: 15px;}

.footer-link-list > a { position: relative; display: block; padding: 10px 0 10px 25px; border-bottom: 1px dotted rgba(255,255,255,.6); color: #fff;}
.footer-link-list > a:before { position: absolute; content: ""; left: 5px; top: 16px; width: 7px; height: 12px; background: url("../images/arrow-red.png") no-repeat top center / contain;}
.footer-link-list > a:hover { color: #b81c25;}

.footer-info { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-info > div {  line-height: 1.4; padding: 0 2vw 7px 0; color: #fff;}
.footer-info > div a {  color: #fff;}
.footer-info > div a:hover {  color: #b81c25;}

.footer-info .layout-nowrap > div:nth-of-type(1) { white-space: nowrap;}

.copyright { background: url("../images/copyright-bg.jpg") no-repeat top center / 100% 100%; padding: 15px 3%;}
.copyright-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; font-size: 14px;}
.copyright-content > div { padding-bottom: 5px;}
.copyright-content a { color: #fff !important;}
.copyright-content a:hover { opacity: 0.7}
.copyright-content span { display: inline-block;}
.copyright-content > div:nth-of-type(2) > a img {transform: translateY(-1px);}

@media only screen and (max-width: 1365px) {
	.right-tool-bar { transform: scale(0.7); right: 0;}
}

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

@media only screen and (max-width: 980px) {
	.footer-top-content > div:nth-of-type(1) { width: 100%; padding-right: 0%; padding-bottom: 20px;}
	.footer-top-content > div:nth-of-type(1) img { width: 100%; max-width: 220px;}
	.footer-top-content > div:nth-of-type(2) { width: 100%; padding-bottom: 30px;}
	.footer-top-content > div:nth-of-type(3) { width: 100%;}
	
}
@media only screen and (max-width: 768px) {
	
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	.footer-link > div { width: 100%; padding-right: 0%;}
	.footer-link > div:nth-of-type(1) { padding-bottom: 25px;}
	
	.copyright-content { justify-content: center;}
	.copyright-content > div { text-align: center;}
}

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