@charset "utf-8";
/* CSS Document */
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, tt, var, b, u, i, center, dl, dt, dd, 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,input,textarea,*:before,*:after,ul.unstyle,ul.unstyle li{margin:0;padding:0;border:0;font:inherit;font-size:100%;box-sizing:border-box;}
html,body{width:100%;min-height:100%;height:100%;font-family: 'Montserrat', sans-serif;font-weight:400;}
body#homePage{background:transparent url(../images/home_bg.jpg) no-repeat center center;background-size:cover;}
body:before{content:'';display:block;width:100px;height:100%;border-right:rgba(255,255,255,.2) 1px solid;position:fixed;left:0px;top:0px;z-index:10}
body:after{content:'';display:block;width:100px;height:100%;border-left:rgba(255,255,255,.2) 1px solid;position:fixed;right:0px;top:0px;z-index:10}
body#homePage:before{border-right:rgba(255,255,255,.1) 1px solid;}
body#homePage:after{border-left:rgba(255,255,255,.1) 1px solid;background:rgba(0,0,0,0)}
body#homePage.addShadow:after{background:rgba(0,0,0,0.4)}
body#sectionPage:before,body#sectionPage:after{background:rgba(0,0,0,0.2);}

#rainBow{position:fixed;display:block;width:200%;height:100%;background:linear-gradient(90deg, rgba(224,11,123,1) 0%, rgba(202,210,19,1) 17%, rgba(165,85,154,1) 34%, rgba(166,196,35,1) 51%, rgba(1,175,189,1) 68%, rgba(243,110,25,1) 85%, rgba(224,11,123,1) 100%);background-repeat:repeat-x;animation:bgMove 20s linear infinite;background-size:50% 100%;mix-blend-mode:multiply;opacity:0;}
#rainBow.active{opacity:1;transition:opacity .2s linear;}

@keyframes bgMove {
  0%   {background-position:0% 100%}
  100% {background-position:100% 100%}
}

#mediaDetail > article > div > figure > .outSite { position: relative;}
#language a.active {font-weight:bold;color:#fff;}

#meeting,#meetingCell{position:fixed;width:100%;height:100%;background:transparent url(../images/group_bg.jpg) no-repeat center center;background-size:cover;left:0px;top:0px;z-index:0;}
#meeting:before,#meetingCell:before{content:'success beyond borders';display:flex;position:absolute;width:100%;height:100%;text-transform:uppercase;left:0px;top:0px;z-index:0;text-align:center;padding:0 10% 100px;font-size:2em;color:#65666a;justify-content:center;align-items:center;opacity:0;}
#meetingCell{display:none;}
#meetingCell.show{display:block;}

.clear{width:100%;clear:both;margin:0px !important;}
.unstyle,.unstyle li{list-style:none; }


