@import url("menu.css");
@import url("aside.css");
@import url("font.css");
@import url("columns.css");
@import url("font-awesome.min.css");

html, body{letter-spacing:2px; font-size:14px; margin:0; line-height:22px;}
.engRemark {font-family: Verdana, Geneva, sans-serif; letter-spacing:0; line-height:22px;}

article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}

div.container {width:100%;}
.w-100 {
    width: 100% !important;
}
header, footer {width:100%; float:left;}
main.emptyMenu {width:100%; float:left;}
main.withMenu {width:100%; float:left;}
section {width:94%; float:left; margin:5px 3% 0;}
section:first-child {margin-top:10px;}

.bcArea {margin:0 3% 25px;}
.bcArea ul {list-style-type: none; margin: 0; padding: 0;}
.bcArea ul li{float:left; text-align:center;}
.breadcrumb a{font-size:12px; text-decoration:none; color:#565656;}
.breadcrumb li{display: inline;}
.breadcrumb li+li:before {margin-left:5px; content:" » ";}

.introArea {width:100%; float:left; margin-bottom:10px;}
.contentArea {width:100%; float:left;}

.contentArea ul{margin-left:1.75%; padding-left:1.75%;}
.contentArea ul li{width:100%; float:left;}

#lang {font-size:12px; height:30px; margin:0; padding:0; text-align:right;}
#lang ul{width:100%; display: inline-block; list-style-type: none; margin:0; padding:0;}
#lang ul li{float: right; margin-left: 0;}
#lang ul li:last-child{margin-left: 0;}
#lang a{text-decoration:none; color:#565656;}
#lang li+li:after {margin-left:5px; content:" | ";}

.socMenu a{font-size:12px; text-decoration:none; color:#bfc2c8;}

footer {border-top:#d3c737 6px solid; padding-top:5px;}

#footerLeft {width:60%; float:left; margin:0; padding:0;}
#footerRight {width:40%; float:left; margin:0; padding:0;}
#footerRight {text-align:right;}
#footerRight ul{width:100%; display: inline-block; list-style-type: none; margin:0; padding:0;}
#footerRight ul li{float: right; margin-left: 5px;}
#footerRight ul li:last-child{margin-left: 0;}
#footerMobile {width:100%; float:left;}

.bottomLogo {float:left;padding-right:5px;}
.disclaimer{margin:10px 0 0 5px;; float:left;}
.disclaimer a{text-decoration:none; color:#565656;}
.disclaimermobile {display:none;}
.disclaimermobile a{text-decoration:none; color:#565656;}

section#mainAd01, section#mainAd02, section#mainAd03 {width:94%; height:310px; float:left; margin:10px 3% 15px;}
section#mainAd01 article, section#mainAd02 article, section#mainAd03 article {height:278px; margin:0; padding-bottom:30px; border:#c3c3c3 1px solid; text-align:center;}
section#mainAd01 article img, section#mainAd02 article img, section#mainAd03 article img {z-index:-10; float:left;}
section#mainAd01 article div, section#mainAd02 article div, section#mainAd03 article div {width:94%; padding:0 3%;}
#mainAd02{height:310px; margin:0; padding-bottom:30px; border:#c3c3c3 1px solid; text-align:center;background: url("mainpicbg01.jpg") no-repeat bottom; background-size: 100%;display: flex;margin-bottom: 10px;}
section#mainAd01 {background: url("mainpicbg01.jpg") no-repeat bottom; background-size: 100%;}
/* section#mainAd01 article {background: url("../images/mainpic01.jpg") no-repeat top; background-size: 100% 117px;}*/
section#mainAd02 {background: url("mainpicbg02.jpg") no-repeat bottom; background-size: 100%;}
/*section#mainAd02 article {background: url("../images/mainpic02.jpg") no-repeat top; background-size: 100% 117px;}*/
section#mainAd03 {background: url("mainpicbg03.jpg") no-repeat bottom; background-size: 100%;}
/*section#mainAd03 article {background: url("../images/mainpic03.jpg") no-repeat top; background-size: 100% 117px;}*/
/* section#mainAd01 article header:before {display: block; content:url('../images/logo01.png'); margin-top:-17%; z-index:10;}
section#mainAd02 article header:before {display: block; content:url('../images/logo02.png'); margin-top:-17%; z-index:10;}
section#mainAd03 article header:before {display: block; content:url('../images/logo03.png'); margin-top:-17%; z-index:10;} */

section#mainAd01 article header,
section#mainAd02 article header,
section#mainAd03 article header{
    margin-bottom: 0px;
}
section#mainAd01 article header + div>p ,
section#mainAd02 article header + div>p ,
section#mainAd03 article header + div>p {
    margin-bottom: 15px;
}
.mainTitle, .mainTitle2, .mainTitle3, .pdtTitle {width:100%; float:left; margin-bottom:5px;}
.mainTitle3 {border-bottom:#2c2d32 1px solid;}
.pdtContent {width:100%; float:left;}
.pdtBox{width:100%; float:left; margin:0 0 10px 0;}

.imgBox {width:100%; text-align:center;}

.aboutPt ul{margin:0; padding:0;}
.aboutPt ul li{width:100%; float:left; display: inline-block; list-style-type: none;}
.aboutBullet {width:10%; padding:0; margin:0; float:left;}
.aboutTxt {width:86%; padding:8px 0 0 4%; margin:0; float:left;}

a.brandBn {width:25%; display:block; padding:5px 10px; margin-bottom:10px; background:#763318; color:#fff; text-decoration:none; border-left:#E8C160 10px solid;}
a.brandBn:hover {background:#bd5122;}

a.iconBn {width:20%; padding:5px 15px; background:#763318; color:#fff; text-decoration:none; border-bottom:#E8C160 4px solid; font-size:14px;}
a.iconBn:hover {background:#bd5122;}

@media screen and (min-width:769px) {
div.container {width:960px; margin:0 auto;}
main.withMenu{width:100%; float:left;}
section {width:100%; margin:5px 0 0;}
section:last-child {margin-bottom:30px;}

.introArea {width:77%; float:left; padding-left:2%; border-left:#2c2d32 1px solid;}

.contentArea ul li{width:47%; float:left;}
.contentArea ul li:nth-child(odd) {margin-right:6%;}

.aboutPt ul li{width:47%; float:left;}
.aboutPt ul li:nth-child(odd) {margin-right:6%;}

.bcArea {margin:0 0 25px;}

#access {width:100%;}
#lang {width:100%;}
#lang ul li{margin-left: 10px;}

.mainTitle {width:20%; clear:both;}

section#mainAd01, section#mainAd02 {width:32%; margin:10px 2% 15px 0;}
section#mainAd03 {width:32%; margin:10px 0 15px;}
#mainAd02{margin: 0 0 0 2%;
    width: 31.6%;
    display: flex;
    text-align: center;
    border: 1px solid rgb(195, 195, 195);
    height: 278px;
    background: url(/quqi/mainpicbg01.jpg) no-repeat bottom;
    background-size: 100%;}
.pdtBox{width:32%; margin:0 2% 10px 0;}
.pdtBox:nth-child(3n+0){margin:0 0 10px 0;}

.contentPicHor .textBox{width:64%; margin:0 1% 10px 0; float:right;}
.contentPicHor .imgBox{width:35%; border:0; margin:0%; float:right; text-align:center;}
}

@media screen and (min-width:481px) and (max-width:768px) {
	div.container {width:748px; margin:0 auto;}
#lang {display:none;}

section#mainAd01, section#mainAd02 {width:32%; margin:10px 2% 15px 0;}
section#mainAd03 {width:32%; margin:10px 0 15px;}
.pdtBox{width:49%; margin:0 2% 10px 0;}
.pdtBox:nth-child(2n+0){margin:0 0 10px 0;}
.mainTitle {border-bottom:#2c2d32 1px solid;}

}
@media screen and (max-width:480px) {
#footerLeft {width:30%; margin-left:3%;}
#footerRight {float:right;padding-right:10px;}
#lang {display:none;}
.mainTitle {border-bottom:#2c2d32 1px solid;}
.disclaimer {display:none;}
.disclaimermobile {display:block; margin-left:3%;}

.contentPicVer .textBox{width:100%; margin-right:0; float:left;}
.contentPicVer .imgBox{width:100%; border:0; margin:0%; float:left; text-align:center;}
}

#s-cnt #s-rall-bn {
    float: none;
    margin-left: 0px;
}
button#s-all-bn {
    display: none;
}
#c-bns button:first-child, #s-bns button:first-child{
	color: #40505a !important; 
	background: #e5ebef !important;
}

#c-bns button:nth-child(2), #s-bns button:nth-child(2){
	color: #fff !important;
    background: #253b48 !important;
}

#cm .c-bn {
    padding: 10px 10px;
    width: 30% !important;
    height: 60px;
    margin: 0px 1%;
    float: none !important;
	vertical-align: top;
}

div#c-bns {
    margin-left: -5px;
    margin-right: -20px;
}

@media screen and (min-width:769px) {
    .AddressA {width:36%; float:left; padding-left:2%; border-left:#2c2d32 1px solid;}
    }
    
    @media screen and (min-width:769px) {
    .AddressB {width:39%; float:left; padding-left:2%;}
    }
	
.textcenter{text-align:center;}



#mainAd01>article header h3,
#mainAd02>article header h3,
#mainAd03>article header h3{
	position: relative;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    color: #FFF;
    margin: -50px auto 20px auto;
}
#mainAd01>article header h3.colorSetA{background-color:#3b5998;}
#mainAd02>article header h3.colorSetB{background-color:#e9bd44;}
#mainAd03>article header h3.colorSetC{background-color:#e41d30;}