html,body{margin:0!important;padding:0!important;width:auto!important;overflow-x:hidden!important}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font-family:"Lato",sans}
input.form-input{border:1px solid #CCC}
input,select,textarea{font-size:16px}
.breadcrumb{font-family:'proxima_nova_rgregular';font-size:14px;background:#F0F0F0;width:100%;border-radius:0!important;padding-left:40px;padding-right:40px}
.breadcrumb .active{color:#000;font-family:'proxima_novasemibold'}
.breadcrumb > li + li:before{color:#000!important}
.flexslider{background:url(http://www.joeyyap.com/images/bgcarousel.png) top center no-repeat!important;background-size:890px 445px!important;padding:0 50px;padding-bottom:50px;box-shadow:none}
.flex-container{min-width:484px;max-width:890px;width:890px;margin:50px auto}
.flex-direction-nav .flex-prev{width:50px;height:50px;left:30px}
.flex-direction-nav .flex-prev:after{border-bottom:15px solid transparent;border-right:20px solid #000}
.flex-direction-nav a:after{top:50px}
.flex-direction-nav .flex-next{width:50px;height:50px;right:30px}
.flex-direction-nav .flex-next:after{border-bottom:15px solid transparent;border-left:20px solid #000}
.flex-direction-nav a.flex-prev:before{width:40px;height:40px;margin-top:-8px;margin-left:-10px}
.flex-direction-nav a.flex-next:before{width:40px;height:40px;margin-top:-8px;margin-left:-10px}
.flex-direction-nav .flex-prev:before{background:url(http://www.joeyyap.com/images/prev.png) no-repeat}
.flex-direction-nav .flex-next:before{background:url(http://www.joeyyap.com/images/next.png) no-repeat}
.flexslider .flex-control-nav{margin-left:-50px;margin-top:-80px}
.topfixed{background:rgba(0,0,0,0.7);height:60px;width:100%;position:fixed;z-index:999}
text.nav-mobile{position:absolute;top:10px;width:100%;height:80px;z-index:100;padding:20px}
.menuToogle{float:right;font-size:16px}
a.toogle:link,a.toogle:visited{color:#FFF}
a.toogle:hover{color:#CCC;text-decoration:none}
.logo{float:left;width:60px}
.fullmenu{position:absolute;z-index:99;width:100%;height:auto;top:0;background:#daba7d}
.menuBox01,.menuList01{width:100%}
.menuList01{height:20px;padding:20px;text-align:left}
.menuList02{height:10px;padding:20px 10px;text-align:left}
.menuList02 a:link,.menuList02 a:visited{color:#FFF}
.menuList02 a:hover{color:#967a49}
.mobile-menu-text{font-size:14px}
.bx-controls-direction{display:none}
.navbar.transparent.navbar-inverse .navbar-inner{border-width:0;-webkit-box-shadow:0 0;box-shadow:0 0;background-color:rgba(0,0,0,0.0);background-image:-webkit-gradient(linear,50.00% 0.00%,50.00% 100.00%,color-stop(0%,rgba(0,0,0,0.00)),color-stop(100%,rgba(0,0,0,0.00)));background-image:-webkit-linear-gradient(270deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%);background-image:linear-gradient(180deg,rgba(0,0,0,0.00) 0%,rgba(0,0,0,0.00) 100%)}
.navbar{position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;z-index:5;margin-top:10px;border:none;background:transparent!important}
.navbar-default{background:transparent!important;border:none}
.nav{font-size:15px}
.navbar-default .navbar-nav > li > a{color:#FFF;padding-top:10px;padding-bottom:10px}
.navbar-default .navbar-nav > li > a:hover{color:#CCC}
.navbar-default .navbar-nav > li > a:focus{background:transparent}
.dropdown-menu{background:transparent!important}
.dropdownArrow{height:10px;background:url(http://www.joeyyap.com/images/pointer.png) no-repeat 200px bottom}
.dropdownArrow-black{height:25px;background:url(http://www.joeyyap.com/images/black-pointer.png) no-repeat 200px bottom}
.dropdownArrow01{height:10px;background:url(http://www.joeyyap.com/images/pointer.png) no-repeat 200px bottom}
.panel{background:transparent!important}
.formBox{background:#f0f0f0;padding-top:10px;padding-left:20px;padding-bottom:20px}
.formBox01{background:#f0f0f0;padding-top:10px;padding-left:20px;padding-bottom:6px}
.menuBox{background:#f0f0f0;width:357px;position:absolute;right:10px}
.menuBox02{background:#f0f0f0;position:absolute;padding:20px;padding-bottom:10px;right:30px;font-size:16px;width:200px}
.menuBox02 li{padding-bottom:10px}
.menuList{font-size:14px;border:1px solid #CCC;border-top:none;width:357px;height:46px;margin-right:40px;padding-top:15px;padding-right:20px}
.menuList a:link,.menuList a:visited{font-weight:600;font-size:14px;color:#333}
.menuList a:hover{font-size:14px;color:#CCC}
.menuList span{font-size:10px}
.menuList03{font-size:14px;border-bottom:1px solid #666;border-top:none;width:357px;height:46px;margin-right:40px;padding-top:15px;padding-right:20px;background:#333}
.menuList03 a:link,.menuList03 a:visited{font-weight:600;font-size:14px;color:#FFF}
.menuList03 a:hover{font-size:14px;color:#CCC}
.menuList03 span{font-size:10px}
.registerBox{padding:20px;background:#d8d8d8}
.registerBox01{padding:10px;background:#d8d8d8}
.textRegister{font-size:16px;color:#666;padding-bottom:10px}
.textRegister01{font-size:14px;padding-bottom:10px;padding-top:10px}
.textSignup{font-size:16px;color:#666}
.leftDivider{border-left:2px solid #90774a}
.contactBg{background-image:url(contactbg2.jpg);background-color:#000;background-repeat:repeat;padding-bottom:80px}
.loginBox{width:279px;border-radius:none}
.aboutUs-bg,.upcoming-bg,.consultancy-bg,.consultancy01-bg,.joeyspeaks-bg,.resources-bg,.members-bg,.showcase-bg,.book-bg,.partner-bg,.affiliates-bg,.career-bg{height:350px;text-align:center}
.aboutUs-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(http://www.joeyyap.com/images/aboutus-header.jpg) center 40% no-repeat;background-size:cover}
.upcoming-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(http://www.joeyyap.com/images/WhatsNewBanner.jpg) center 40% no-repeat;background-size:cover}
.consultancy-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(whbg1.jpg)center top no-repeat;background-size:cover}
.consultancy01-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(http://www.joeyyap.com/images/consulant-header01.jpg) center 40% no-repeat;background-size:cover}
.joeyspeaks-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(http://www.joeyyap.com/images/joeyspeaks-header.jpg) center 40% no-repeat;background-size:cover}
.resources-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(http://www.joeyyap.com/images/resources-header.jpg) center 40% no-repeat;background-size:cover}
.members-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(http://www.joeyyap.com/images/members-header.jpg) center 40% no-repeat;background-size:cover}
.showcase-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(gedung.jpg) center 40% no-repeat;background-size:cover}
.book-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(http://www.joeyyap.com/images/books-header.jpg) center 40% no-repeat;background-size:cover}
.career-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(http://www.joeyyap.com/images/career-header.jpg) center 40% no-repeat;background-size:cover}
.partner-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(http://www.joeyyap.com/images/partner-header.jpg) center top no-repeat;background-size:cover}
.affiliates-bg{background:linear-gradient(rgba(0,0,0,0.498039),rgba(0,0,0,0.498039)),url(http://www.joeyyap.com/images/affiliates-header.jpg) center top no-repeat;background-size:cover}
.strec{max-width:100%;height:auto}
.title-header{font-family:'Montserrat';font-size:40px;font-weight:700;color:#fff;margin:0 auto;margin-top:150px;letter-spacing:0;text-align:center}
.sideBar{background:#f0f0f0;color:#000;border-bottom:2px solid #967a49;padding:40px 10px 60px}
.sideBar h3{font-family:"Noto Serif",serif;font-size:20px;font-style:italic;padding-bottom:20px;margin-left:10px}
.sideBar a{display:block;padding:10px;padding-bottom:15px;border-bottom:1px dotted #000;text-decoration:none;font-size:16px;color:#000!important}
.sideBar a:hover{color:#aeaeae!important}
.sideBar .active a{color:#967a49!important}
.sideBar01{background:#f0f0f0;color:#333;padding:40px 10px 30px}
.sideBar01 h3{font-family:"Noto Serif",serif;font-size:20px;font-style:italic;padding-bottom:20px;margin-left:10px}
.sideBar01 li{display:block;padding:10px;padding-bottom:15px;border-bottom:1px dotted #000;text-decoration:none;font-size:16px;text-align:center}
.sideBar01 li:last-child{border-bottom:none}
.sideBar01 ul li a:link,.sideBar01 ul li a:visited{color:#333!important;text-align:center}
.sideBar01 ul li a:hover{color:#aeaeae!important;text-decoration:none}
.sideBar01 li .active a{color:#967a49!important}
.sideBar02{background:#f0f0f0;color:#333;padding:40px 10px 10px}
.sideBar02 h3{font-family:"Noto Serif",serif;font-size:20px;font-style:italic;padding-bottom:20px;margin-left:10px}
.sideBar02 ul li{display:block;padding:10px;padding-bottom:15px;border-bottom:1px dotted #000;text-decoration:none;font-size:16px}
.sideBar02 li:last-child{border-bottom:none}
.sideBar02 ul li a:link,.sideBar01 ul li a:visited{color:#333!important;text-align:center}
.sideBar02 ul li a:hover{color:#aeaeae!important;text-decoration:none}
.sideBar02 .active a{color:#967a49!important}
.sideBar03{background:#f0f0f0;color:#333;padding:40px 10px 10px}
.sideBar03 h3{font-family:"Noto Serif",serif;font-size:20px;font-style:italic;padding-bottom:20px;margin-left:10px}
.sideBar03 ul li{display:block;padding-left:30px;text-decoration:none;font-size:16px}
.sideBar03 li:last-child{border-bottom:none;padding-bottom:10px}
.sideBar03 ul li a:link,.sideBar01 ul li a:visited{color:#333!important;text-align:center}
.sideBar03 ul li a:hover{color:#aeaeae!important;text-decoration:none}
.sideBar03 .active a{color:#967a49!important}
.sideBar03 .mainText{display:block;border-bottom:1px dotted #000!important;padding-left:5px;padding-top:10px}
.sideBar03 li.mainText{padding-bottom:5px}
.sideBar03 .mainText a:link,.sideBar03 .mainText a:visited{font-family:'proxima_novasemibold';color:#967a49!important}
.sideBar03 .mainText a:hover{color:#333!important}
.mainImage{margin:0 auto;width:291px}
.mainTitle{font-family:'proxima_novalight';font-size:36px;text-transform:capitalize;color:#967a49;text-align:center}
.contentBox{font-family:"Lato",sans}
.contentBox01{padding:20px 0;padding:0}
.textborder-bottom{width:179px;margin:40px auto}
.mainTitle01{font-family:"Noto Serif",sans;font-size:20px;font-style:italic;font-weight:300;line-height:24px;margin-bottom:20px}
.mainTitle02{font-family:"Noto Serif",sans;font-size:20px;font-style:italic;font-weight:300;line-height:24px;margin-bottom:20px;color:#FFF}
p{margin-bottom:20px}
.mainPara p,.mainPara ol{font-size:16px;font-weight:400;line-height:30px;text-align:justify}
.mainPara01 p{font-size:16px;font-weight:400;line-height:30px;text-align:center}
.mainPara02 p{font-size:16px;color:#CCC;font-weight:300;line-height:30px;text-align:justify;padding-top:10px;padding-right:20px}
.mainPara03 p{font-size:12px;color:#CCC;font-weight:300;line-height:20px;text-align:center;padding-top:10px}
.mainPara04 p{font-size:14px;font-weight:400;line-height:20px;text-align:center}
.mainPara05 p{font-size:16px;color:#FFF;font-weight:400;line-height:30px;text-align:center}
.mainPara06 p{font-size:20px;color:#FFF;font-weight:400;line-height:30px;text-align:center}
.mainPara07 p{font-family:'proxima_novasemibold';font-size:18px;color:#FFF;font-weight:400;line-height:30px;text-transform:uppercase;text-align:center}
.bookShortReview{font-size:16px;font-weight:700;color:#CCC}
.bookAvail{font-size:16px;font-weight:300;font-style:italic;color:#CCC;padding-top:25px;margin-bottom:20px}
.bookAvail-mobile{font-size:16px;font-weight:300;font-style:italic;color:#CCC;padding-top:10px;margin-bottom:20px}
.bookShelf,.bookShelf01{height:auto}
.bookShelf img{height:300px;width:auto;margin:0 auto;padding-bottom:5px}
.bookShelf01 img{height:200px;width:auto;margin:0 auto;padding-bottom:5px}
.contentList{font-size:14px}
ul.contentList li{padding:5px 0;list-style-image:url(http://www.joeyyap.com/images/bullet.png);margin-left:20px}
.autoresize{width:100%}
.imageCenter{margin:20px auto}
.imgBox{margin-right:20px;margin-bottom:20px}
.centerText{text-align:center}
.nextTitle{font-family:'proxima_novalight';font-size:24px;font-weight:300;text-align:center;margin-bottom:10px}
.titleUnderline{border-bottom:3px solid #967a49;width:80px;margin:0 auto;margin-bottom:30px}
.titleUnderline01{border-bottom:3px solid #967a49;width:80px;margin:0 auto}
.processBox{position:relative;padding:5px 2px}
.processBox01{padding:0 2px}
.boxNumber-outside{border-radius:50%;height:40px;width:40px;padding:0 2px;background:#967a49;text-align:center;font-size:21px;color:#FFF;line-height:35px;border:2px solid #FFF;box-shadow:0 0 5px #967a49;position:absolute;left:40%;right:40%;top:-10%}
.boxNumber-outside01{border-radius:50%;height:40px;width:40px;padding:0 2px;background:#967a49;text-align:center;font-size:21px;color:#FFF;line-height:35px;border:2px solid #FFF;box-shadow:0 0 5px #967a49;position:absolute;left:42.5%;right:42.5%;top:-10%}
.boxNumber-plus{border-radius:50%;height:40px;width:40px;padding:0 2px;background:#967a49;text-align:center;font-size:21px;color:#FFF;line-height:35px;margin:0 auto}
.boxNumber-equals{border-radius:50%;height:40px;width:40px;padding:0 2px;background:#967a49;text-align:center;font-size:21px;color:#FFF;line-height:35px;margin:0 auto}
.boxText{width:100%;height:100px;background:#f0f0f0;margin:0 auto;padding-top:35px;text-align:center;font-size:18px;line-height:24px;color:#666;border:2px solid #FFF;box-shadow:0 0 5px #CCC}
.boxText01{width:100%;height:100px;background:#bedd85;margin:0 auto;padding-top:35px;text-align:center;font-size:18px;line-height:20px;color:#666;border:2px solid #FFF;box-shadow:0 0 5px #CCC}
.floatBox{position:absolute;right:-20px;top:35px;z-index:99}
.floatBox01{position:absolute;left:40%;right:40%;top:200px}
.floatBox02{position:absolute;left:40%;right:40%;top:323px}
.desicionBox{width:100%;margin:0 auto}
.clearGutter{margin:0;padding:0}
.spacer{height:50px}
.spacer01{height:30px}
.borderBox{width:80%;background:url(http://www.joeyyap.com/images/line.jpg) repeat-y center;height:55px;margin:0 auto;margin-top:-5px}
@media (max-width:1024px) {
.boxNumber-outside{left:47%;right:47%}
.boxNumber-outside::before{border:1px solid #000}
.boxText{padding-top:px}
}
small{display:block;font-size:14px;margin:10px 0}
strong{font-size:16px;font-weight:700}
.btn{border:0 none;letter-spacing:1px;text-transform:uppercase;width:auto;height:38px;padding-top:10px}
.btn:focus,.btn:active:focus,.btn.active:focus{outline:0 none}
.btn-primary{background:#e3c383!important;color:#000;font-family:'proxima_nova_rgregular';font-size:14px}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open > .dropdown-toggle.btn-primary{background:#e3c383!important}
.btn-primary:active,.btn-primary.active{background:#333!important;box-shadow:none}
.btn-extender{padding-left:40px;padding-right:40px;margin-top:20px}
.btn-extender01{padding-left:30px;padding-right:30px;margin-top:20px}
.btn-extender02{padding-left:30px;padding-right:30px}
.textBox{padding-left:120px}
.textBox01{padding-left:0}
a#navLogin{color:#FFF}
.eventName,.article-title{font-size:20px;font-weight:700}
.eventList li a:link{font-size:16px;color:#967a49;line-height:30px}
@media (min-width:1200px) {
.form-width{width:800px;margin:0 auto}
}
.border-abt{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;border:1px solid #fff;padding:5px 10px;display:inline-block}
.articleBox{display:block;border:1px #CCC solid;margin-bottom:20px}
.articleBox01{display:block;border:1px #CCC solid;margin-bottom:20px;background:#FFF}
.article-info{height:200px;padding:20px}
.article-date{font-size:14px;font-weight:400;padding-bottom:10px}
.article-text{font-size:16px;font-weight:400;padding-top:10px}
.shareBox{border-top:1px solid #CCC;margin:0}
.shareBox01{position:relative;border-top:1px solid #CCC;padding-bottom:10px}
.shareFB{float:left;font-size:10px;padding-top:20px;padding-left:20px;padding-right:20px}
.shareFB01{font-size:10px;padding-left:190px}
img.widthImg{width:100%;height:auto}
.share-text{float:left;padding-top:4px;padding-right:10px;padding-left:5px}
.share-text.btn-primary{font-size:10px}
.share-icon{float:left}
.share-link{float:left;padding:20px 15px;border-left:1px solid #CCC}
.setBtn{width:100%;height:30px;border-radius:0;font-size:10px;padding-bottom:10px}
.setBtn a{margin:0 auto}
.article-detail-title{font-family:Lato;font-weight:700;text-transform:capitalize;font-size:24px;font-weight:700}
.article-detail-provider,.article-detail-author{font-size:16px;font-weight:400;padding-top:5px;font-style:italic}
.article-detail-date{font-size:14px;font-style:italic;font-weight:300;padding-top:10px}
p.line{text-align:center;font-size:18px}
.registerText{font-size:1em;padding-top:8px;line-height:30px}
.registerText01{font-size:14px;padding-top:20px}
.registerText02{font-size:14px;padding-top:10px;line-height:30px;color:#FFF}
.register-input{overflow:hidden;background:#FFF;border:1px solid #ccc}
.border-between > [class*='col-']:before{background:#e3e3e3;bottom:0;content:" ";left:0;position:absolute;width:1px;top:0}
.border-between > [class*='col-']:first-child:before{display:none}
.boxRegister{padding:0 60px;padding-bottom:60px}
.mainLoginBox{padding:20px;text-align:center;border:1px solid #ccc}
.simpleBox{padding:0;color:red;padding-bottom:15px}
.error{margin-bottom:0}
.thanks{font-size:60px;color:#FFF;font-weight:700}
.gold{border:1px solid #967a49}
.gold-border{border-left:1px solid #967a49}
.gold-border01{border-left:1px solid #967a49;border-right:1px solid #967a49;margin-right:5px}
.setMargin{margin-top:20px;margin-bottom:20px}
.setMargin01{padding:10px 100px}
.setMargin02{padding:10px 50px}
.setMargin03{padding:10px}
.introText{font-size:16px;line-height:30px}
p.red{color:red}
.col-xs-15{width:20%;float:left}
@media (min-width: 768px) {
.col-sm-15{width:20%;float:left}
}
@media (min-width: 992px) {
.col-md-15{width:20%;float:left}
}
@media (min-width: 1200px) {
.col-lg-15{width:20%;float:left}
}
.registerText strong{font-weight:700}
.close{color:#000!important;opacity:1}
.closeMM{color:#FFF}
.dropdown-menu{left:-180px}
.toolMenu{width:80px;height:100px;float:left;padding:10px 5px}
.toolMenu01{width:80px;height:auto;float:left;padding:10px 5px}
.blackMenu{width:100%;background:#000;padding:10px;width:265px}
.premiereMenu{width:100%;padding:10px;border-top:1px solid #FFF;font-size:16px;font-weight:300}
.premiereMenu a:link,.premiereMenu a:visited{color:#FFF;text-decoration:underline}
.premiereMenu a:hover{color:#FFF;text-decoration:none}
.textMobileApps{font-weight:400px;font-size:14px;padding-top:5px;margin-bottom:20px;color:#FFF}
.toolText{font-weight:400px;font-size:10px;padding-top:5px;color:#FFF}
.boxAcitivites{padding:20px;height:auto;border-bottom:1px solid #CCC}
.boxAcitivites .date{font-size:14px;color:#B9B9B9}
.boxAcitivites .author{font-size:14px;color:#333}
.boxAcitivites .activities{font-size:20px;font-weight:700;color:#000;line-height:20px;padding-bottom:10px}
.boxAcitivites .mainPara p{font-size:14px}
.boxReadMore{width:100%;background:#e3c383;padding:14%;text-align:center;vertical-align:middle;font-family:'proxima_novasemibold';font-size:14px}
.boxReadMore a:link,.boxReadMore a:visited{color:#333}
.boxReadMore a:hover{color:#FFF}
.vcenter{display:flex;align-items:center;padding:20px;padding-right:0}
.vcenter01{padding-left:20px;padding-top:20px;padding-right:0}
.location{padding:0 10px;font-size:14px;color:#999}
.location01{font-size:14px;color:#999}
.btn-enquiry{width:130px;height:58px;border-radius:0;padding-top:20px;padding-left:20px;border-top:1px solid #ccc}
.questionBox{padding:20px}
.nameAsk{font-weight:700;font-size:16px;padding-top:5px}
.countryAsk{font-size:11px}
.dateAsk{font-size:11px;color:#999;margin-top:15px}
.answerBox{background:#f0f0f0;padding:20px}
.askPad{margin-bottom:20px}
.headerAsk01{background:url(http://www.joeyyap.com/images/dashboard/line-middle.png) repeat-x center center;margin:0 auto}
.readMore:link,.readMore:visited{color:#967a49}
.width{width:1222px}
.carousel img{top:0;left:0;min-width:100%;height:auto}
.outline{outline:#CCC solid 10px;padding:0}
.projectContent{top:0;left:0;position:absolute;width:100%;height:100%!important;text-align:center;vertical-align:middle}
.centerBox{display:block;padding-top:0}
.projectName{font-size:28px;color:#FFF;padding-top:30px}
.devName{font-size:18px}
.mobile-navi{position:absolute;left:0;top:0;z-index:10;padding:10px;width:100%}
.navigation .container{margin:0;padding:0}
.mainLogo img{width:60px;height:auto;padding:5px;float:left}
.mobile-menu{float:right}
.mobile-menu ul{margin:0;padding:0;padding-top:10px;list-style-type:none;text-align:center}
.mobile-menu ul li{display:table-cell;vertical-align:middle;padding-top:0}
.mobile-menu ul li a{font-size:14px;text-decoration:none;color:#fff}
.mobile-menu ul li a:hover{color:#fff}
.mainlogo{padding-right:10px}
.mainlogo img{width:50px;height:auto;vertical-align:middle}
.mobile-tool{width:50px;height:auto}
.mobile-menu ul li a .glyphicon{padding:5px}
.menuText{padding-left:10px;padding-bottom:5px}
.megamenu01{position:absolute;z-index:999;width:100%;background:rgba(0,0,0,0.9);padding:20px;display:none}
.megamenu02{position:absolute;z-index:12;width:100%;background:rgba(0,0,0,0.9);padding:20px;display:none}
.megamenu03{position:absolute;z-index:12;width:100%;background:rgba(0,0,0,0.9);padding:20px;display:none}
.social-width{padding:0 10px;margin:0}
.social-width img{margin:0 10px}
.red{color:rgba(164,29,31,1.00)}
.border-right{border-right:1px dotted #CCC;-moz-border-right:1px dotted #CCC;-webkit-border-right:1px dotted #CCC}
.boxActivity{padding:2px;margin:0}
.boxActivity ul li{padding-top:10px;font-size:14px;border-bottom:1px dotted #ccc}
.ActMainTitle{font-family:'proxima_nova_rgbold';font-size:24px;font-weight:700;color:#8f7e52;padding-bottom:4px;border-bottom:1px solid #8f7e52}
.actTitle{font-size:14px;font-weight:700;padding:5px 0}
.actTitle a:link,.actTitle a:visited{color:#333}
.actTitle a:hover{color:#8f7e52}
.actLink{font-size:14px}
.actLink .fa{color:#8f7e52;padding-left:5px}
.actLink:link,.actLink:visited{display:block;padding:10px 0;padding-top:20px;color:#8f7e52}
.actContent{line-height:20px}
.actContent01{height:48px}
.boxEvent{font-size:14px}
.boxEvent ul li{padding:5px 0}
.boxEvent .name{font-size:14px;font-weight:700;padding-bottom:10px;padding-top:10px}
.boxEvent .fa{color:#CCC;padding-right:5px}
.featureGrey{background:#ececec}
.grey{background:#f0f0f0;border-bottom:2px solid #FFF}
.grey01{background:#f0f0f0;padding:10px 0}
.grey02{background:#f0f0f0;padding:10px 0;border-top:2px solid #FFF}
.grey03{background:#333}
.featuredButton{width:300px;border:1px solid #666;background:transparent;padding:10px;font-family:'proxima_nova_rgbold';font-size:14px}
.featuredButton:hover{border:1px solid #CCC}
.featuredButton:active{border:1px solid #333}
a.featuredButton:link,a.featuredButton:visited{color:#666;border-radius:5px}
a.featuredButton:hover{color:#CCC;text-decoration:none}
a.featuredButton:active{color:#333;text-decoration:none}
.toolTitle{font-family:'proxima_nova_rgbold';font-size:16px;color:#000}
.toolBoxMenu{font-family:"Lato",sans-serif;font-size:16px;padding-top:2px}
.boxMenuText{padding-right:10px}
.boxMenuText01{padding-right:10px;font-size:12px;width:40px;line-height:12px;text-align:right}
.boxMenuText02{padding-right:10px;font-size:12px;width:70px;line-height:12px;text-align:right}
.boxCategory{margin:40px 0}
.newText{font-family:'proxima_novasemibold';font-size:35px;color:#000;text-align:center;margin-top:30px;padding-bottom:10px}
.newText01{font-family:'proxima_novasemibold';font-size:30px;color:#000;text-align:center;margin-top:20px;padding-bottom:10px}
.underline01{border-bottom:3px solid #947b4c;width:130px;margin:0 auto}
.underline02{border-bottom:3px solid #947b4c;width:130px;margin:0 auto}
.underline03{border-bottom:3px solid #e2c486;width:120px;margin:0 auto}
ol,ul{list-style:none}
.modal{z-index:9999}
i.fa.fa-th{font-size:25px}
i.fa.fa-bars{font-size:20px;margin-top:-1px}
i.fa.fa-phone{font-size:25px;margin-top:-1px}
.heighMenu{height:25px}
a.hoverColor:link,a.hoverColor:visited{color:#FFF}
.boxMenuText:hover{text-decoration:underline}
a.hoverColor:hover{color:#666!important;text-decoration:underline}
.cd-top{display:inline-block;height:40px;width:40px;position:fixed;bottom:40px;right:10px;box-shadow:0 0 10px rgba(0,0,0,0.05);overflow:hidden;text-indent:100%;white-space:nowrap;background:url(http://www.joeyyap.com/images/cd-top-arrow.png) rgba(0,0,0,0.7) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:opacity .3s 0s,visibility 0 .3s;-moz-transition:opacity .3s 0s,visibility 0 .3s;transition:opacity .3s 0s,visibility 0 .3s;z-index:99999!important}
.cd-top.cd-is-visible,.cd-top.cd-fade-out,.no-touch .cd-top:hover{-webkit-transition:opacity .3s 0s,visibility 0 0;-moz-transition:opacity .3s 0s,visibility 0 0;transition:opacity .3s 0s,visibility 0 0}
.cd-top.cd-is-visible{visibility:visible;opacity:1}
.cd-top.cd-fade-out{opacity:.5}
.no-touch .cd-top:hover{background-color:#e86256;opacity:1}
.textShowcase{font-family:'proxima_novasemibold';font-size:18px;color:#333;padding-top:10px;text-transform:uppercase}
.bytextShowcase{font-family:'proxima_novalight';font-size:16px;color:#666;padding-bottom:10px}
.checkbox{display:inline-block;font-size:14px;font-family:"Lato",sans}
.checkbox label{padding-top:10px}
.clientRow{width:100%;margin:0 auto}
.successBox{padding:10px;text-align:center;font-family:'proxima_nova_rgregular';text-transform:uppercase}
.successBox img{margin-bottom:10px}
.modal{text-align:center}
.modal:before{display:inline-block;vertical-align:middle;content:" "}
.modal-dialog{display:inline-block;text-align:left}
.modal-title{font-family:'proxima_novalight';font-size:20px;color:#FFF}
.modal-backdrop{background-color:#000;opacity:.8!important}
.modal-content{-webkit-border-radius:0!important;-moz-border-radius:0!important;border-radius:0!important}
.modal-header{background:#000}
.rc-anchor-normal{width:100%}
.BOOKMore{display:block;font-family:'proxima_nova_rgregular';padding:15px 10px;font-size:14px}
a.BOOKMore{color:#967A49!important;cursor:pointer}
a.BOOKMore:hover{color:#000;text-decoration:none}
.dropbox{background:#333}
@media (min-width:1200px) {
.testMargin{margin-right:24px}
}
.form-control{height:38px}
.invitationBox{padding:0;margin:0}
.invitationBox .title{font-family:'proxima_novalight';font-size:24px;color:#333;text-transform:uppercase;text-align:center}
.contenTitle{font-family:'proxima_nova_rgregular';font-size:24px;color:#333;text-transform:uppercase}
.speakFeatures{padding:0;margin:0}
.speakFeatures .title{font-family:'Noto Serif';font-style:italic;font-weight:300;font-size:20px;color:#e3c383;margin-bottom:20px}
.speakFeatures p{font-family:"Lato";line-height:30px;font-weight:300;font-size:16px;color:#FFF}
.dotdotdot{width:50%;border-bottom:1px dotted #CCC;padding:0;margin:0}
.engegementDetail{font-family:"Lato"}
.engegementDetail .title{font-weight:700;font-size:18px;color:#333;text-align:center;text-transform:uppercase;padding:10px 0}
.engegementDetail p{font-size:16px;text-align:center;line-height:25px}
.videoContent{margin:0}
.videoContent .caption{font-family:"Noto Serif";font-size:12px;font-style:italic;padding-top:10px}
.videoContent .caption .goldCaption{color:#967a49}
.specialGrey{position:relative;background:#CCC;border-top:1px solid #967a49;padding:20px 0}
.specialWhite{position:relative;background:#FFF;border-top:1px solid #967a49;padding:20px 0}
.arrow-container{width:130px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.arrow_box{position:relative;background:#967a49;padding:10px;font-family:'proxima_nova_rgregular';font-size:14px;color:#FFF;text-transform:uppercase;text-align:center}
.arrow_box:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(150,122,73,0);border-top-color:#967a49;border-width:10px;margin-left:-10px}
.arrow-container01{width:160px;position:absolute;top:0;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%)}
.arrow_box01{position:relative;background:#967a49;padding:10px;font-family:'proxima_nova_rgregular';font-size:14px;color:#FFF;text-transform:uppercase;text-align:center}
.arrow_box01:after{top:100%;left:50%;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;border-color:rgba(150,122,73,0);border-top-color:#967a49;border-width:10px;margin-left:-10px}
.morelink:link,.morelink:visited{display:block;font-family:'proxima_nova_rgregular';font-size:14px;text-align:center;text-transform:uppercase;padding:10px}
.morelink:hover{color:#FFF;text-decoration:none}
.morelink.active{color:#967a49!important}
.hotQuestion{width:100%;height:400px;background:url(http://www.joeyyap.com/images/consultation/bazi/hensem.jpg) no-repeat top right;background-size:cover}
.hotQuestionBox{padding-top:30px}
.hotQuestionBox .title{font-family:'proxima_novalight';font-size:20px;color:#967a49!important;text-transform:uppercase;margin-bottom:20px}
.hotQuestionBox .hotQuestionList{font-size:14px;color:#FFF;line-height:24px}
.bridgeBox{text-align:center}
.bridgeBox .title{font-size:24px;font-weight:700;margin-bottom:10px}
.bridgeBox p{font-size:16px;line-height:20px}
.applicationBox{padding:0;margin-bottom:20px}
.applicationBox .icon{margin-bottom:10px}
.applicationBox .title{font-family:"Noto Serif";font-size:18px;font-style:italic;color:#967a49;margin-bottom:10px}
.applicationBox p{font-size:16px;color:#333;line-height:30px;text-align:justify}
.platformBox{padding:10px}
.platformBox .title{font-family:'proxima_nova_rgregular';font-size:20px;text-align:center;text-transform:uppercase;color:#333;margin-top:15px}
.platformBox .underline{margin:10px auto;width:100px;height:2px;padding:0;background:#967a49}
.platformBox p{font-size:16px;color:#333;line-height:30px;text-align:center}
.borderBottom{border-bottom:1px solid #CCC;margin-bottom:30px}
h3.theRoom{font-family:"Noto Serif";font-size:20px;font-style:italic;color:#FFF;margin-bottom:30px;text-align:center}
.first{padding-left:22px}
.second{padding-left:190px}
.third{padding-left:365px}
.fourth{padding-left:537px}
.fifth{padding-left:713px}
.sixth{padding-left:890px}
.kiri{padding-left:166px}
.kanan{padding-left:726px}
.beta{font-family:'proxima_novasemibold';font-size:16px;color:#FFF;padding-left:5px}
.beta a:link,.beta a:visited{color:#c2b59d!important}
.beta a:hover{color:#CCC!important;text-decoration:none}
span.box8{font-size:18px;font-weight:700;color:#967a49}
.wrapPrice{width:250px;margin:0 auto;font-family:'proxima_nova_rgregular'}
.wrapPrice .boxPrice{width:100px;background:#967a49;border:1px solid #967a49;padding:10px;text-align:center;color:#FFF}
.wrapPrice .tagPrice{border:1px solid #967a49;padding:10px;text-align:center;width:150px}
span.gstBox{display:block;padding:10px}
.titleIcon{display:block;margin:0;padding:0;margin-bottom:20px}
.titleIcon .icon{display:inline}
.titleIcon .text{display:inline;line-height:0;text-transform:uppercase;padding:20px 10px}
.yesDontBox{margin:0;padding:0;border:1px solid #967a49;margin:10px 5px}
.yesDontBox .yesDontInner{position:relative;background:#EFEFEF;padding:10px;border:2px solid #FFF}
.yesDontBox .yesDontInner .yesDontIcon{position:absolute;width:66px;margin:0 auto;left:40%;right:40%;top:-50px}
.yesDontBox .yesDontInner .yesDontIcon .text{text-align:center;font-size:16px;padding-bottom:10px}
.hero{background:url(sunrise.jpg) no-repeat top left;height:415px;width:100%}
.hero .content{width:40%;text-align:right;margin-top:20px;margin-right:30px}
.hero .content .title{font-family:'proxima_novalight';font-size:36px;color:#967a49;text-transform:uppercase}
.hero .content p{font-family:'proxima_nova_rgregular';font-size:16px;color:#000}
.bigTitle{font-family:'proxima_novalight';font-size:36px;color:#967a49;text-transform:uppercase;text-align:center}
.typeCns{font-family:'proxima_novalight';font-size:16px;color:#cccc;text-transform:uppercase;line-height:30px}
.typeCns .pop{margin-bottom:10px}
.applicationBox .mainPara01 p{text-align:center!important;font-size:18px}
ul.listMore{list-style-image:url(http://www.joeyyap.com/images/bullet.png);list-style-position:inside;font-family:"Lato";font-size:15px}
ul.listMore li{border-bottom:1px dotted #000;padding:10px}
ul.listMore li:last-child{border-bottom:none;padding:10px}
ul.listMore li span{display:block;margin-left:20px}
.btn-file{position:relative;overflow:hidden}
.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:#fff;cursor:inherit;display:block}
.customInput{height:36px;font-family:"Lato",sans;color:#333!important}
@media (min-width:1200px) {
.uploadInput{margin-right:-30px}
}
#special.nav-tabs > li{float:none;display:inline-block;*display:inline;zoom:1;font-weight:400;padding-left:0;padding-right:0;text-transform:uppercase;font-size:14px}
#special.nav-tabs > li > a{border-radius:0;color:#CCC}
#special.nav-tabs > li.active > a{color:#333!important}
#special.nav-tabs{text-align:center}
.btn-file{position:relative;overflow:hidden}
.btn-file input[type=file]{position:absolute;top:0;right:0;min-width:100%;min-height:100%;font-size:100px;text-align:right;filter:alpha(opacity=0);opacity:0;outline:none;background:#fff;cursor:inherit;display:block}
.customInput{height:36px;font-family:"Lato",sans;color:#333!important;width:auto}
input.form-control.form-input.customInput{width:100%}
@media (min-width:1200px) {
.uploadInput{margin-right:-30px}
}
input::-webkit-input-placeholder{color:#666!important}
input:-moz-placeholder{color:#666!important}
input::-moz-placeholder{color:#666!important}
input:-ms-input-placeholder{color:#666!important}
.form-inline .input-group .form-control{width:auto}
span.fa.fa-map-marker.icon{padding-top:5px}
.shareText{padding:18px 20px;padding-top:22px;vertical-align:middle;text-align:center;padding-right:0;font-size:12px;text-transform:uppercase}
.icon-fb,.icon-twitter,.icon-friend{padding:20px 0;padding-right:5px;padding-left:10px;vertical-align:middle;text-align:center}
.icon-friend{padding-right:0}
.firstcharacter{float:left;color:#903;font-size:85px;line-height:60px;padding-top:12px;padding-right:8px;padding-left:3px;font-family:Georgia}