.comTitle{height:335px;line-height:335px;background:#3e4752 url(//img.funliving.com/comaboutus.jpg) no-repeat center 0;background-size:100% 335px;color:#fff;font-size:3em;text-align:center;font-weight:bold}
/**
.about{background-image:url(//pic.funliving.com/comabout.jpg)}
**/
.about{background-image:url(//pic.funliving.com/funliving_team_banner.jpg)}
.conatct{background-image:url(//pic.funliving.com/comcontact.jpg)}
.coope{background-image:url(//pic.funliving.com/comcoope.jpg)}
.joinus{background-image:url(//pic.funliving.com/comjoinus.jpg)}
.comtab{height:90px;text-align:center;background-color:#fafafa}
.comtab li{display:inline-block;margin:0 25px;font-size:1.4em;font-weight:bold;height:88px;}
.comtab li a{display:block;line-height:88px;padding:0 5px;}
.comtab li a.on{color:#e0372a;border-bottom:2px solid #e0372a}
.comLay{background-color:#fff;padding:40px 0 60px}
.contactlay{font-size:15px;line-height:1.8em;padding-bottom:20px;position:relative;}
.contactlay h2{font-size:1.6em;font-weight:bold;padding-bottom:10px}
.cmap{width:1000px;height:auto;background-color:#eee;overflow:hidden;}
.cmap img{width:100%}
.wxcontact{position:absolute;right:0;top:80px}
.wxcontact img{width:120px;margin-left:20px;margin-top:-20px}

.joblay{padding:30px 0 0 300px;border-top:1px solid #eee;margin-top:30px;position:relative;}
.joblay h3{font-size:1.5em;font-weight:bold;position:absolute;left:0;top:35px}
.joblay h4{font-size:1.1em;font-weight:normal;cursor:pointer;padding:5px 10px}
.joblay h4:hover{color:#f50000;background-color:#f9f9f9}
.joblay div{padding:15px 20px 0;background-color:#f6f6f6;line-height:1.7em;display:none}
.joblay div strong{display:block;padding-bottom:5px;color:#888}
.joblay div p{padding-bottom:20px}
.joblay div span{display:block;padding-bottom:20px;margin-top:-10px;color:#19a69a}

.cooperate h2{font-size:2.3em;text-align: center;font-weight:bold;padding:30px 0 60px}
.cooperate div{font-size:1.1em;line-height:1.7em}

.terms{width:1000px;margin:40px auto;border:1px solid #eee;background-color:#fff;line-height:1.6em;color:#444;font-size:1.1em}
.termsin{padding:40px}
.terms h2{text-align:center;font-size:1.8em;font-weight:bold;padding:20px 0 40px;color:#111}
.terms h3{font-size:1.4em;padding-bottom:15px;color:#000;font-weight:bold;}
.terms strong{font-weight:bold}
.termsin div{border-left:2px solid #fafafa;padding-left:20px;margin:10px 0 50px}
.terms h4{padding:10px 0;color:#111;font-weight:bold}
.terms p,.terms ol,.terms ul{padding:7px 0 7px}
.termsin li{margin-left:20px}

.svbg{height:200px;background:#354358 center center no-repeat;background-size:cover}
.helpbg{background-image:url(//pic.funliving.com/comhelp.jpg)}
.helpcat{width:200px;float:left;padding:50px 0;font-size:1em}
.helpcat ul{padding-right:30px}

.helpcat li a{display:block;padding:10px 10px 10px 20px}
.helpcat li.on a{background-color:#fff;border-left:3px solid #f50000}
.helpcon{width:800px;float:right;padding:50px 0;font-size:1.1em}
.helpcon dl{padding-bottom:40px}
.helpcon dt{color:#000;font-size:1em}
.helpcon dd{color:#555;font-size:0.8em}
.helpconin{padding:30px 35px;background-color:#fff}
.helpcontact{text-align:center;padding-bottom:60px}
.helpcontact h4{font-size:1.2em;padding-bottom:5px}
.helpcontact span{margin:0 10px;color:#666}

.aboutp{padding:40px 0;font-size:1.2em;line-height:1.7em}
.aboutp h2{font-size:2.2em;font-weight:bold;padding-bottom:35px;text-align:center;}
.aboutp h3{font-size:1.6em;font-weight:bold;position:absolute;z-index:99;width:100%;height:80px}
.redfont{color:#e0372a}
.textcenter{text-align:center;}
.aboutsbp{text-align:center;padding-bottom:30px;position:relative;}
.aboutsbp span{color:#e0372a;font-size:1.4em;display:block;padding-top:40px}
.aboutsbp b{display:block;height:30px;width:100%;position:absolute;text-align:center;top:-12px;border-bottom:1px dashed #e4e4e4}
.aboutsbp b i{display:inline-block;font-size:2em;position:relative;bottom:-20px;background-color:#fff;font-family:Times;font-weight:bold;}
.aboutsbp b i:first-child{padding:0 80px 0 30px}
.aboutsbp b i:last-child{padding:0 30px 0 80px}
.logincoo{padding:10px 0 0px;border-bottom: 1px solid #eee;text-align: center;margin-bottom: 30px}
.login div{font-size:18px;color:#111;line-height:2em;font-weight: bold;}
.hide{display:none}
.logged{padding: 30px 0 50px;font-size: 20px}
.logged a.signout{float:right;color: #999;font-size:0.8em;margin-right:30px}
.logged a.signin{padding:8px 15px;border-radius:5px;color: #fff;background-color:#118eee;}
.logged a.signin:hover{opacity: 0.9}

#cologinaqr{
    height: 320px;
}

.workatfunliving{padding:5px 0 10px}
.workatfunliving img{display:inline-block;}

.mobileshow{padding:20px 0 80px;text-align:center;color:#000;font-size:1em;font-weight:bold;display:none}
.cooinfo ul{margin-top:-10px}
.cooinfo li{list-style: disc inside;font-size:0.9em}
.tonywx{text-align: center;padding: 30px 20px}
.tonywx img{max-width: 300px}
.cooinfo h3,.cooinfo h4{font-weight:bold}

@media(max-width:1000px){
    .terms{width:auto;}
}

@media(max-width:600px){
.comTitle{height:4em;line-height:4em}
.comtab{padding: 0;height:60px}
.comtab li{margin:0 5px;font-size:1em;height:58px;}
.comtab li a{line-height:58px}
.cooinfo{padding:0 1em;font-size:1em!important;text-align:left;}
.joblay{padding:0 10px 10px;margin-top:0;}
.joblay h3{position:static;font-size:1.2em;padding:1em 0 0;text-align:center;margin-bottom:0.5em}
.joblay h4 {font-size:1em;padding:8px;margin-bottom:5px}
.aboutp{padding: 30px 10px}
.contactlay{padding: 0 10px 20px}
.wxcontact{position:static;margin-top:10px}
.wxcontact img{margin-left: 0;margin-right: 10px}
.mobileshow{display:block;}
.logincoo .login{display:none;}
.cmap{width:100%}
}