/*homepage*/
header{position:fixed;width:100%;height:100px;left:0px;top:0px;z-index:21;padding:0 100px;background:#312f2f}
header:before{content:'';position:absolute;width:1px;height:100px;right:99px;top:0px;background:#fff;opacity:.1;transition:opacity .2s linear;}
#homePage header:before{}
header:after{content:'';position:absolute;width:1px;height:100px;right:259px;top:0px;background:#fff;opacity:.1;}
	#site-logo{float:left;height:58px;margin:27px 0 0 15px;position:absolute;top:0px;}
	#site-logo img{display:block;max-height:100%;}
#homePage header{background:#312f2f;border-bottom:rgba(255,255,255,.1) 1px solid;z-index:20;}
#homePage header.active:before{opacity:0;}
	#homePage #site-logo{height:70px;margin:15px 0 0 15px}
	
header nav{position:fixed;width:260px;top:0px;right:-260px;height:100%;padding-top:130px;line-height:30px;transition:all .2s ease-in-out;background:rgba(0,0,0,0.8);overflow:hidden;}

header.active nav{right:0px;overflow:hidden;transition:all .5s ease-in-out;}

header nav #mainNavi > div > ul {border-left: 1px solid gray;margin-top: 5px;}
header nav #mainNavi{float:left;width:100%;padding:0 25px;transition:all .25s ease-in;}
header nav.sub-active #mainNavi{margin-left:-100%;}
header nav #mainNavi aside{flex:0 0 160px;text-align:center;display:flex;justify-content:center;}
header nav #mainNavi a{display:block;color:#868080;margin:0 8px;text-decoration:none;transition:all .25s linear;}
header nav #mainNavi a:before{content:attr(data-before);display:block;font-weight:bold;height:0px;overflow:hidden;opacity:0;}

header nav #mainNavi a:hover,header nav #mainNavi a.active{font-weight:800;color:#fff;}
header nav #mainNavi div a{margin:0 25px 0 0;}

header nav .subNavi{position:absolute;width:100%;left:100%;top:0px !important;padding:160px 25px 20px;height:100%;-ms-transform:none;-webkit-transform:none;transform:none;transition:all .25s ease-in;background:none;}

header nav li {list-style:none; margin:0 0 0 -30px;}
header nav  li a{text-decoration:none;}
header nav  li a#media-btn{color:#66aabc;}
header nav  li a#tech-btn{color:#b4c747;}
header nav  li a#property-btn{color:#bb8e47;}
header nav  li a#fb-btn{color:#ec008c;}
header nav  li a#retail-btn{color:#bf2628;}
header nav  li a#lifestyle-btn{color:#edb63f;}
header nav li a:hover,header nav .subNavi li a.active{font-weight:800;color:#fff !important;}

/*header nav .subNavi{position:absolute;width:100%;left:0px;top:100px;background:#312f2f;border-top:rgba(255,255,255,.1) 1px solid;padding:30px 100px 20px;display:flex;min-height:192px;z-index:-1;transition:all .25s ease-in;}*/
header nav  h1{font-size:1.4em;margin-bottom:1em;color:#fff;font-weight:800;line-height:1em;width:100%;}	
/* comment out on Aug 29, 2022 by Mandy
header nav .subNavi li{line-height:1em;margin-bottom:10px;}	
header nav .subNavi li a{text-decoration:none;}
header nav .subNavi li a#media-btn{color:#66aabc;}
header nav .subNavi li a#tech-btn{color:#b4c747;}
header nav .subNavi li a#property-btn{color:#bb8e47;}
header nav .subNavi li a#fb-btn{color:#ec008c;}
header nav .subNavi li a#retail-btn{color:#bf2628;}
header nav .subNavi li a#lifestyle-btn{color:#edb63f;}
header nav .subNavi li a:hover,header nav .subNavi li a.active{font-weight:800;color:#fff !important;}
header nav .subNavi.active{left:0%;transition:all .6s ease-out;transition-delay:.3s;}
*/

#homePage header nav .subNavi{top:100px;-ms-transform:none;-webkit-transform:none;transform:none;opacity:0;visibility:hidden;border-top:none;}
#homePage header nav .subNavi.active{-ms-transform:none;-webkit-transform:none;transform:none;opacity:1;visibility:visible;}


header nav .subNavi li img{display:none;position:absolute;right:100px;top:0px;max-height:100%;padding:30px 0;opacity:0;margin-right:30px;}	
header nav .subNavi li:hover img{opacity:1;margin-right:0px;transition:all .25s ease-in-out}

header nav .subNavi figure{width:60px;height:40px;position:absolute;left:25px;top:114px;cursor:pointer;}
header nav .subNavi figure:before{content:'';display:block;width:20px;height:20px;border-left:#fff 2px solid;border-bottom:#fff 2px solid;position:absolute;left:4px;top:4px;opacity:1;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
header nav .subNavi figure:after{content:'';display:block;width:30px;height:2px;background:#fff;position:absolute;left:2px;top:13px;}


#language{position:fixed;width:160px;right:100px;top:0px;z-index:101;padding:23px 25px 0;display:flex;justify-content:space-between;font-size:1em;}
#dkNav{position:fixed;width:160px;right:100px;top:70px;z-index:101;text-align:center;text-transform:uppercase;font-weight:600;color:#a45a95;font-size:1.1em;}
#homePage #language{z-index:1;background:rgba(0,0,0,0);}
#homePage.addShadow #language{background:rgba(0,0,0,0.6);}

#language > a:nth-child(1) { color: #66aabc;}
#language > a:nth-child(2) { color: #b4c747;}
#language > a:nth-child(3) { color: #edb63f;}

#language a{text-decoration:none;color:#95969a;line-height:24px;height:24px;font-weight:bold;}
#language a:before{content:attr(data-before);display:block;height:0px;overflow:hidden;opacity:0;}
#language a:hover,#language a.active{font-weight:bold;}
	
#homePage section{position:fixed;width:100%;height:100%;padding:0;overflow:hidden;}
#homePage section h1{float:left;color:#935a92;text-align:center;font-size:6em;font-weight:300;position:absolute;left:115px;top:60%;white-space:nowrap;}
#homePage section h2{float:left;color:#fff;text-align:center;font-size:2em;font-weight:100;position:absolute;left:234px;top:60%;margin-top:3.5em;white-space:nowrap;}

section.detailCont{float:left;width:100%;padding:70px 0 0;margin-top:99px;position:relative;}
section.detailCont:before{content:'';display:block;position:absolute;left:0px;top:0px;width:99px;height:100%;opacity:.6;z-index:2;}
section.detailCont:after{content:'';display:block;position:absolute;right:0px;top:0px;width:99px;height:100%;background:#000;opacity:.6;z-index:2;}

#mediaDetail:before{background:#00afbe;}
#retailDetail:before{background:#b42b33;}
#techDetail:before{background:#a6c522;}
#lifeDetail:before{background:#eda52a;}
#propertyDetail:before{background:#ae7733;}
#fnbDetail:before{background:#a5549b;}

#slogan{font-weight:600;color:#fff;font-size:2.1em;position:fixed;left:54%;bottom:18%;margin-left:50px;text-transform:uppercase;text-shadow:0px 0px 20px rgba(0,0,0,0.5)}

section.detailCont .pageTitle{display:block;width:100%;width:100%;height:0px;padding-top:49.5%;position:absolute;left:0px;top:0px;border-bottom:rgba(0,0,0,0.8) 1px solid;}
section.detailCont .pageTitle h1{display:block;text-align:left;font-size:6em;color:#fff;font-weight:100;position:absolute;bottom:30px;left:0px;padding-left:180px;text-shadow:0px 0px 20px rgba(0,0,0,0.4);letter-spacing:-.04em;display:none;}
.detailCont article{display:block;width:100%;padding:49.5% 340px 50px 180px;color:#35363a;}
.detailCont article h2{font-size:1.3em;font-weight:600;}
.detailCont article h3{text-transform:uppercase;font-size:1.2em;font-weight:600;}
.detailCont article p{font-size:1em;line-height:1.4em;margin-bottom:1.4em;}
.detailCont article p strong{font-weight:600;}
.detailCont article .narrow{padding-right:45%;position:relative;}

.detailCont article h2.narrow{position:absolute;top:-100px;width:44%;padding:15% 8% 0 80px;left:100px;color:#fff;font-size:1.1em;}
.detailCont article h2.narrow:after{content:'More detail';display:block;width:164px;background:transparent url(../images/ico_down.png) no-repeat 126px 12px;background-size:22px;padding:0 40px 0 15px;border-radius:10px;border:#fff 2px solid;color:#fff;line-height:46px;cursor:pointer;font-size:80%;margin-top:30px;}

.detailCont article .outSite{position:absolute;float:left;padding:0 30px;line-height:50px;border-radius:8px;border:#000 2px solid;text-transform:capitalize;text-decoration:none;color:#000;font-weight:600;left:60%;bottom:0px;margin-left:30px;}
.detailCont article .outSite svg{display:block;background:#fff;width:20px;height:20px;position:absolute;right:-2px;top:-2px;padding:0 0 2px 2px;box-sizing:border-box;}
.detailCont article .outSite:hover{color:#95969a;transition:all .25s linear;}
.detailCont article .outSite:hover path{fill:#95969a;transition:all .25s linear;}
.detailCont article img{display:block;width:100%;}
a.normalCTA{display:inline-block;padding:12px 20px;text-decoration:none;color:#fff;font-weight:600;background:#a6a7aa;}
a.normalCTA:hover{background:#a45a95;}

.detailCont article .logoLinks{position:absolute;float:left;left:49.6%;bottom:0px;}
/*.detailCont article .logoLinks a{float:left;margin:20px 0 0 30px;height:50px;}*/
.detailCont article .logoLinks a img{max-width:100%;max-height:100%;margin:0px !important;padding:0px !important;}

#mediaDetail .pageTitle{background:transparent url(../images/media_banner.jpg) no-repeat right bottom;background-size:cover;}
#propertyDetail .pageTitle{background:transparent url(../images/property_banner_v2.jpg) no-repeat right bottom;background-size:cover;}
#fnbDetail .pageTitle{background:transparent url(../images/fb_banner.jpg) no-repeat right bottom;background-size:cover;}
#retailDetail .pageTitle{background:transparent url(../images/retail_banner.jpg) no-repeat right bottom;background-size:cover;}
#lifeDetail .pageTitle{background:transparent url(../images/lifestyle_banner.jpg) no-repeat right bottom;background-size:cover;}
#techDetail .pageTitle{background:transparent url(../images/tech_banner.jpg) no-repeat right bottom;background-size:cover;}

.detailCont aside{display:block;width:100%;padding:70px 100px 50px 180px;color:#35363a;background:#ededed;display:flex;justify-content:space-between;}
.detailCont aside h2{font-weight:700;font-size:1.6em;}
form#ctFrm{display:flex;width:100%;position:relative;z-index:20;flex-wrap:wrap;justify-content:space-between;padding-right:4px;}
.detailCont aside form#ctFrm{width:50%;}
form#ctFrm label{width:48%;margin-bottom:30px;}
form#ctFrm label.full,form#ctFrm h3{width:100%;}
form#ctFrm label input{display:block;width:100%;height:56px;border:#707070 1px solid;border-radius:6px;padding:0 10px;outline:none;}
form#ctFrm label textarea{display:block;width:100%;height:56px;border:#707070 1px solid;border-radius:6px;padding:10px;outline:none;resize:none;height:120px;}
form#ctFrm>input{float:left;padding:0 40px;height:56px;border-radius:6px;color:#fff;background:#000;text-transform:capitalize;cursor:pointer;}
form#ctFrm>input:hover{background:#a45a95 !important;color:#fff !important;}
form#ctFrm>p{width:40%;font-size:.8em;}
form#ctFrm h3{margin-bottom:10px;color:#f90000;}

/*----section page layout----*/
.sectionCont{position:fixed;width:100%;height:100%;background-color:#312f2f;left:0px;top:0px;z-index:0;}
.subCell{position:absolute;width:100%;height:100%;left:0px;top:0px;z-index:0;border-top:#312f2f 100px solid;overflow:hidden;opacity:0;}

#mediaCell{background:transparent url(../images/media_bg.jpg) no-repeat center center;background-size:cover;}
#techCell{background:transparent url(../images/tech_bg.jpg) no-repeat center center;background-size:cover;}
#propertyCell{background:transparent url(../images/property_bg.jpg) no-repeat center center;background-size:cover;}
#fbCell{background:transparent url(../images/fb_bg.jpg) no-repeat center center;background-size:cover;}
#retailCell{background:transparent url(../images/retail_bg.jpg) no-repeat left center;background-size:cover;}
#lifestyleCell{background:transparent url(../images/lifestyle_bg.jpg) no-repeat left center;background-size:cover;}

.subCell.active{z-index:1;opacity:1;transition:opacity .5s linear;transition-delay:0.2s;}
.subCell.lastAct{z-index:0;opacity:1;}

.subIntro{position:absolute;width:46%;height:100%;padding:0 150px 0 180px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;color:#fff;left:-90%;}
.subIntro h2{position:absolute;-ms-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);transform:rotate(-180deg);writing-mode: vertical-rl;right:0px;top:80px;font-size:8em;letter-spacing:-.04em;line-height:.72em;font-weight:100;opacity:0;}
#mediaCell .subIntro h2{font-size:5.2em;}
.subIntro p{width:100%;opacity:0;margin-top:40px;}
.subIntro p strong{display:block;font-weight:600;margin-bottom:6px;font-size:120%;}
.subIntro a{float:left;white-space:nowrap;padding:0 30px;line-height:50px;border:rgba(255,255,255,0) 1px solid;border-radius:12px;text-decoration:none;color:#fff;font-weight:600;background:rgba(255,255,255,.1);opacity:0;margin-top:40px;}
.subIntro a:hover{border:rgba(255,255,255,.3) 1px solid;}

.subIntro a.dark{border:rgba(0,0,0,0) 1px solid;background:rgba(0,0,0,.2)}
.subIntro a.dark:hover{border:rgba(0,0,0,.3) 1px solid;}

.active .subIntro{left:0%;transition:left 1s ease-in-out;transition-delay:.8s;}
.active .subIntro *{opacity:1;transition:all .5s ease-in-out;}
.active .subIntro h2{top:120px;transition-delay:2s;}
.active .subIntro p{margin-top:0px;transition-delay:2s;}

.lastAct .subIntro{left:0%;}
.lastAct .subIntro *{opacity:1;}
.lastAct .subIntro h2{top:120px;}
.lastAct .subIntro p{margin-top:0px;}

#techCell .subIntro{background-color:#a6c522;}
#mediaCell .subIntro{background-color:#00afbe;}
#propertyCell .subIntro{background-color:#ae7733;}
#fbCell .subIntro{background-color:#a5549b;}
#retailCell .subIntro{background-color:#b42b33;}
#lifestyleCell .subIntro{background-color:#eda52a;}


/*----Single content page----*/
.singleCont{min-height:90%;padding:0 100px;}
.singleCont:before{position:fixed;content:'';display:block;width:100%;height:100%;left:0px;top:0px;background:red;z-index:-1}
.singleCont:after{position:fixed;content:'';display:block;width:100px;height:100%;right:0px;top:0px;background:rgba(0,0,0,0.7);z-index:-1}
#companyCell:before{background:transparent url(../images/company_bg.jpg) no-repeat center center;background-size:cover;}
#careerCell:before{background:transparent url(../images/career_bg.jpg) no-repeat center center;background-size:cover;}
#contactCell:before{background:transparent url(../images/contact_bg.jpg) no-repeat center center;background-size:cover;}
#responseCell:before{background:transparent url(../images/property_bg.jpg) no-repeat center center;background-size:cover;}
#partnerCell:before{background:transparent url(../images/partner_bg.jpg) no-repeat center center;background-size:cover;}
#profileDetail:before{width:46%;left:auto;right:0px;background:transparent url(../images/profile_detail.jpg) no-repeat left center;background-size:cover;border-top:#fff 80px solid;}

.singleCont article{float:left;width:54%;background:rgba(255,255,255,.96);padding:100px 80px 50px;border-top:#312f2f 100px solid;overflow:auto;height:100vh;}
#partnerCell article{position:absolute;height:90vh;width:44%;display:flex;flex-direction:column;justify-content:center;padding-top:0px;gap:30px;}
#partnerCell article h2{text-transform:none;}
#partnerCell article h3{text-transform:none;font-weight:400;}
#partnerCell article a{font-weight:600;font-size:120%;text-decoration:none;color:#a45a95;}
#partnerCell article a:hover{text-decoration:underline;}

#profileDetail article{background:#fff;padding-left:0px;padding-left:210px;padding-right:40px;min-width:896px;}
#profileDetail article form{float:left;width:180px;position:fixed;left:100px;top:200px;}
#profileDetail article form select{display:block;background:#fff;border-radius:3px;font-size:.8em;height:36px;border:#e5e6ea 1px solid;padding:0 10px;outline:none;width:100%;}
#profileDetail article form a{display:block;line-height:36px;font-size:1.2em;font-weight:400;text-decoration:none;color:#35363a;position:relative;margin-bottom:10px;padding-left:22px;}
#profileDetail article form a:before{content:'';display:block;width:10px;height:10px;background:#35363a;position:absolute;left:0px;top:50%;margin-top:-5px;}
#profileDetail article form a:hover{color:#a5549b;}
#profileDetail article form a:hover:before{background:#a5549b}
#profileDetail article form select+a{margin-top:40px;}

#profileDetail article h2{display:block;border-top:#e5e6ea 1px solid;font-size:1.4em;color:#e0007a;line-height:50px;}
#profileDetail article .newsMonth{display:flex;padding-left:100px;margin-top:0px;margin-bottom:16px;}
#profileDetail article h2+.newsMonth{margin-top:-36px;}
#profileDetail article .newsMonth h3{flex:160px 0 0;font-size:1.2em;color:#56575a;}
#profileDetail article .newsMonth .newsList{flex:1;color:#b0b1ba;}
#profileDetail article .newsMonth .newsList a{display:block;text-decoration:none;color:#a5549b;font-size:1.2em;margin-top:10px;line-height:1em;font-weight:600;}
#profileDetail article .newsMonth .newsList a.inlineLinks{display:inline;}
#profileDetail article .newsMonth .newsList a>img{display:inline-block;height:14px;margin-left:4px;opacity:.2;}
#profileDetail article .newsMonth .newsList a:first-child{margin-top:0px;}
#profileDetail article .newsMonth .newsList a:hover{color:#e0007a}
#profileDetail article>a.top{float:right;width:40px;height:40px;background:#f0f1fa;overflow:hidden;margin:-40px -40px 0 0;text-indent:-9999px;position:relative;}
#profileDetail article>a.top:before{content:'';display:block;width:10px;height:10px;border-left:#e0007a 2px solid;border-top:#e0007a 2px solid;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:50%;top:50%;margin:-4px 0 0 -5px;}

#contactCell{display:flex;flex-wrap:wrap;}
#contactCell article{width:50%;background:rgba(0,0,0,0.9);padding:240px 80px 80px;color:#fff;position:relative;min-height:100%;}
#contactCell form#ctFrm{z-index:0;}
#contactCell form#ctFrm>input:hover{color:#000;background:#fff;}
#contactCell form#ctFrm>input{background:#a45a95 !important;color:#fff !important;}

.singleCont article h2{text-transform:uppercase;font-size:1.4em;font-weight:600;}
.singleCont article h3{text-transform:uppercase;font-size:1.2em;font-weight:600;}
.singleCont article p{font-size:1em;line-height:1.4em;margin-bottom:1.4em;}
.singleCont article p a{font-weight:600;color:#e8e9ea;}
.singleCont article p a:hover{text-decoration:none;color:#f7d80b;}
#contactCell article h3{font-size:1em;width:100%;margin-bottom:20px;color:#a45a95;position:absolute;bottom:0%;left:0%;text-align:right;padding-left:140px;}

.singleCont article>img{max-width:100%;margin:20px 0 50px;}
.singleCont article>img.right{padding-left:55%;}
.singleCont article>img+small{display:block;margin:-48px 0 50px;background:#e0e1ea;padding:10px;font-size:80%;}
.singleCont article>img+small strong{font-weight:bold;}

#careerCell h2{margin:0 0 1em;}
#careerCell figure{float:left;padding:8px 10px;background:#a90000;border-radius:20px;color:#fff;font-size:.8em;font-weight:800;text-transform:uppercase;cursor:pointer;}
#careerCell #alert{float:left;width:100%;background:#fee8bd;padding:20px 20px 10px;font-size:.75em;font-weight:600;border-radius:10px;color:#333;margin-top:10px;}#careerCell #alert p strong{font-size:150%;color:#a90000;}
#careerCell .active+#alert{display:block;}
#careerCell #alert p{line-height:1.2em;margin-bottom:.8em;}
#careerCell dt{display:block;line-height:40px;font-weight:600;font-size:1.4em;padding:0px;position:relative;margin-top:1.5em;}
#careerCell dt:before{content:'';display:block;width:6px;height:12px;background:#a45a95;position:absolute;left:-20px;top:50%;margin:-6px 0 0;border-radius:3px;}
#careerCell h3{display:block;font-size:1em;color:#a45a95;margin-top:1.4em;}
#careerCell h4{display:block;font-size:1.1em;margin:.4em 0;font-weight:600;}
#careerCell ul{padding:0px;margin:0 0 .6em 1.2em;}
#careerCell li{line-height:1.2em;margin-bottom:10px;}
#careerCell a{position:static;display:block;background:rgba(0,0,0,0.2);color:#fff;text-align:center;text-decoration:none;line-height:50px;}
#careerCell a:hover{background:#a45a95;}

/*New detail page bottom navigation*/
#pageNavi{display:flex;flex-wrap:wrap;gap:6px;padding-top:40px;justify-content:center;font-weight:600;font-size:.9em;position:fixed;right:110px;bottom:20px;z-index:21;}
#pageNavi span{width:18px;height:6px;border-radius:6px;background:#edb63f;position:relative;overflow:visible;}
#pageNavi div{display:block;width:159px;position:absolute;bottom:-10px;background:#312f2f;padding:20px 10px;left:50%;margin-left:-80px;opacity:0;visibility:hidden;}
#pageNavi div:before{content:'Fairchild Group';display:block;text-align:center;color:#eee;margin-bottom:6px;}
#pageNavi div a{display:block;text-align:center;font-size:85%;margin-top:6px;text-decoration:none;color:#edb63f;font-weight:400;}
#pageNavi div a:hover{color:#fff !important;}
#pageNavi:hover div{opacity:1;visibility:visible;bottom:0px;transition:all .2s ease-out;}

#pageNavi div a:first-child{color:#66aabc;}
#pageNavi div a:nth-child(2){color:#b4c747;}
#pageNavi div a:nth-child(3){color:#bb8e47;}
#pageNavi div a:nth-child(4){color:#ec008c;}
#pageNavi div a:nth-child(5){color:#bf2628;}

#pageNavi span:first-child{background:#66aabc;}
#pageNavi span:nth-child(2){background:#b4c747;}
#pageNavi span:nth-child(3){background:#bb8e47;}
#pageNavi span:nth-child(4){background:#ec008c;}
#pageNavi span:nth-child(5){background:#bf2628;}

footer{float:left;width:100%;background:#312f2f;height:auto;padding:50px 30px;position:relative;z-index:21;}
#homePage footer,#sectionPage footer{position:fixed;width:100%;height:100px;border-top:rgba(255,255,255,.1) 1px solid;left:0px;bottom:0px;z-index:20;background:none;}
footer>aside{float:left;width:16%;}
#homePage footer>aside,#sectionPage footer>aside{float:right;}
footer>aside figure{display:flex;width:10%;position:absolute;bottom:55px;justify-content:space-between;}
#homePage footer>aside figure,#sectionPage footer>aside figure{bottom:65px;}
footer>aside figure span{display:block;width:13%;height:8px;border-radius:4px;background:#cad212;}
footer>aside figure span:first-child{background:#e0007a;}
footer>aside figure span:nth-child(2){background:#00afbe;}
footer>aside figure span:nth-child(3){background:#f77e0b;}
footer>aside figure span:nth-child(4){background:#a6c522;}
footer>aside figure span:nth-child(5){background:#a5549b;}
footer>div{float:right;width:84%;}
footer #fLogo{display:block;width:140px;}
footer nav{float:left;border-top:#fff 1px solid;}
footer nav a{display:block;line-height:44px;border-bottom:#fff 1px solid;font-size:1.2em;text-decoration:none;padding:0 20px 0 2px;color:#fff;}
footer>nav a:hover{color:#999;}
footer dl{float:right;font-size:.8em;color:#e0e1ea;}
footer dl dt{float:left;clear:left;width:120px;font-weight:bold;padding:0 0 8px;}
footer dl dd{float:left;padding:0 0 8px;}
footer dl .gap{margin-top:20px;}

.detailJumper{display:block;width:80px;height:80px;position:fixed;z-index:50;top:50%;margin-top:-40px;}
.detailJumper:before{content:'';display:block;width:50px;height:50px;position:absolute;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);left:50%;top:50%;opacity:.7;margin-top:-10px;}
.detailJumper:hover:before{opacity:1;}
#prevDetail{left:10px;}
#nextDetail{right:10px;}
#prevDetail:before{border-bottom:#fff 2px solid;border-left:#fff 2px solid;margin-left:-10px;}
#nextDetail:before{border-top:#fff 2px solid;border-right:#fff 2px solid;margin-left:-40px;}

.imgDiv{/*display:flex;justify-content:space-between;*/margin:80px 0 50px;}
.imgDiv img{display:block;max-width:100%;}
h2.narrow+.imgDiv,h2.narrow+div .imgDiv{margin-top:0px;}
/*.imgDiv img{width:auto !important;max-width:100%;opacity:0;-ms-transform:translateY(40px);-webkit-transform:translateY(40px);transform:translateY(40px);}
.imgDiv.active img{-ms-transform:translateY(0px);-webkit-transform:translateY(0px);transform:translateY(0px);opacity:1;transition:all .45s ease-out;}
.imgDiv.active img:last-child{transition-delay:.3s;}*/


#mNav{display:none;}

.pdfLinks{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;border-top:#d6d7da 1px solid;margin-top:40px;}
.pdfLinks a{display:block;width:100%;padding:16px 0;border-bottom:#b6b7ba 1px dashed;text-decoration:none;font-weight:500;color:#35363a;position:relative;transition:all .25s linear;}
.pdfLinks a:hover{background:#a45a95;color:#fff;padding-left:20px;}

#responseCell article p a{color:#a45a95;}

@media (min-width: 1400px){
section.detailCont .pageTitle h1{font-size:10em;}
footer{padding:50px 100px;}
.detailCont article h2.narrow{font-size:1.2em;}
}

@media (max-width: 1200px){
html,body{font-size:90%;}
body#homePage{background:transparent url(../images/home_bg.jpg) no-repeat 20% center;overflow:hidden;}

body:before{content:'';display:block;width:100px;height:100%;border-right:rgba(255,255,255,.1) 1px solid;z-index:30}
body:after{content:'';display:block;width:100px;height:100%;border-left:rgba(255,255,255,.1) 1px solid;z-index:30}
body#sectionPage:before,body#sectionPage:after{background:none;}

#site-logo{margin-left:0px;}
#dkNav{display:none;}
#mNav{display:block;height:40px;background:#23242a;position:absolute;right:100px;top:30px;text-align:center;line-height:40px;color:#a45a95;text-transform:uppercase;font-weight:bold;font-size:.9em;}
#mNav:before{content:attr(data-before);display:block;transition:all .2s linear;opacity:1;padding:0 20px;}
#mNav:after{content:attr(data-after);display:block;width:100%;position:absolute;left:0%;top:0%;transition:all .2s linear;opacity:0;}

header nav{width:100%;top:100px;left:0%;right:auto;padding:0px;opacity:0;visibility:hidden;transition:none;}
header.active nav{overflow:visible;}
header:before,header:after{display:none;}
header.active nav.sub-active{left:-100%;transition:left 1s ease-in-out;}
header.active nav{transition:all .4s ease-in-out;opacity:1;visibility:visible;background:#312f2f}

header.active #mNav:before{opacity:0;}
header.active #mNav:after{opacity:1;}

#language{height:54px;background:none;padding:0 20px;top:23px;right:214px;border:none;gap:0px;}
#language a{line-height:54px;height:auto;margin:0 7px;}

header nav #mainNavi > div > ul {border-left: none;margin-left: 10px;}
header nav #mainNavi > div > a:nth-child(2):before {display:none;}
header nav #mainNavi{float:left;width:100%;display:block;padding:80px 100px 0;border-top:rgba(255,255,255,0.1) 1px solid;}
header nav.sub-active #mainNavi{margin-left:0%;}
header nav #mainNavi div{display:block;width:100%;padding-left:0px;font-size:1.8em;}
header nav #mainNavi aside{display:block;width:100%;text-align:left;font-size:1.6em;}
header nav #mainNavi a{float:none;display:block;font-weight:bold;margin:1em 0 !important;position:relative;}
header nav #mainNavi a:before{display:none;}
header nav #mainNavi div a:before{content:'';display:block;width:14px;height:14px;border-right:#fff 2px solid;border-bottom:#fff 2px solid;position:absolute;right:20px;top:8px;opacity:1;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}

header nav .subNavi{position:absolute;width:100%;left:100%;top:0px !important;padding:80px 100px 20px;display:none;height:100%;-ms-transform:none;-webkit-transform:none;transform:none;z-index:-1;transition:all .25s ease-in;background:#312f2f}

header nav .subNavi h1{width:100%;padding-left:0px;font-size:2em;}	
header nav .subNavi li{margin:1em 0 10px;font-size:1.6em;position:relative;}
header nav .subNavi li:before{content:'';display:block;width:12px;height:12px;border-right:#fff 2px solid;border-bottom:#fff 2px solid;position:absolute;right:20px;top:4px;opacity:1;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);}	
header nav .subNavi li a{color:#868080;text-decoration:none;font-weight:bold;}
header nav .subNavi li a:hover,header nav .subNavi li a.active{font-weight:800;color:#fff;}
header nav .subNavi.active{display:block;left:100%;}	
header nav .subNavi li img{display:none}

header nav .subNavi figure{width:60px;height:40px;position:absolute;left:100px;top:30px;}
header nav .subNavi figure:before{content:'';display:block;width:20px;height:20px;border-left:#fff 2px solid;border-bottom:#fff 2px solid;position:absolute;left:4px;top:4px;opacity:1;-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);}
header nav .subNavi figure:after{content:'';display:block;width:30px;height:2px;background:#fff;position:absolute;left:2px;top:13px;}

#rainBow{position:fixed;display:block;width:200%;height:100%;background:linear-gradient(90deg, rgba(224,11,123,1) 0%, rgba(202,210,19,1) 17%, rgba(165,85,154,1) 34%, rgba(166,196,35,1) 51%, rgba(1,175,189,1) 68%, rgba(243,110,25,1) 85%, rgba(224,11,123,1) 100%);;background-repeat:repeat-x;animation:bgMove 16s linear infinite;background-size:50% 100%;mix-blend-mode:multiply;}

@keyframes bgMove {
  0%   {background-position:0% 100%}
  100% {background-position:50% 100%}
}

.subCell.active{transition:opacity .5s linear;transition-delay:1s;overflow:scroll;}
.subCell{left:0px;top:0px;z-index:0;overflow:visible;background:#312f2f !important}
.subCell:before{content:'';display:block;width:100%;padding-top:70%;}

#slogan{display:none;}

#lifestyleCell:before{background:transparent url(../images/lifestyle_bg.jpg) no-repeat right top;background-size:auto 100%;}
#techCell:before{background:transparent url(../images/tech_bg.jpg) no-repeat right top;background-size:auto 125%;}
#mediaCell:before{background:transparent url(../images/media_bg.jpg) no-repeat right top;background-size:auto 100%;}
#propertyCell:before{background:transparent url(../images/property_bg.jpg) no-repeat right top;background-size:auto 100%;}
#fbCell:before{background:transparent url(../images/fb_bg.jpg) no-repeat right top;background-size:auto 100%;}
#retailCell:before{background:transparent url(../images/retail_bg.jpg) no-repeat right top;background-size:auto 100%;}

.subCell.active{z-index:1;opacity:1;transition:opacity .5s linear;transition-delay:0.4s;}

.subIntro{position:static;width:100%;height:auto;padding:0 100px 100px 100px;display:flex;flex-wrap:wrap;align-items:center;color:#fff;left:-90%;}
.subIntro h2{position:static;width:100%;-ms-transform:none;-webkit-transform:none;transform:none;writing-mode:lr;font-size:8em;letter-spacing:-.04em;line-height:.72em;font-weight:100;opacity:1;margin-bottom:80px;}
.subIntro p{width:100%;opacity:1;margin-top:0px;font-size:1.2em;}

.subIntro a{float:left;white-space:nowrap;padding:0 30px;line-height:50px;position:static;margin:50px 0;}
.subIntro a:hover{border:rgba(255,255,255,.3) 1px solid;}

.active .subIntro{position:static;width:100%;left:0%;transition:left 1s ease-in-out;transition-delay:1.4s;}
.active .subIntro *{opacity:1;transition:all 1.1s ease-in-out;}
.active .subIntro h2{top:140px;transition-delay:2.6s;}
.active .subIntro p{margin-top:0px;transition-delay:2.6s;}

.singleCont article{width:100%;padding:200px 50px 50px;border:none;height:auto;}
section.detailCont{padding-top:0px;}
section.detailCont .pageTitle{position:relative;height:0px;padding-top:54%;border-bottom:none;background-size:cover;}
section.detailCont .pageTitle h1{font-size:5em;font-weight:100;position:absolute;top:100%;bottom:auto;left:0px;padding:0 130px;text-shadow:none;width:100%;z-index:4;}

.detailCont article{padding:0 0 50px;}
.detailCont article h2,.detailCont article h3,.detailCont article p{padding:0 130px !important;}
.detailCont article h2{/*color:#fff;*/padding-top:120px !important;padding-bottom:80px !important;position:relative;z-index:3;}
.detailCont article .narrow{padding-right:0%;position:relative;}
.detailCont article .outSite{position:relative;left:50%;margin:40px 0;-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:2;}


.detailCont article h2.narrow{position:static;width:100%;color:#35363a;height:auto;}
.detailCont article h2.narrow:before{display:none;}
#pageNavi{display:none;}

.detailCont article h2+img{margin-top:0px;}

/*#mediaDetail article h2,#mediaDetail .pageTitle h1{background:#00afbe;}
#retailDetail article h2,#retailDetail .pageTitle h1{background:#b42b33;}
#techDetail article h2,#techDetail .pageTitle h1{background:#a6c522;}
#lifeDetail article h2,#lifeDetail .pageTitle h1{background:#eda52a;}
#propertyDetail article h2,#propertyDetail .pageTitle h1{background:#ae7733;}
#fnbDetail article h2,#fnbDetail .pageTitle h1{background:#a5549b;}*/

.detailCont aside{padding:70px 0 50px;flex-wrap:wrap;}
.detailCont aside h2{font-weight:700;font-size:1.6em;padding:0 130px;margin-bottom:40px;}
form#ctFrm{display:flex;width:100%;padding:0 130px;}
.detailCont aside form#ctFrm{width:100%;z-index:1;}



.detailCont article .logoLinks{position:static;float:left;width:100%;padding:0 120px;display:flex;justify-content:center;gap:30px;}
.detailCont article .logoLinks a{float:left;margin:0px;height:40px;}
.detailCont article .logoLinks a img{max-width:100%;width:auto;max-height:100%;margin:0px !important;padding:0px !important;}

.detailCont article .logoLinks a{-ms-transform:none;-webkit-transform:none;transform:none;line-height:36px;left:0px;}


#contactCell article{width:60%;padding:80px 45px;position:relative;}
#partnerCell article{width:60%;}
#contactCell form#ctFrm{padding:80px 0 0;}

#contactCell form#ctFrm label,#contactCell form#ctFrm>p,#contactCell form#ctFrm>input{width:100%;}
#contactCell form#ctFrm>input{margin-top:30px;}

#contactCell article h3{font-size:1.1em;width:100%;margin-bottom:70px;position:absolute;bottom:0%;top:auto;left:0%;text-align:center;}

#profileDetail:before{width:100%;left:0;right:auto;background:transparent url(../images/profile_detail.jpg) no-repeat left center;background-size:cover;}
#profileDetail article{padding-left:10px;padding-right:10px;min-width:0px;}
#profileDetail article form{width:100%;left:0px;top:100px;border-left:transparent 100px solid;border-right:transparent 100px solid;padding:0 10px;z-index:10;display:flex;flex-wrap:wrap;justify-content:space-between;}
#profileDetail article form:before{content:'';width:100%;height:100%;left:0px;top:100px;background:#fff;position:absolute;left:0px;top:0px;z-index:-1;}
#profileDetail article form select{display:block;background:#e8e9ea;border-radius:3px;font-size:.8em;height:36px;border:none;padding:0 10px;outline:none;width:100%;margin-bottom:10px;}
#profileDetail article form a{display:block;width:auto;margin-top:0px !important}

#profileDetail article .newsMonth{display:flex;padding-left:70px;margin-top:0px;margin-bottom:16px;padding-right:30px;}
#profileDetail article .newsMonth h3{flex:120px 0 0;}
#profileDetail article a+h2{margin-top:36px;}
#profileDetail article>a.top{margin:-20px 0 0;}

footer{padding-left:130px;padding-right:130px;z-index:19;}
footer>aside{float:right;width:100%;}
footer>div{float:left;width:100%;}
footer nav{width:100%;}
footer dl{width:100%;margin:30px 0;}
footer dl dt{width:100%;padding:0 0 2px !important;margin:0px !important;}
footer dl dd{width:100%;padding:0 0 12px !important;margin:0px !important;}
#sectionPage footer{display:none;}
#homePage footer{height:60px;padding-top:30px;}
#homePage footer>aside figure{bottom:45px;}
footer>aside figure{width:20%;right:130px;}
}

@media (max-width: 900px){
#rainBow{width:200%;background-size:100% 100%;}
section.detailCont .pageTitle{padding-top:52%;}

#meeting,#meetingCell{background:#312f2f url(../images/group_bg_tablet.jpg) no-repeat center center;background-size:cover;}
#meeting:before,#meetingCell:before{display:block;height:auto;top:65%;text-align:left;padding:0 45% 0 115px;font-size:4.5em;color:#fff;opacity:1;}

#contactCell article{width:80%;}
}


@media (max-width: 600px){
body:before,body:after{width:40px;}
header,footer,.singleCont,.singleCont article,.subIntro{padding-left:40px;padding-right:40px;min-height:0px;}
header{height:90px;}
#site-logo{height:50px !important;margin-top:20px !important;}
#mNav{right:36px;top:25px;-ms-transform:scale(.8);-webkit-transform:scale(.8);transform:scale(.8);font-size:1em;}
#language{right:86px;top:18px;}
header nav{top:90px;}
header nav .subNavi,header nav #mainNavi{padding:0px 50px 20px;}
header nav #mainNavi div{font-size:1.6em;}
header nav #mainNavi aside{font-size:1.4em;}
header nav #mainNavi div a:before,header nav .subNavi li:before{right:0px;}
header nav .subNavi h1{font-size:2.4em;}
header nav .subNavi figure{left:50px;}

#homePage section h1{font-size:5em;left:45px;}
#homePage section h2{font-size:1.6em;left:124px;}

#meeting,#meetingCell{background:#312f2f url(../images/group_bg_cell.jpg) no-repeat center center;background-size:cover;}
#meeting:before,#meetingCell:before{display:block;height:auto;top:64%;text-align:left;padding:0 15% 0 55px;font-size:2.5em;color:#fff;}

section.detailCont .pageTitle{padding-top:56%;}
.subCell:before{padding-top:90%;}
.subIntro{overflow:hidden;}
.subIntro h2{font-size:5.2em;}
#mediaCell .subIntro h2,section.detailCont .pageTitle h1{font-size:4em;}
#mediaCell .subIntro h2{font-size:3.5em;}
section.detailCont{margin-top:90px;overflow:hidden;}
section.detailCont:before,section.detailCont:after{width:39px;}
section.detailCont .pageTitle h1{padding:0px;text-align:center;}
.detailCont article h2,.detailCont article h3,.detailCont article p,.detailCont aside{padding:0 45px !important;}
.detailCont article h2{font-size:1.2em;padding-top:80px !important;padding-bottom:60px !important;}
.detailCont aside h2{padding:40px 0 20px;}
form#ctFrm{padding:0 0 40px;}
form#ctFrm label,form#ctFrm>p,form#ctFrm>input{width:100%;}
form#ctFrm>input{margin-top:30px;}

.singleCont{padding:0px;margin-top:90px;}
.singleCont:before{position:relative;content:'';display:block;width:100%;padding-top:75%;z-index:-1}
.singleCont:after{width:40px;height:100%;}

.singleCont article{width:100%;padding-top:40px;}

#contactCell article{width:100%;padding:80px 45px;}

#partnerCell article{width:100%;position:relative;height:auto;padding-top:80px;}

#profileDetail article {padding-top:30px;}
#profileDetail:before{border:none;}
#profileDetail article form{width:100%;left:0px;top:auto;bottom:0px;border:none;padding:20px 20px 0;z-index:20px;}
#profileDetail article form:before{background:#F0f1fa;}
#profileDetail article form select{background:#fff;}
#profileDetail article form a{margin:0px;}

#profileDetail article h2{font-size:1.8em;}
#profileDetail article h2+.newsMonth{margin-top:0px;}
#profileDetail article .newsMonth{padding:0px;flex-wrap:wrap;}
#profileDetail article .newsMonth h3{flex:auto;font-size:1em;with:100%}
#profileDetail article .newsMonth .newsList{flex:auto;width:100%;}

.detailCont article .logoLinks{padding:0 40px;}
.detailJumper{display:none;}

footer>aside figure{width:32%;right:45px;}
}

@media (max-width: 480px){
#language{height:90px;width:40px;padding:0px;top:0px;right:0px !important;flex-direction:column;gap:12px;justify-content:center;}
#language a{text-align:center;line-height:14px;}
a.normalCTA{display:block;text-align:center;width:100%;margin:0 0 20px !important;}
}