#aboutFunc { display: none; }
.waylink { padding: 7px 0; position: absolute; width: 100%; top: 250px; display: flex; }
.waylink .inside { display: flex; justify-content: center; }
.waylink ol { text-align: center; }
.waylink li { display: inline-block; vertical-align: top; position: relative; padding-left: 10px; font-size: 11pt; color: #dadada; }
.waylink li a { display: block; font-size: 12pt; color: #e3e3e3; font-weight: 200; }
.waylink li:after { content: '/'; position: absolute; left: 0; top: 1px; font-size: 9pt; color: #dedede; }
.waylink li:first-child:after { display: none; }

#content .inside { display: flex; flex-direction: column; margin-bottom: 15px; }

.inside .main-article { width: 100%; display: flex; flex-direction: column; order: 2; }
.inside #side-nav { display: flex; width: 100%; order: 1; flex-direction: column; }
.inside #side-nav ul { display: flex; flex-wrap: wrap; }

.pagetitle { border-left: 3px solid #c6a14d; line-height: 120%; padding: 5px 0; padding-left: 15px; font-size: 16pt; margin-bottom: 25px; color: #3c3839; }

.main-article #describe li b { color: #8d8d8d; font-weight: 300; }

#side-nav { margin: 30px 0; }
#side-nav .side-title { margin-bottom: 20px }
#side-nav .side-title h2 { font-size: 24pt; line-height: 110%; margin: 0; padding: 0; color: #233040; text-align: center; }
#side-nav .side-title h2 b { font-weight: 400; margin-right: 10px; display: inline-block; background: #ffdf57; width: 45px; height: 42px; text-align: center; line-height: 37px; vertical-align: super; }
#side-nav .Cate>li h3, #side-nav .Cate>li .subUL li .subULHead { overflow: hidden; position: relative; }
#side-nav #product-nav>li { width: 11.1%; line-height: 220%; transition: all linear .2s; cursor: pointer; color: #666; text-align: center; letter-spacing: 3px; font-size: 18px; margin: 2px 0; }
#side-nav .noBnav .Cate>li { width: 20%; }
#side-nav .Cate>li.action a { background: #ffdf57; }
#side-nav .Cate>li>h3 a { font-size: 20px; border: #cdcdcd 1px solid; margin: 3px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-weight: 300; }
#side-nav .Cate>li>h3:hover a { background: #c7a85e; color: #f5f6f8; }
#side-nav .Cate>li>h3:hover .CityIcon { display: none; }
#side-nav .Cate>li h3 span { color: #cecece; margin-right: 8px; vertical-align: bottom; font-weight: 700; font-size: 20px; }
#side-nav .Cate>li:hover h3 span { color: #232323; }
#side-nav .Cate>li h3 a:hover span { margin-right: 10px; }
#side-nav .Cate>li h3 b, #side-nav .Cate>li .subUL li .subULHead b { color: #f4c921; font-weight: 700; font-size: 20px; position: absolute; right: 5px; top: calc(50% - 13px); cursor: pointer }
#side-nav .Cate>li h3 a, #side-nav .Cate>li .subUL li .subULHead p a, #side-nav .Cate>li .subUL li .sub2UL li .sub2ULHead p a, #contact-nav ul li a { padding: 5px 10px; }
#side-nav .Cate li a, #contact-nav ul li a { font-size: 13px; font-weight: bolder; display: block; color: #232323; transition: all linear .2s; }
#side-nav .Cate li a:hover, #side-nav .Cate li.action a, #contact-nav ul li a:hover {}
#side-nav .Cate li ul { overflow: hidden; display: none }
#side-nav .Cate li.action>ul { display: block }
#side-nav .Cate>li .subUL li .subULHead p a { padding-left: 20px; color: #6e6e6e }
#side-nav .Cate>li .subUL li.action .subULHead p a { color: #c7b51d }
#side-nav .Cate>li .subUL li .subULHead b { color: #d3d3d3 }
#side-nav .Cate>li .subUL li .sub2UL li .sub2ULHead p a { padding-left: 35px; border-bottom: 1px solid #efefef; color: #6e6e6e }
#side-nav .Cate>li .subUL li .sub2UL li.action .sub2ULHead p a { background: #ededed }

#ssbanner-list .bxslider div { margin-bottom: 10px; }
#ssbanner-list .bxslider div a { background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; background-color: #f8f8f8; display: block; transition: all ease-in-out .3s; width: 100%; height: 100% }
#ssbanner-list .bxslider div a img { width: 100% }
#ssbanner-list, #side-nav #fb-wrap, #side-nav #g-map, #side-nav #youtube, #side-nav #contact-nav { margin-top: 20px; text-align: center }

#side-nav #contact-nav { display: none; }
#side-nav #contact-nav ul li a { text-align: left }
#side-nav #contact-nav ul li a img { margin-right: 6px; }

#community { margin: 50px 0 }
#community ul { display: flex; align-items: center; }
#community li { display: flex; flex-direction: column; justify-content: center; margin: 0 0 0px 5px; }
#community li>div { display: flex; }
#community li.com-twi { background: #1a9ed1; border-radius: 3px; }

#sub-banner { margin-top: 0; position: relative; }
#sub-banner a { display: block; background-repeat: no-repeat; background-position: 50% 50%; background-size: cover; padding: 129px 0; background-position: 50% 50%; background-attachment: fixed; background-size: cover; padding-top: 100px; }
#sub-banner a.subantel { position: absolute; bottom: -80px; left: calc(50% - 137px); color: white; font-size: 22px; }
#sub-banner .info { margin: 0 auto; width: 720px; padding: 15px 0px; background: #1da591b8; display: flex; justify-content: center; border-radius: 60px; position: relative; max-width: 100%; background-image: linear-gradient(315deg, #c7a961 0%, #c6a14d 74%); }
#sub-banner .info:before { content: ""; position: absolute; width: 50px; height: 1px; background: #a7a7a7; bottom: -12px; }
#sub-banner .info h4, #sub-banner .info p { text-align: center; color: #ffffff; font-size: 15pt; line-height: 110%; font-weight: 200; }
#sub-banner .info h4 { display: flex; }
#sub-banner .info p { font-size: 14pt; text-shadow: 0 0 5px rgb(0 0 0 / 38%); }

#messageList-reply { margin-top: 40px; }
#messageList-reply>h3 { border-bottom: 2px solid #979797; padding: 10px; }
#messageList-reply .reply-content { margin-top: 20px; }
#messageList-reply .reply-content p { margin: 0 10px 10px; }
#messageList-reply .reply-content textarea { font-size: 12pt; border: 2px solid #dcdcdc; width: calc(100% - 24px); border-radius: 10px; padding: 10px; height: 64px; }
#messageList-reply .reply-content .btn { text-align: right; margin-top: 20px; }
#messageList-reply .reply-content .btn .r-btn { display: inline-block; background: #ffdf57; color: #000; font-size: 12pt; border-radius: 25px; padding: 7px 55px; }
#undergroundBanks-mobile { display: none; }

@media screen and (max-width: 1024px) {
	.inside .main-article { width: 100%; margin: 0 0 50px; }
	#side-nav { width: 100%; }
	.pagetitle { margin-top: 25px; }
	#sub-banner { margin-top: 0; }
	#undergroundBanks-mobile { display: block; margin-bottom: 20px; }
	.inside #side-nav ul.Cate { display: none; }
	.inside #side-nav[data-action="member_part"] { margin-bottom: 0; }
	.inside #side-nav[data-action="member_part"] ul.Cate { margin-top: 3em; display: flex; }
	.inside #side-nav[data-action="member_part"] ul.Cate >li h3 a { font-weight: 400; font-size: 16px; }
	#undergroundBanks-mobile .slider-nav .list b { display: block; font-size: 16px; line-height: 150%; padding: 10px; background: #f3f3f3; text-align: center; font-weight: 300; }
	#undergroundBanks-mobile .slider-nav .slick-current .list b, #undergroundBanks-mobile .slider-nav .list a.action b { background: #606060; color: #fff; }
	#side-nav .noBnav .Cate>li { width: 33.3%; }
}
@media screen and (max-width: 768px) {
	#sub-banner .info h4 { font-size: 16px; display: flex; flex-direction: column; }
	#sub-banner .info { border-radius: 10px; }
	#sub-banner .info p { font-size: 14pt; text-shadow: 0 0 3px rgba(0, 0, 0, 0.71); line-height: 129%; }
	#sub-banner a { padding: 130px 10px; }
	.waylink li a, .waylink li:after, .waylink li { font-size: 8pt; color: #373737; }
	.waylink li:after { top: 0px; }
	.pagetitle { margin: 15px 0; padding: 2px 0 2px 10px; }
	#side-nav .noBnav .Cate>li { width: 50%; }
}
@media screen and (max-width: 480px) {
	#sub-banner .info h4 { font-size: 11pt; }
	#sub-banner a { padding: 85px 10px; padding-top: 90px; }
	#sub-banner a.subantel { padding: 0 0; bottom: 15px; }
}
.productB { display: flex; justify-content: center; align-items: center; }
.productB img { width: 10%; }
.productB div { width: 50%; border: 1px solid black; height: 70px; display: flex; justify-content: center; align-items: center; cursor: pointer; }
.productB>div:first-child { margin: 0 20px 0 0px; }
.productB>div:last-child { background: #c7a961; border: 1px solid #c7a961; }
.productB>div:last-child a { color: white; }
@media screen and (max-width:786px) {
	.productB { display: block; }
	.productB div { width: 100%; }
	#side-nav .side-title h2 { font-size: 20px; }
	.productB>div:first-child { margin: 0 0 20px 0; }
	.productB img { width: 20%; }
	.waylink { top: 301px; }
}