/* Theme Name: MWCs16 Theme URI: http://gsma.com Author: the GSMA team Author URI: http://gsma.com Description: 2015 Wordpress theme for MWC16 website - a fresh new look and feel. Version: 1.1 License: GNU General Public License v2 or later License URI: http://www.gnu.org/licenses/gpl-2.0.html Tags:gsma, MWC16, Mobile World Congress Text Domain: gsma */ /*200 - extra light 300 - light 400 - book 500 - medium 700 - bold 800 - black*/ body {background: #fff;color: #333;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 15px;font-size: 1.5rem;line-height: 1.6; } button, input[type="button"], input[type="reset"], input[type="submit"], button, input[type="button"], input[type="reset"], input[type="submit"]{-webkit-transition: background-color .15s linear;-moz-transition: background-color .15s linear; -o-transition: background-color .15s linear; -ms-transition: background-color .15s linear; transition: background-color .15s linear} button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, button:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus {background-color: #707070;background-color: rgba(51, 51, 51, 0.7); outline: 0; } input[type="search"] {-webkit-appearance: textfield;} input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;} button::-moz-focus-inner, input::-moz-focus-inner {border: 0; padding: 0;} textarea {overflow: auto;vertical-align: top;} input[type="text"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, textarea:focus {outline: 0;} input[type="checkbox"], input[type="radio"] {padding: 0;} h1,h2,h3,h4,h5,h6 { font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight: 100; line-height: 1.1; font-weight: normal; } h1,h2,h3 { margin-top: 20px; margin-bottom: 10px; } h4,h5,h6 { margin-top: 10px; margin-bottom: 10px; } h1{ font-size: 36px; } h2{ font-size: 30px; } h3{ font-size: 24px; } h4{ font-size: 18px; } h5 { font-size: 14px; } h6{ font-size: 12px; } .all-trans-def{ } .wrapper{width:100%; float:left;} .header-container{width:100%; float:left;background:#fff; position:relative; z-index:5; overflow:hidden;} .menu-container{width:100%; height: 48px; left: 0; position: absolute; top: 120px;background:url(images/menu_bg.png) no-repeat center center #fff; background-size:cover; z-index:5;} .logged-in .menu-container{top: 152px;} .menu-holder{width:100%; float:left; height:48px;} .padder{width:100%; float:left; height:0px; position:relative;} .page-container{width:100%; float:left; background:#C9C9C9; position:relative;} .footer-container{width:100%; float:left; background:#fff;} .footer-graph{width:100%;float:left; position:relative;} .footer-graph img{ max-width:100%;float:left;} .footer-logo{ position:absolute;width: 15%; height:30px; right: 15%; top: 5%; } .footer-logo img{ max-width:100%;float:left;} .header{width:100%; height:120px; margin:0 auto; max-width:980px; position:relative;} .header-center-graph{width:100%; height:120px; position:absolute; top:0; left:40% ;background:url(images/header_center_retina.png) no-repeat 0 0 ;background-size:485px; z-index:2;} .header-right-graph{width:100%; height:120px; position:absolute; top:0; left:90%;background:url(images/header_right_retina.png) no-repeat 0 0;background-size:1123px ;z-index:1;} .header .logo{height:78px; width:243px; float:left;background:url(images/mwc16_logo.png) no-repeat 0 0; background-size:100%; margin-top:20px;} .header .logo h1{ text-indent:-99999px;} .header .top-links{ float:right; position:relative; z-index:3;} .header .top-links a{ float:left;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 11px;color:#fff; text-transform:uppercase; background:#861979; margin:0; padding:0 15px; height:22px; line-height:22px;} .header .top-links a:first-child{background:#ea1f25;} .header .top-links a:nth-child(3n+3){background:#f99332;} .menu-container .menu{ width:100%;height:48px; margin:0 auto; max-width:1000px; } .menu-container .menu .item { position:relative; float:left;} .menu-container .menu .mobile-item{ display:none;} .menu-container .menu .item > a {font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 18px;color:#fff; text-transform:uppercase; text-align:center; margin:0; padding:0 20px; height:48px; line-height:48px; float:left; width:100%; box-sizing:border-box;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; -ms-transition: background-color .2s linear; transition: background-color .2s linear; min-width:60px;} .menu-container .cn .item > a {font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 18px;color:#fff; text-transform:uppercase; text-align:center; margin:0; padding:0 38px; height:48px; line-height:48px; float:left; width:100%; box-sizing:border-box;-webkit-transition: background-color .2s linear;-moz-transition: background-color .2s linear; -o-transition: background-color .2s linear; -ms-transition: background-color .2s linear; transition: background-color .2s linear; min-width:60px;} .menu-container .menu .item .search-btn{ background:url(images/search_icon.png) no-repeat center center; background-size:25px 25px;margin-right: -10px; padding: 0 !important;} .ie8 .menu-container .menu .item .search-btn{ background:url(images/search_icon_ie.png) no-repeat center center;} .menu-container .menu .sub{position:absolute; min-width:280px;top:40px; left:0; padding:0; color:#FFF; overflow:hidden;display:block; z-index:1;-webkit-transition:all .12s ease;-moz-transition: all .12s ease; -o-transition: all .12s ease; -ms-transition: all .12s ease-in; transition: all .12s ease; } .menu-container .menu .item:nth-of-type(4) .sub{min-width:280px;} .menu-container .menu .item:nth-of-type(5) .sub{min-width:370px;} .menu-container .menu .item:nth-of-type(6) .sub{min-width:280px;} .menu-container .menu .item:nth-of-type(7) .sub{min-width:240px; left:-67px;} .menu-container .menu .item:nth-child(7) a:first-child:after {margin-left: 67px;} .menu-container .menu .item .wrap-items{ height:100%; } .menu-container .menu .item .wrap-items:not(.item_open){ height:0 !important;overflow:hidden;} .menu-container .menu .item .sub > .wrap-items, .menu-container .menu .item .sub > .item_open{ height:0 !important;overflow:hidden; } .menu-container .menu .sub a{background:#ea6008 !important; float:left; font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 16px;color:#fff; padding:0 25px; line-height:50px; width:100%;-webkit-transition: background-color .1s linear;-moz-transition: background-color .1s linear; -o-transition: background-color .1s linear; -ms-transition: background-color .1s linear; transition: background-color .1s linear; overflow:hidden;} .menu-container .menu .sub > a:first-child{margin-top:10px;} .menu-container .menu .sub > a:last-child{-webkit-box-shadow: 0 3px 2px 0 rgba(0,0,0,.1);box-shadow: 0 3px 2px 0 rgba(0,0,0,.1);} .menu-container .menu .sub > a:first-child:after{ content:''; position:absolute; left:48%; top:0px; width:0;height:0; border-left: 7px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid #ea6008;-webkit-transition:all .1s ease-in;-moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; -ms-transition: all .1s ease-in; transition: all .1s ease-in; } .menu-container .menu .sub > a:hover{ background:#e30513 !important;} .menu-container .menu .sub > a:first-child:hover:after{ border-bottom: 10px solid #ea6008 !important; } .menu-container .menu .item >a:hover,.menu-container .menu .item > a:focus,.menu-container .menu .item > a .active,.menu-container .menu .item:hover a,.menu-container .menu .item_open a{ background-color:rgba(255, 255, 255, .3);} .menu-container .menu .sub .sub-sub a{ background:#aa0016 !important; } .seacrh-drop .wrap-items{ height:130px !important; width:1000px; left:-990px !important; right:auto; margin-left:100%; } .main-search-holder{background:#ea6008; width:100%; height:100%; float:left; position:relative;} .menu .seacrh-drop .wrap-items a:first-child:after { left: auto !important; right:25px !important; } blockquote { color:#009EDE;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:200;font-size: 24px;margin:0; quotes: "\201C""\201D""\2018""\2019"; line-height:1.3; font-style:italic; text-align:center; } blockquote:before { content: open-quote; color:#009EDE;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:200;font-size: 24px;margin:0; line-height: 0.1em; margin-right: 0.25em; vertical-align:auto; font-style:italic; } blockquote:after { content: close-quote; color:#009EDE;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:200;font-size: 24px;margin:0; line-height: 0.1em; margin-right: 0.25em; vertical-align:auto; font-style:italic; } blockquote p { display: inline; } .col{ margin:0 auto; max-width:980px; min-height:300px; position:relative;} .grey{ background:#C9C9C9;} .col img{ max-width:100%; float:left;} .crumbs{width:100%; float:left; background:#332471; position:relative;} .crumbs .col{ min-height:32px;} .crumbs .col a {color:#DBE0EE;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500;font-size: 12px; line-height:32px; text-decoration:underline; float:left;} .crumbs .col span{color:#DBE0EE;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500;font-size: 12px; line-height:32px; float:left; margin:0 5px;} /*splash*/ .splash{ width:100%; padding:30px 0 35px 0; float:left;background:url(images/splash_blue.png) no-repeat center top; background-size:cover; position:relative;} .splash .col{ color:#2F2F31;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:300;font-size: 20px; line-height:28px;} .triangle-down-right { position:absolute; top:0px; width: 100%; height: 0; padding-top:500px; overflow: hidden;} .triangle-down-right:after {content: "";display: block; width: 0; height: 0; margin-top:-229px;border-top: 230px solid transparent; border-right: 2560px solid #fff;-moz-transform: scale(.9999);} .rectangle-down{position:absolute; background:#FFF; left:0; top:500px; right:0; bottom:0; } .splash .rusty{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(images/splash_rust.png) repeat;} .splash .grad-border {position:absolute; left:0; bottom:0; right:0; height:3px; background:url(images/menu_bg.png) no-repeat center top; background-size:cover;} .splash-bottom{ width:100%; float:left; background:#890008;} .tab{ width:50%; float:left; position:relative;} .tab a{ background:#b31d09 ;line-height:31px; float:left; padding:20px 0 15px 0;text-align:center; width:100%; color:#f52b0c; font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500;font-size: 15px;-webkit-transition: all .15s linear;-moz-transition: all .15s linear; -o-transition: all .15s linear; -ms-transition: ball .15s linear; transition: all .15s linear;} .tab a p{font-weight:400;font-size: 13px;line-height:16px; height:16px; margin:0;} .tab a span{padding-right:15px;} .tab a:hover,.tab a:focus,.active-tab a{ background:#f52b0c; color:#fff;} .active-tab a:first-child:after{ content:''; position:absolute; left:48%; top:-23px; width:0;height:0; border-left: 22px solid transparent; border-right: 22px solid transparent; border-bottom: 23px solid #f52b0c;-webkit-transition:all .1s ease-in;-moz-transition: all .1s ease-in; -o-transition: all .1s ease-in; -ms-transition: all .1s ease-in; transition: all .1s ease-in; } .active-tab a:hover span{ text-decoration:underline !important; background:url(images/tab_active_arrow.png) no-repeat right center;} .splash-content{ position:relative; float:left; width:100%;} .tab-content{position:relative; float:left; width:100%; height:0; visibility:hidden; filter: alpha(opacity=0);opacity:0; -webkit-transition: opacity .3s;-moz-transition: opacity .3s;-ms-transition: opacity .3s;-o-transition: opacity .3s; transition: opacity .3s;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px); overflow:hidden;} .tab-content img{ transform:scale(1.2);-webkit-transition: -webkit-transform 0.2s ease; -moz-transition: -moz-transform 0.2s ease; -ms-transition: -ms-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; transition: transform 0.2s ease; } .splash-content .tab-content-active{ filter: alpha(opacity=100);opacity:1;visibility:visible; height:auto !important;} .splash-content .tab-content-active img{ transform:scale(1.0); width:100%; height:auto;} .splash-content h1{ font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500;font-size: 34px; color:#E30513; position:absolute; bottom:90px; width:45%; right:65px;text-align:right;} .splash-content h1 span{ font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500;font-size: 18px; color:#fff; float:left; text-align:right; width:100%;} .main-search { position:absolute; width:80%; max-width:630px; margin:0 auto; height:60px; top:30px; left:0; right:0; padding:0; z-index:1; filter: alpha(opacity=90);/*opacity:.9;*/ } .main-search .fields{ float:left; width:100%;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);box-shadow: 0 1px 2px 0 rgba(0,0,0,.3); padding-right:60px; position:relative;} .main-search input[type="text"]{font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 16px; font-style:italic;color:#909090; float:left; width:100%; height:60px; border:0 none; padding:0 28px; } .ie8 .main-search input[type="text"]{font-size: 18px; line-height:60px;} .ie7 .splash .main-search input[type="text"],.ie8 .splash .main-search input[type="text"],.ie9 .splash .main-search input[type="text"]{ display:none;} .ie7 .splash .main-search .old-browser,.ie8 .splash .main-search .old-browser,.ie9 .splash .main-search .old-browser{ display:block !important;} .ie8 .splash .main-search .old-browser{font-size: 18px; line-height:60px;} .main-search .simpleselect{font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 16px;color:#909090; float:left; height:60px; width:40%; border:0 none; text-align:right; } .main-search .simpleselect .placeholder {float:left; height:60px; width:100%;} .simpleselect.active .options{height: auto !important; overflow-y: scroll !important; opacity: 1 !important; display: block !important; top: 0px !important; max-height:200px;} .main-search .submit{ border:0 none; width:60px; height:60px; padding:0; background:url(images/search_icon.png) no-repeat center center #E30513; background-size:25px 25px; position:absolute; right:0; top:0; } .inner-boxes{ width:100%; position:relative; float:left; margin-top:15px;} .inner-boxes .in-box{ width:100%;max-width:320px; height:160px; margin:0 0 10px 0; padding:0; float:left; position:relative;} .in-box .hold-in-image{position:absolute; width:100%; top:0; left:0; right:0; bottom:0; overflow:hidden; z-index:1;mix-blend-mode: multiply;} .in-box .hold-in-image img{ width:100%;-webkit-filter: grayscale(1); -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: url(images/grey.svg#greyscale); filter: gray;z-index:1; } /*.ie7 .in-box .hold-in-image img,ie8 .in-box .hold-in-image img,.ie9 .in-box .hold-in-image img{ -webkit-filter: none; filter: none; }*/ .inner-boxes .sponsor .hold-in-image{mix-blend-mode:normal; background:#007AB6;} .inner-boxes .sponsor .hold-in-image img { -webkit-filter: none;filter:none;} .inner-boxes .in-box:nth-child(3n+2){ margin:0 10px 10px 10px; padding:0; float:left; position:relative;} .in-box h2{ position:absolute; left:20px; top:30px; width:70%;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400 !important;font-size: 22px !important; margin:0 !important;color:#fff !important; z-index:2; } .in-box .white-bullet{ z-index:2;} .in-box .sponsor-bottom-link{ position:absolute; left:0;right:0; bottom:0; width:100%; height:40px; background:rgba(0,0,0,.2); z-index:1;} .in-box .sponsor-bottom-link span{ color:#FFF;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 12px; line-height:40px; float:left; padding:0 20px;} .in-box .effect{position:absolute; left:0; top:0;right:0; bottom:0; z-index:1; } .inner-boxes .in-box:nth-child(6n+6) .effect{ background:url(images/light_blue_px.png) repeat; } .inner-boxes .in-box:nth-child(6n+5) .effect{ background:url(images/fuxya_px.png) repeat; } .inner-boxes .in-box:nth-child(6n+4) .effect{ background:url(images/purple_px.png) repeat; } .inner-boxes .in-box:nth-child(6n+3) .effect{ background:url(images/dark_blue_px.png) repeat; } .inner-boxes .in-box:nth-child(6n+2) .effect{ background:url(images/blue_px.png) repeat; } .inner-boxes .in-box:nth-child(6n+1) .effect{ background:url(images/red_px.png) repeat; } .inner-boxes .in-box .hold-in-image img{ height: 100%; max-width:none !important; width:auto !important; padding:0;opacity: 0.3;} /*tall-box*/ .grey{overflow:hidden;} .triangle-down-grey{content:''; position:absolute;width: 0; height: 0; right:0; bottom:0; border-bottom: 500px solid #EFEFEF; border-left: 2560px solid transparent;-moz-transform: scale(.9999); } .tall-box{ width:100%; max-width:320px; position:relative; min-height:650px; float:left; background:#FFF; margin:0 0 60px 0; color:#2F2F31;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 14px; padding-bottom:30px; } .tall-box a{ color:#E50000; text-decoration:none;} .tall-box a:hover,.tall-box a:focus{ color:#E50000; text-decoration:underline;} .col .tall-box:nth-of-type(3n+1){ border-bottom:3px solid #4989CF;} .col .tall-box:nth-of-type(3n+2){ border-bottom:3px solid #9971C3;} .col .tall-box:nth-of-type(3n+3){ border-bottom:3px solid #E30513;} .col .tall-box:nth-of-type(3n+2){ margin:0 10px 60px 10px;} .grey h1{color:#FFF;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 21px;margin:25px 0 } .grey h1 a,.grey h1 a:hover,.grey h1 a:focus{color:#FFF;} .hold-tall-image{ position:absolute; left:0; top:0; width:100%; height:250px; overflow:hidden;} .hold-tall-image:after{content:''; position:absolute;width: 0; height: 0; left:0; bottom:0; border-bottom: 45px solid #fff; border-left: 320px solid transparent;} .col .tall-box:nth-of-type(3n+2) .hold-tall-image:after{content:''; position:absolute;width: 0; height: 0; left:0; bottom:0; border-bottom: 45px solid #fff; border-right: 320px solid transparent; border-left:0 none;} .hold-tall-image img{ width:100%;} .tall-container{ position:relative; margin-top:250px; width:100%; padding:0 20px; float:left;} .tall-container h2{color:#055183;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 22px;margin:20px 0 0 0; text-transform:uppercase; } .tall-container p{ margin:15px 0; line-height:21px;} .social-bar{ width:100%; float:left; margin-bottom:35px; position:relative;} .expand .social-bar,.subpages .social-bar{ margin-top:20px; } .social-bar .bar{ width:25%; float:left;} .social-bar .bar .scial-link{ width:50%; height:70px; float:left; padding-right:1px;} .social-bar .bar .cn{ width:100%; height:70px; float:left; padding-right:1px;} .social-bar .bar .scial-link a{ width:100%; float:left; height:73px;-webkit-transition: border-color 0.2s linear 0s, background-color 0.2s linear 0s;-moz-transition: border-color 0.2s linear 0s, background-color 0.2s linear 0s; -o-transition: border-color 0.2s linear 0s, background-color 0.2s linear 0s; -ms-transition: border-color 0.2s linear 0s, background-color 0.2s linear 0s; transition: border-color 0.2s linear 0s, background-color 0.2s linear 0s; } .social-bar .bar:first-child .scial-link:first-child { width:100%; } .social-bar .mwc-logo-bar { background:url(images/mwc_footer_logo.png) no-repeat center top #fff; border-bottom:3px solid #7F4997;} .social-bar .fb-bar { background:url(images/fb_social_bar.png) no-repeat center top #fff;border-bottom:3px solid #415F9D;} .social-bar .weibo-bar { background:url(images/weibo_social_bar.png) no-repeat center top #fff;border-bottom:3px solid #c72d29;} .social-bar .in-bar { background:url(images/in_social_bar.png) no-repeat center top #fff;border-bottom:3px solid #0075B7;} .social-bar .tw-bar { background:url(images/tw_social_bar.png) no-repeat center top #fff;border-bottom:3px solid #4FABEF;} .social-bar .weixin-bar { background:url(images/weixin_social_bar.png) no-repeat center top #fff;border-bottom:3px solid #4FABEF;} .social-bar .yt-bar { background:url(images/yt_social_bar.png) no-repeat center top #fff;border-bottom:3px solid #de4f3f;} .social-bar .youku-bar { background:url(images/youku_social_bar.png) no-repeat center top #fff;border-bottom:3px solid #ee4022;} .social-bar .blog-bar { background: #fff; color:#E30513;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500;font-size: 13px; line-height: 13px; text-align: center;border-bottom:3px solid #E30513; text-decoration:none; padding:22px 15px;} .social-bar .signup-bar { background: #fff; color:#005591;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500;font-size: 13px; line-height: 13px; text-align: center;border-bottom:3px solid #005591; text-decoration:none; padding:22px 15px;} .social-bar .signup-bar-cn { background: #fff; color:#005591;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:800;font-size: 13px; line-height: 28px; text-align: center;border-bottom:3px solid #005591; text-decoration:none; padding:22px 15px;} .social-bar .mwc-logo-bar:hover,.social-bar .mwc-logo-bar:focus { background:url(images/mwc_footer_logo.png) no-repeat center bottom #7F4997; border-bottom:3px solid #7F4997;} .social-bar .fb-bar:hover,.social-bar .fb-bar:focus { background:url(images/fb_social_bar.png) no-repeat center bottom #415F9D;} .social-bar .weibo-bar:hover,.social-bar .weibo-bar:focus { background:url(images/weibo_social_bar.png) no-repeat center bottom #c72d29;} .social-bar .in-bar:hover,.social-bar .in-bar:focus { background:url(images/in_social_bar.png) no-repeat center bottom #0075B7;} .social-bar .tw-bar:hover,.social-bar .tw-bar:focus { background:url(images/tw_social_bar.png) no-repeat center bottom #4FABEF;} .social-bar .yt-bar:hover,.social-bar .yt-bar:focus { background:url(images/yt_social_bar.png) no-repeat center bottom #de4f3f;} .social-bar .youku-bar:hover,.social-bar .youku-bar:focus { background:url(images/youku_social_bar.png) no-repeat center bottom #ee4022;} .social-bar .weixin-bar:hover,.social-bar .weixin-bar:focus { background:url(images/weixin_social_bar.png) no-repeat center bottom #50abf0;} .social-bar .signup-bar:hover,.social-bar .signup-bar:focus { background: #005591; color:#fff; text-decoration:none;} .social-bar .signup-bar-cn:hover,.social-bar .signup-bar-cn:focus { background: #005591; color:#fff; text-decoration:none;} .social-bar .blog-bar:hover,.social-bar .blog-bar:focus { background: #E90000; color:#fff; text-decoration:none;} .atm-i .atm-f{ box-sizing:content-box;} /*featured-video*/ .featured-video{background:url(images/featured_bg.png) no-repeat center center #fff; background-size:cover;color:#fff;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:300;font-size: 20px; line-height:28px;} .featured-video .rusty{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(images/main_rust.png) repeat;} .featured-video .col{ padding:0 0 35px 0;} .featured-video h1{color:#FFF;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 21px;margin:25px 0; } .hold-featured{ width:100%; float:left; margin-bottom:25px;} .hold-featured img{ width:100%;} /*content*/ .content{ background:url(images/inner_page_bg.png) no-repeat center top #fff;background-size:100%; color:#2F2F31;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:300;font-size: 15px; line-height:22px; overflow:hidden; } .content.single .left-content{ font-family: "proxima-nova","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;} .featured-video p:empty { display:none;} .content .rusty{ position:absolute; left:0; top:0; right:0; bottom:0; background:url(images/splash_rust.png) repeat;} .triangle-down-content{content:''; position:absolute;width: 0; height: 0; left:-35%; bottom:0; border-bottom: 500px solid #EFEFEF; border-left: 2560px solid transparent;-moz-transform: scale(.9999);} .content .top-content{ width:100%; float:left; position:relative;} .top-content .heading {width:650px;margin-right:10px; float:left;} .expand .top-content .heading {width:100%;margin-right:0; float:left;} .top-content .actions {width:100%; max-width:320px; position:absolute; right:0; bottom:20px;} .ie8 .top-content .actions{width:320px;} .actions a{color:#EA191A;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 13px; text-decoration:none !important;height:20px; line-height:20px; padding-left:27px; float:left; margin-left:15px;} .actions a:hover,.actions a:focus{text-decoration:underline !important;} .actions .action-share{ background:url(images/share_icon.png) no-repeat left center;} .actions .action-add{ background:url(images/add_icon.png) no-repeat left center;} .actions .action-print{ background:url(images/print_icon.png) no-repeat left center;} .actions .action-more{ background:url(images/more_icon.png) no-repeat left center;} .action-rss{background:url(images/rss_icon.png) no-repeat left center;} .content ul,.content ol{ margin:15px 0; padding:0 0 0 20px; list-style-position:outside;} .content ul li { list-style:none; position:relative;} .content ul li:before { content:'• '; position:absolute; left:-15px;} .content a{ color:#E50000; text-decoration:none; word-wrap:break-word;} .content a:hover,.content a:focus{ color:#E50000; text-decoration:underline;} .content .buttonblue, .content .buttonblue:visited { color:#fff; padding:10px 55px 10px 15px; line-height:20px; background:#ea6008 url(images/blue_button.png) no-repeat right 0%; background-size:264px;font-size:16px;display:inline-block; text-align:center; position:relative; text-decoration:none !important;} .content .buttonblue:after{ content:''; width: 26px; height: 26px; right:10px; top:0; bottom:0; margin:auto; background:url(images/arrrws_btn.png) no-repeat left top; background-size:26px; position:absolute; text-decoration:none !important;} .content .buttonblue:hover, .content .buttonblue:active, .content .buttonblue:focus { color:#fff; padding:10px 55px 10px 15px; line-height:20px; background:#e30513 url(images/blue_button.png) no-repeat right -81px; background-size:264px; text-decoration:none;font-size:16px;text-decoration:none !important;} .content .buttonblue:hover:after{ content:''; width: 26px; height: 26px; right:10px; top:0; bottom:0; margin:auto; background:url(images/arrrws_btn.png) no-repeat left 0px; background-size:26px; position:absolute;text-decoration:none !important;} /* mwc exhibitors list area */ .alphabet{ width:100%; float:left; padding:0 0 20px;} .alphabet a{ font-size:18px; position:relative; padding-right:5px; margin:0 2px 0 3px;} .alphabet a:after{ position:absolute;content:"\b7"; color:#DCDCDC;font-size: 30px;line-height: 20px; padding:0;} .alphabet a:last-child:after{content:"";} .list-exhibitors{ width:100%; float:left;border-top:2px solid #F1F1F1; background:#fff; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";filter: alpha(opacity=100);-moz-opacity:1; -khtml-opacity: 1; opacity: 1; visibility:visible;} .list-exhibitors h5{color:#D3D3D3;font-family:"proxima_nova_rgregular","Trebuchet MS", Arial, Helvetica, sans-serif; font-size:18px;margin:8px 0 15px 0;font-weight:normal;} .list-exhibitors ul{-webkit-column-count: 3;-moz-column-count: 3;column-count: 3; float:left; width:100%;} .list-exhibitors ul li{ font-size:12px; line-height: 18px !important; padding: 0 !important;} .list-exhibitors ul li:before{content: "." !important; left:-10px;} .hide_list{ ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter: alpha(opacity=0);-moz-opacity:0; -khtml-opacity: 0; opacity: 0; visibility:hidden; height:0; margin-top:-2px; } .cookiebar{ background:#fff; color: #000;} .greytext p {color: #7B7775 ; font-weight: 300; font-size: 17px; line-height: 27px;} .content img{ max-width:100%; padding:0 0 20px 0;} .content .wrap-content img,.expander-holder img{ float:none;} .content .wrap-content a img,.expander-holder a img{ max-width:100%; padding:0 0 20px 0; height:100%; } .content .wrap-content .alignnone,.content .wrap-content .alignleft,.expander-holder .alignnone,.expander-holder .alignleft{float:left;padding:0; margin:5px 20px 15px 0; height:auto;} .content .wrap-content .alignright,.expander-holder .alignright{ float:right; padding:0; margin:5px 0 15px 20px; } .content .wrap-content .aligncenter,.expander-holder .aligncenter{ padding-bottom:0; display:table; margin:0 auto;} .content .slide-down{font-weight:400; line-height:28px; overflow:hidden;-webkit-transition: max-height 0.2s linear 0s, max-height 0.2s linear 0s;-moz-transition: border-color 0.2s linear 0s, max-height 0.2s linear 0s; -o-transition: border-color 0.2s linear 0s, max-height 0.2s linear 0s; -ms-transition: border-color 0.2s linear 0s, max-height 0.2s linear 0s; transition: border-color 0.2s linear 0s, max-height 0.2s linear 0s;} .content .slide-down:not(.slided){ max-height:0;} .slided{max-height:2000px;} .content h1{color:#332571;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 22px;margin:37px 0 20px 0;} .content h2{color:#332571;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:200;font-size: 28px;margin:0;} .content h3{color:#332571;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 18px;margin:0; text-transform:uppercase; padding-top:15px;} .content h4{color:#009EDE;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:300;font-size: 16px;margin:0;} .left-content{ float:left; width:650px; position:relative; min-height:100px; margin:0 10px 35px 0; background:#FFF; border-bottom:3px solid #332571;} .mast{ position:relative;float:left; width:100%; margin-bottom:20px;} .mast img{ padding:0 !important; height:100%;} .triangle-down-mast{content:''; position:absolute;width: 0; height: 0; left:0; bottom:0; border-bottom: 50px solid #fff; border-left: 650px solid transparent; } .left-content .wrap-content { padding:25px 20px; } .left-content .actions {width:100%; position:relative; right:auto; bottom:auto; float:left; padding:5px 0 10px 0;} .left-content .actions a:first-child{ margin-left:0;} .right-content{ float:left; width:100%; max-width:320px; position:relative; min-height:100px;} .side-nav{ width:100%; float:left; background:#fff; border-bottom:3px solid #E30513;margin-bottom:10px;} .side-nav h1{color:#e30513;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 16px; line-height:20px; text-transform:uppercase; margin:20px 20px 10px 20px;} .side-menu{ padding:0 20px 20px 40px !important; margin:0; } .side-menu ul{ margin:0;} .side-menu li{ position:relative; color:#7B7B79;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 16px; padding:0;} .side-menu li a{ color:#7B7B79; text-decoration:none; line-height:25px; display:block; padding:5px;} .side-menu li a:hover,.side-menu li a:focus{color:#7B7B79; } .side-menu li:before{ content:'' !important;width: 0; height: 0; left:-20px !important; top:10px; border-top: 8px solid transparent; border-left: 8px solid #E30513; border-bottom: 8px solid transparent; position:absolute;} .side-menu li:after{ content:'';width: 0; height: 0; left:-22px !important; top:10px; border-top: 8px solid transparent; border-left: 8px solid #fff; border-bottom: 8px solid transparent; position:absolute;} .current_parent_item > a,.current_page_item > a{ font-weight:700;} .side-box{ width:100%; height:70px; float:left; position:relative; text-decoration:none; margin-bottom:10px; text-decoration:none !important;} .side-box span{color:#fff;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500; font-weight:bold; font-size: 17px; line-height:20px;margin:0;display: table-cell; height: 70px; max-width: 220px; padding-left: 20px; vertical-align: middle;} .side-box .white-bullet{ right:10px; bottom:10px;} .right-content .side-box:nth-of-type(6n+5){ background:url(images/red_mob.png) repeat left top; } .right-content .side-box:nth-of-type(6n+4){ background:url(images/fuxya_mob.png) repeat left top; } .right-content .side-box:nth-of-type(6n+3){ background:url(images/purple_mob.png) repeat left top; } .right-content .side-box:nth-of-type(6n+2){ background:url(images/dark_blue_mob.png) repeat left top; } .right-content .side-box:nth-of-type(6n+1){ background:url(images/blue_mob.png) repeat left top; } .right-content .sponsor { background:#007AB6;} .right-content .sponsor .hold-in-image{ width:60%; height:70px; float:left; overflow:hidden;} .right-content .sponsor .sponsor-bottom-link{ width:40%; height:70px; display:table; padding:0 10px !important;} .right-content .sponsor .sponsor-bottom-link span{ color:#FFF;font-weight:400 !important;font-size: 12px !important; text-align:center;padding:0 0 0 0 !important; line-height:18px !important;} .sponsors{ width:100%; float:left; margin-bottom:30px;box-sizing: border-box;} .sponsors h2,.sponsors h3,.sponsors h4{ width:100%; float:left;} .sponsors h2 { padding:20px 0 10px 0;} .sponsors .sponsor{margin-right:10px; width:196px; margin-bottom:10px;float:left; background-color: #FFF;text-align: center;background-color: #FFF;position: relative;box-sizing: border-box; } .wrapp-sponsor{float:left; width:100%;border:solid 1px #d1d1d1; text-align:center; overflow:hidden; min-height:50px; } .sponsors .sponsor img{ max-width: 100% !important;padding:0 !important; vertical-align:middle; } .sponsors .sponsor:nth-of-type(3n+3){ margin-right:0;} .sponsors.sponsors_gold .sponsor{ width:300px; margin-right:10px;} .sponsors_gold .sponsor:nth-of-type(2n+2){ margin-right:0;} .sponsors_gold .wrapp-sponsor{ padding:15px;border:solid 1px #B2B200;} .sponsors_gold h2{color:#B2B200;} .sponsors.sponsors_platinum .sponsor{ width:100%; margin-right:0;} .sponsors_platinum .sponsor:nth-of-type(2n+2){ margin-right:0;} .sponsors_platinum .wrapp-sponsor{ padding:25px;border:solid 1px #CACAD9;} .sponsors_platinum h2{color:#9797A6;} /*results*/ .left-content .article{ width:100%; float:left; margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #C9C9C9;} .left-content .article h2{color:#E30513;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500;font-size: 16px; line-height:16px;} .left-content .article p{ margin:5px 0 0 0; line-height:20px;} /*press*/ .left-content .press-box{ width:100%; float:left; margin-bottom:15px; padding-bottom:15px; border-bottom:solid 1px #C9C9C9;} .left-content .press-box h2{color:#E30513;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 16px; line-height:16px; text-transform:uppercase;} .left-content .press-box p{ margin:5px 0 0 0; line-height:18px; font-size:12px;font-weight:400; color:#2E2E31;} .art-image{ width:150px; height:160px; overflow:hidden; float:left; margin-right:20px;} .art-image img{ padding:0; width:100%; height:auto;} .art-right{ width:auto;} .art-date{font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:300;font-size: 12px;color:#7B7B79; line-height:12px; padding:0 0 8px; display:table-cell;} /* publications */ .publicationsHolder {width:100%; float:left;} .publicationItem {width:44%; float:left;margin:10px 3%; padding:0 0 15px 0; border-bottom:1px solid #ccc; min-height:260px;} .publicationLogo {width:20%; float:left;} .publicationLogo img {width:100px;} .publicationContent { width:70%; float: left; margin-left: 5%;} .publicationContent p {font-size:15px; line-height:16px;} a.download:before {font-family: 'SSGizmo'; content: '\EB01'; font-size: 24px; line-height: 24px; margin: 0; font-weight: normal; float: left;} /*blog and vids*/ .videos,.photos{ background-color:transparent; border:0 none;} .videos .wrap-content,.photos .wrap-content{ padding:0;} .blog-box{ width:100%;max-width:320px; float:left; min-height:380px; margin-bottom:10px; background:#fff; position:relative;border-bottom: 3px solid #4989cf;} .wrap-content .blog-box:nth-of-type(2n+1){ margin-right:10px;} .hold-blog-image{ position:absolute; left:0; top:0; width:100%; height:138px; overflow:hidden;} .hold-blog-image:after{content:''; position:absolute;width: 0; height: 0; left:0; bottom:0; border-bottom: 30px solid #fff; border-left: 320px solid transparent;} .wrap-content .blog-box:nth-of-type(2n+2) .hold-blog-image:after{content:''; position:absolute;width: 0; height: 0; left:0; bottom:0; border-bottom: 30px solid #fff; border-right: 320px solid transparent; border-left:0 none;} .hold-blog-image img{ max-width:100%; min-width:100%; height:auto;} .blog-date{font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:300;font-size: 12px;color:#7B7B79; line-height:12px; margin:8px 0; float:left; width:100%;} .single .blog-date{margin:0 0 15px 0; color:#009EDE;} .blog-container{ position:relative; margin-top:138px; width:100%; padding:0 18px; float:left;} .blog-container a h2,.blog-container h2{color:#E30513;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 16px; line-height:16px; text-transform:uppercase;} .videos .blog-container h2,.photos .blog-container h2{ padding-top:10px;} .blog-container p{ margin:5px 0 0 0; line-height:20px;line-height:20px; font-size:12px;font-weight:400; color:#2E2E31;} .page-search { position:relative; width:100%; height:60px; z-index:1; margin-bottom:20px; } .page-search .fields{ float:left; width:100%;-webkit-box-shadow: 0 1px 2px 0 rgba(0,0,0,.3);box-shadow: 0 1px 2px 0 rgba(0,0,0,.3); padding-right:60px; position:relative;} .page-search input[type="text"]{font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 16px; font-style:italic;color:#909090; float:left; width:100%; height:60px; border:solid 1px #fafafa; padding:0 84px 0 28px;} .ie8 .page-search input[type="text"]{font-size: 18px; line-height:60px;} .page-search .submit{ border:0 none; width:60px; height:60px; padding:0; background:url(images/search_icon.png) no-repeat center center #E30513; background-size:25px 25px; position:absolute; right:0; top:0; } .ie8 .page-search .submit{ background:url(images/search_icon_ie.png) no-repeat center center #E30513;} .pagination{ width:100%; float:left; margin: 5px 0 0 0;} .pagination a,.pagination a:hover,.pagination a:focus{ float:left; font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 15px;color:#E30513; margin-left:15px; text-decoration:none; position:relative; width:28px; height:28px; -webkit-border-radius: 32px 32px 32px 32px; border-radius: 32px 32px 32px 32px; text-align:center; line-height:25px; border:solid 2px #E30513; } .pagination span{ float:left; font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 15px;color:#E30513; margin-left:15px; text-decoration:none; position:relative; width:28px; height:28px; -webkit-border-radius: 32px 32px 32px 32px; border-radius: 32px 32px 32px 32px; text-align:center; line-height:25px; border:solid 2px #E30513; } .pagination a:first-child{ margin-left:0;} .pagination a:hover, .pagination .current { color:#2D2D31; border:solid 2px #2D2D31; } .pagination .prev,.pagination .prev:hover,.pagination .next,.pagination .next:hover{ border:0 none; width:auto !important;} .single-post-nav{ width:100%;max-width:650px; display:table; margin:0 0 30px 0;} .single-post-nav a{ width:50%; display:table-cell; vertical-align:middle; height:73px;-webkit-transition: border-color 0.2s linear 0s, background-color 0.2s linear 0s;-moz-transition: border-color 0.2s linear 0s, background-color 0.2s linear 0s; -o-transition: border-color 0.2s linear 0s, background-color 0.2s linear 0s; -ms-transition: border-color 0.2s linear 0s, background-color 0.2s linear 0s; transition: border-color 0.2s linear 0s, background-color 0.2s linear 0s; color:#333;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500;font-size: 13px; line-height: 13px; text-align: center; text-decoration:none; position:relative; background:#FFF; } .single-post-nav .prev_post{ padding:0 20px 0 60px; border-right: 1px solid #ebebeb; color:#DE002B;} .single-post-nav .prev_post:hover{ color:#DE002B;} .single-post-nav .next_post{ padding:0 60px 0 20px; color:#009DE1;} .single-post-nav .next_post:hover{ color:#009DE1;} .single-post-nav .prev_post:before{ content:''; width: 0; height: 0; border-top: 25px solid transparent; border-right: 20px solid #DE002B; border-bottom: 25px solid transparent; position:absolute; left:20px;top:10px;} .single-post-nav .prev_post:after{ content:''; width: 0; height: 0; border-top: 25px solid transparent; border-right: 20px solid #fff; border-bottom: 25px solid transparent; position:absolute; left:22px;top:10px;} .single-post-nav .next_post:before{ content:''; width: 0; height: 0; border-top: 25px solid transparent; border-left: 20px solid #009DE1; border-bottom: 25px solid transparent; position:absolute; right:20px; top:10px;} .single-post-nav .next_post:after{ content:''; width: 0; height: 0; border-top: 25px solid transparent; border-left: 20px solid #fff; border-bottom: 25px solid transparent; position:absolute; right:22px; top:10px;} /*expands*/ .expand .inner-boxes .in-box{ height:auto; cursor:pointer; } .expand .inner-boxes .in-box:nth-of-type(3n+1) { clear:left;} .expand .inner-boxes .in-box:nth-child(6n+6) .effect{ background:url(images/light_blue_px.png) repeat; } .expand .inner-boxes .in-box:nth-child(6n+5) .effect{ background:url(images/fuxya_px.png) repeat; } .expand .inner-boxes .in-box:nth-child(6n+4) .effect{ background:url(images/purple_px.png) repeat; } .expand .inner-boxes .in-box:nth-child(6n+3) .effect{ background:url(images/dark_blue_px.png) repeat; } .expand .inner-boxes .in-box:nth-child(6n+2) .effect{ background:url(images/blue_px.png) repeat; } .expand .inner-boxes .in-box:nth-child(6n+1) .effect{ background:url(images/red_px.png) repeat; } .expand .inner-boxes .in-box .normal-state{ width:100%;max-width:320px;height:160px; float:left; position:relative; } .normal-state .expander-arrow {height: 0; width: 0; border-bottom: 26px solid #e30513;border-left: 26px solid transparent; border-right: 26px solid transparent; height: 0; width: 0; margin:0 auto; position:relative; z-index:2; top:144px; filter: alpha(opacity=0);opacity:0;transform: translate3d(0,0,0); visibility:hidden;} .expanded-box .normal-state .expander-arrow {border-bottom: 26px solid #332471;border-left: 26px solid transparent; border-right: 26px solid transparent; height: 0; width: 0; margin:0 auto; position:relative; z-index:2; top:152px; filter: alpha(opacity=100);opacity:1;transform: translate3d(0,0,0); visibility:visible;} .expanded-state{ width:300%; padding:0 200%; height:auto; overflow:hidden; position: relative;float:left;background:#332471; box-sizing:content-box;float:left;margin-top:0px; transform: translate3d(0,0,0); transition:transform 150ms ease, opacity 150ms ease; filter: alpha(opacity=0);opacity:0; cursor:default;} .expanded-state h3 {color:#009EDE;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:200;font-size: 36px;margin:0; position:relative; left:auto; top:auto;} .expanded-state h2{color:#009EDE;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:200;font-size: 24px !important;margin:0; position:relative; left:auto; top:auto; } .in-box:not(.expanded-box) .expanded-state{ height:0px !important;} .ie8 .in-box:not(.expanded-box) .expanded-state{ height:auto !important; display:none;} .expanded-box .expanded-state{ margin-top:10px; filter: alpha(opacity=100);opacity:1; transform: translate3d(0,0,0);} .inner-boxes .expander-holder{ float:left; width:100%; padding:60px 10px 30px 20px; color:#fff;font-family: "proxima-nova","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 15px; position:relative; } .expander-close{ position:absolute; width:52px; height:52px; background:url(images/close_icon.png) no-repeat left top; right:0; top:20px; cursor:pointer;} .expander-close:hover{ background:url(images/close_icon.png) no-repeat left bottom;} .inner-boxes .expander-holder a{ color:#FFF; text-decoration:underline;} .inner-boxes .expander-holder h4{ color:#FFF;font-size:18px;} .inner-boxes .expander-holder h3{ color:#FFF; font-size:16px;line-height:normal; padding:20px 0 5px;} .inner-boxes .expander-holder h2{ width:90%;} .toggle .title{ font-weight:400;} .expander-holder .toggle .title{ color:#FFF;} .toggle-wrap .form-wrap{ display:inline-block;} .inner-boxes .in-box:nth-of-type(3n+1) .expanded-state{ margin-left:-200%; } .inner-boxes .in-box:nth-of-type(3n+2) .expanded-state{ margin-left:-300%; } .inner-boxes .in-box:nth-of-type(3n+2) .expanded-state .expander-holder{ margin-left: -10px; } .inner-boxes .in-box:nth-of-type(3n+3) .expanded-state{ margin-left:-400%;} .inner-boxes .in-box:nth-of-type(3n+3) .expanded-state .expander-holder{ margin-left: -20px; } .expanded-state table { border-collapse: collapse; } .expanded-state td { padding: 5px; } /*snips*/ .red-bullet{ width:52px; height:52px; right:20px; bottom:20px; position:absolute; background:#E30513;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px;} .red-bullet:before{ content:'';width: 0; height: 0; left:21px; top:13px; border-top: 12px solid transparent; border-left: 12px solid #fff; border-bottom: 12px solid transparent; position:absolute;} .red-bullet:after{ content:'';width: 0; height: 0; left:19px; top:13px; border-top: 12px solid transparent; border-left: 12px solid #E30513; border-bottom: 12px solid transparent; position:absolute;} .white-bullet{ width:52px; height:52px; right:20px; bottom:20px; position:absolute; background:#fff;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px;} .white-bullet:before{ content:'';width: 0; height: 0; left:21px; top:13px; border-top: 12px solid transparent; border-left: 12px solid #E30513; border-bottom: 12px solid transparent; position:absolute;} .white-bullet:after{ content:'';width: 0; height: 0; left:19px; top:13px; border-top: 12px solid transparent; border-left: 12px solid #fff; border-bottom: 12px solid transparent; position:absolute;} .side-box:hover .white-bullet{ width:52px; height:52px; position:absolute; background:#E30513;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px;} .side-box:hover .white-bullet:before{content:'';width: 0; height: 0; left:21px; top:13px; border-top: 12px solid transparent; border-left: 12px solid #fff; border-bottom: 12px solid transparent; position:absolute;} .side-box:hover .white-bullet:after{ content:'';width: 0; height: 0; left:19px; top:13px; border-top: 12px solid transparent; border-left: 12px solid #E30513; border-bottom: 12px solid transparent; position:absolute;} .in-box:hover .white-bullet{ width:52px; height:52px; right:20px; bottom:20px; position:absolute; background:#E30513;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px;} .in-box:hover .white-bullet:before{ content:'';width: 0; height: 0; left:21px; top:13px; border-top: 12px solid transparent; border-left: 12px solid #fff; border-bottom: 12px solid transparent; position:absolute;} .in-box:hover .white-bullet:after{ content:'';width: 0; height: 0; left:19px; top:13px; border-top: 12px solid transparent; border-left: 12px solid #E30513; border-bottom: 12px solid transparent; position:absolute;} .expand .in-box:not(.expanded-box) .white-bullet{ width:52px; height:52px; right:20px; bottom:20px; position:absolute; background:#fff;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px;} .expand .in-box:not(.expanded-box) .white-bullet:before{ content:'';width: 0; height: 0; left:14px; top:22px; border-left: 12px solid transparent; border-top: 12px solid #E30513; border-right: 12px solid transparent; position:absolute;} .expand .in-box:not(.expanded-box) .white-bullet:after{ content:'';width: 0; height: 0; left:14px; top:20px; border-left: 12px solid transparent; border-top: 12px solid #fff; border-right: 12px solid transparent; position:absolute;} .expand .in-box:not(.expanded-box):hover .white-bullet{ width:52px; height:52px; right:20px; bottom:20px; position:absolute; background:#E30513;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px;} .expand .in-box:not(.expanded-box):hover .white-bullet:before{ content:'';width: 0; height: 0; left:14px; top:22px; border-left: 12px solid transparent; border-top: 12px solid #fff; border-right: 12px solid transparent; position:absolute;} .expand .in-box:not(.expanded-box):hover .white-bullet:after{ content:'';width: 0; height: 0; left:14px; top:20px; border-left: 12px solid transparent; border-top: 12px solid #E30513; border-right: 12px solid transparent; position:absolute;} .expand .expanded-box .white-bullet,.expand .expanded-box:hover .white-bullet{ width:52px; height:52px; right:20px; bottom:20px; position:absolute; background:#fff;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px;} .expand .expanded-box .white-bullet:before,.expand .expanded-box:hover .white-bullet:before{ content:'';width: 0; height: 0; left:14px; top:8px; border-left: 12px solid transparent; border-bottom: 12px solid #E30513; border-right: 12px solid transparent; position:absolute;} .expand .expanded-box .white-bullet:after,.expand .expanded-box:hover .white-bullet:after{ content:'';width: 0; height: 0; left:14px; top:10px; border-left: 12px solid transparent; border-bottom: 12px solid #fff ; border-right: 12px solid transparent ; position:absolute;} .white-hamburger{ width:52px; height:52px;right:-5px; bottom:13px; position:absolute; background:#fff;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px; display:none;z-index:2; cursor:pointer;} .white-hamburger span{width:18px; left: 17px; height:0; border:1px solid #E30513;position:absolute; -webkit-transition: all .3s;-moz-transition: all .3s;-ms-transition: all .3s;-o-transition: all .3s; transition: all .3s;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);} .white-hamburger span:nth-of-type(1){ top:18px;transform-origin: center center;} .white-hamburger span:nth-of-type(2){ top:25px;transform-origin: center center;-webkit-transition: all .3s; -moz-transition: all .3s;-ms-transition: all .3s; -o-transition: all .3s; transition: all .3s} .white-hamburger span:nth-of-type(3){ top:32px;transform-origin: center center;} .mobile-open .white-hamburger span:nth-of-type(1){ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); top:26px;} .mobile-open .white-hamburger span:nth-of-type(2){width:0; left:25px;} .mobile-open .white-hamburger span:nth-of-type(3){-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top:26px;} .more{color:#EA191A;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 13px; text-decoration:none !important;height:20px; line-height:20px; padding-left:27px; float:left; margin-top:10px;background:url(images/more_icon.png) no-repeat left center;} .more:hover,.more:focus{text-decoration:underline !important;} .videos .more,.photos .more{margin-left:15px; margin-top:10px;} .tall-box .more{margin-left:20px; margin-top:0;} .rss{color:#EA191A;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700;font-size: 13px; text-decoration:none !important;height:20px; line-height:20px; padding-left:27px; display:inline-block; margin-top:10px;background:url(images/rss_icon.png) no-repeat left center;} .rss:hover,.rss:focus{text-decoration:underline !important;} .gsma-vid-wrap{ margin: 0 0 0 0; width:100%;} /*.jwplayer-wrapper{ margin:0 0 20px 0 !important;}*/ /*faqs*/ .qa-faqs h3{font-weight: 400;line-height: 24px; padding:20px 0 0;text-transform: none;} .qa-faqs form{ position:relative; width:100%; height:60px; z-index:1; margin-bottom:20px; } .qa-faqs input[type="text"]{font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 16px; font-style:italic;color:#909090; float:left; width:100%; height:60px; border:solid 1px #eee; padding:0 84px 0 28px;} .ie8 .qa-faqs input[type="text"]{font-size: 18px; line-height:60px;} .qa-faqs input[type="submit"]{ border:0 none; width:60px; height:60px; padding:0; background:url(images/search_icon.png) no-repeat center center #E30513;background-size:25px 25px; position:absolute; right:0; top:0; text-indent: -9999px;} .ie8 .qa-faqs input[type="submit"]{background:url(images/search_icon_ie.png) no-repeat center center #E30513;} /*eloqua forms*/ .form-wrap { position:relative; width:100%; z-index:1; margin-bottom:20px; box-sizing:border-box; } .elq-field{width:100% !important; float:left !important; border:0 none !important; margin:0 0 20px 0 !important;} .elq-field .field-wrap { /*float:left !important; */ border:0 none !important; margin:0 !important;} .elq-field .field-wrap.select{ padding:0 !important;} .elq-field .field-wrap.select.selected-val{ width:100% !important; border: 1px solid #EBEBEB !important; background: #F3FAFE;} .eloqua-imported[data-template-version="3"] .elq-field .checklist-option .inner{border: 1px solid #EBEBEB;border-right: none;} .elq-field .simpleselect .placeholder{ background:#F3FAFE; } .elq-field .simpleselect .placeholder, .elq-field .simpleselect .options{ border:solid 1px #EBEBEB !important;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 16px; color:#2F2F31;} .elq-field .simpleselect .options .option.active{ background:#009EDE;} .form-wrap input[type="text"],.form-wrap textarea{font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 16px; color:#2F2F31; background:#F3FAFE; float:left; width:100% !important; max-width:100% !important; height:60px !important; border:solid 1px #EBEBEB !important; padding:0 28px !important; box-sizing:border-box; } .form-wrap textarea{ min-height:180px;} .elq-field.submit > .field-wrap{ width:auto !important; margin-right:10px !important;} .form-wrap input[type="submit"]{ border:0 none !important; font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei" !important; font-weight:400 !important;font-size: 15px !important; text-transform:none !important; height:58px !important; padding:0 40px 0 20px!important; background:url(images/arrow-button.png) no-repeat right 20px center #DE002B !important;width:auto !important; } .form-wrap .reset input[type="submit"]{ background-color:#009EDE !important; } .form-wrap input[type="submit"]:hover,.form-wrap input[type="submit"]:focus{background-color:#e30513 !important; } /*.elq-field .label{ max-width:40% !important;}*/ .elq-field .label label{ display:table-cell; vertical-align:middle; height:60px;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:300;font-size: 14px; line-height:18px; color:#333; padding-right:20px; } .elq-field.checkSelect .val{ height:60px; line-height: 60px; font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-size: 16px; color: #2F2F31; } .elq-field.checkSelect .target-btn{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAOCAYAAAASVl2WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA0Q0FGMUI4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA0Q0FGMUM4RTU1MTFFMzhGMThCQzUzMTMxMzdBN0YiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDRDQUYxOThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDRDQUYxQThFNTUxMUUzOEYxOEJDNTMxMzEzN0E3RiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pq8U8ZgAAAClSURBVHjaYpw7dw4DEggEYh4gXgwTYEGS5AfiyVD6FBDfBAkyISloB2JpqAlLgZgNWYENEGciKTYG4haYFSCVKA6BglIg3gdSIAHEfQzYASfj////GfABJgYCgGXevLlyQNoDh/xrkBteAHEREKtjUeAJsuIXEKdgkewG4h0wNxwB4ulIkmeBuAbdkZVA/BSIvwBxNNRklLj4CMS50KC+CRMECDAA5ogdqmResXgAAAAASUVORK5CYII=") 0 center no-repeat; height: 60px; width: 18px; } .elq-field .checklist-option .field-wrap.lbl{ height: 35px; } .elq-field .checklist-option .field-wrap.lbl label { margin-left: 30px; color:#717171; } .elq-field .checklist-option label:before{ border: 2px solid #717171; top: 0px; margin-left:-30px; } .elq-field .checklist-option.selected label:before{ content: ''; border: 2px solid #717171; background: #717171; background: url('images/checkbox-selected.png'); background-size:16px; } .form-process .proressive-wait{ line-height: 40px; } .form-process .progressive-submit #submit{ line-height: 35px; } .option-wrap{ width:100%; float:left;} .elq-field .option-list{ float:left;} .option-wrap .field-wrap.in { height: auto !important; line-height: 38px !important;} .option-wrap .field-wrap.lbl { width: 100%; } .option-wrap .field-wrap.lbl label{ display: block; font-size:15px; color:#009EDE;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;line-height: 22px; } .checkList .field-wrap.label {width:100%; float:left;max-width:100% !important;} .checklist-option .field-wrap.checkbox.in{ max-width:40%;} /*.checklist-option .field-wrap.label.lbl{width:60%;max-width:60% !important; float:none !important}*/ .checklist-option .field-wrap.label.lbl label{ display:block;} .elq-field.group label{ font-size:16px; font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:700; color:#00558E; text-transform:uppercase !important;} .elq-field .checklist-option, .elq-field.checkbox .checklist-option{ border-color: #EBEBEB; background:white; } .elq-field .checklist-option.selected{ background: #F3FAFE; } .elq-field .option-wrap{ border-color: #EBEBEB; } .footer{width:100%; margin:0 auto; max-width:980px; padding-bottom:20px;} .footer .partners{ display:table-cell;} .footer .partners a{ float:left;} /*.footer .partners:first-child{ padding-right:20px;}*/ .footer h4{font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 12px;color:#303031; text-transform:uppercase; margin:15px 0 0 0; padding:0; line-height:35px;} /*.footer .partners:nth-of-type(2) a{ margin-right:30px; }*/ .footer .partners:nth-of-type(2) a:last-child{margin-right:0; } .footer-bottom{width:100%; float:left; position:relative;background:url(images/copy_bg.png) no-repeat center center #fff; background-size:cover;} .copy{width:100%; margin:0 auto; max-width:980px; font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 12px;color:#fff; line-height:48px;} .copy a {color:#FFF;} .copy a:hover {color:#FFF; text-decoration:underline;} .copy .left{ float:left; font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 10px;color:#fff; line-height:48px;} .copy .left a,.copy .left p,.copy .left span{font-size: 9.5px; float:left; line-height:15px; margin:13px 5px 0 0;} .copy .right{float:left;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 14px;color:#fff; line-height:18px;} .copy .right a {float:left;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 14px;color:#fff; padding:0 20px 0 0; line-height:48px;} .copy .right a:hover {float:left;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 14px;color:#fff; padding:0 20px 0 0; line-height:48px; text-decoration:underline;} body > img{ display:none;} @media screen and (min-width:1024px) { /*mini-pos*/ .mini-pos .header-container{ position:fixed; top:0; } .logged-in.mini-pos .header-container{top: 32px;} .mini-pos .header{ height:50px;} .mini-pos .header .logo{height:31px; width:154px; float:left;background:url(../MWCs16/images/mwc16_logo_min.png) no-repeat 0 0; background-size:100%;margin-top:10px;} .mini-pos .header-center-graph{ height:50px;background:url(images/header_center_retina.png) no-repeat 0 -120px;background-size:485px ; left:24%;} .mini-pos .header-right-graph{ height:50px; background:url(images/header_right_retina.png) no-repeat 0 -120px; background-size:1123px ;left:95%;} .mini-pos .menu-holder{height: 35px;} .mini-pos .menu-container {height:35px; left: 0; position: fixed; top: 50px;} .logged-in.mini-pos .menu-container {top: 82px;} .mini-pos .menu-container .menu .item > a {font-size: 16px;height:35px; line-height:35px; padding:0 26.5px;} .mini-pos .menu-container .cn .item > a {font-size: 16px;height:35px; line-height:35px; padding:0 46px;} .mini-pos .menu-container .menu .sub{ top:27px;} } @media screen and (max-width:1023px) { .menu-holder{ position:fixed; top:80px;height:3px; background:url(images/menu_bg.png) no-repeat center top; background-size:cover;z-index:5;} .logged-in .menu-holder{top: 112px;} .header-container{padding:0 20px; position:fixed;} .padder{ height:83px;} .header { height: 80px; } .header .logo{height:50px; width:154px; float:left;background:url(images/mwc16_logo_tab.png) no-repeat 0 0; background-size:100%; margin-top:16px;} .header .top-links{ display:none;} .header-center-graph{ height:80px;background:url(images/header_center_retina.png) no-repeat 0 -24px; background-size:485px ;left:25%;} .header-right-graph{ height:80px; background:url(images/header_right_retina.png) no-repeat 0 -170px;background-size:1123px ; left:77%;} .white-hamburger{ display:block;} .col{ max-width:650px;} .splash .col{ font-size:15px; line-height:24px;} .splash-bottom .tab a{ line-height:25px;} .splash-bottom .tab a p { line-height:16px;} .splash-content h1 {bottom: auto;font-size: 24px; right: 40px; top: 30px; width: 40%;} .splash-content h1 span{font-size: 13px; padding-left: 100px; width: 100%;} .main-search{ top:0; padding:0; display:none;} .inner-boxes .in-box:nth-child(3n+2){ margin:0 0 10px 0;} .inner-boxes .in-box:nth-child(2n+1){ margin:0 10px 10px 0;} .expand .inner-boxes .in-box:nth-of-type(3n+1) { clear:none;} .expand .inner-boxes .in-box:nth-of-type(2n+1) { clear:left;} .expanded-state{ width:200%; padding:0 200%;} .inner-boxes .in-box:nth-of-type(3n+1) .expanded-state{ margin-left:0; } .inner-boxes .in-box:nth-of-type(3n+2) .expanded-state{ margin-left:0; } .inner-boxes .in-box:nth-of-type(3n+2) .expanded-state .expander-holder{ margin-left:0; } .inner-boxes .in-box:nth-of-type(3n+3) .expanded-state{ margin-left:0;} .inner-boxes .in-box:nth-of-type(3n+3) .expanded-state .expander-holder{ margin-left: 0; } .inner-boxes .in-box:nth-of-type(2n+1) .expanded-state{ margin-left:-200%; } .inner-boxes .in-box:nth-of-type(2n+2) .expanded-state{ margin-left:-300%; } .inner-boxes .in-box:nth-of-type(2n+2) .expanded-state .expander-holder{ margin-left:-10px;} .col .tall-box:nth-of-type(3){ display:none; } .col .tall-box:nth-of-type(3n+2){margin:0 0 60px 0; } .col .tall-box:nth-of-type(2n+1){ margin:0 10px 60px 0;} .triangle-down-right:after { margin-top: -355px;} .rectangle-down { top: 375px;} .top-content .heading {margin-right: 0px;} .top-content h1{ padding-right:200px;} .top-content .actions { width: auto; } .left-content{ margin:0 0 35px;} .left-content .mast{ display:none;} .right-content{ width:100%;} .side-nav,.side-box{ max-width:320px; width:100%;} .side-nav { margin-right:10px;} .social-bar{ margin-bottom:25px;} .social-bar .bar{ width:50%;} .social-bar .bar:first-child,.social-bar .bar:nth-of-type(2){ margin-bottom:10px;} .social-bar .bar .scial-link{ padding-right:10px;} .social-bar .bar:first-child .scial-link:first-child { width:100%; } .social-bar .bar:nth-of-type(2) .scial-link:last-child,.social-bar .bar:nth-of-type(3) .scial-link:last-child { padding-right:0; } .social-bar .bar:last-child .scial-link{padding-right:10px !important;} .social-bar .bar:nth-of-type(3){ float:right;} .social-bar .signup-bar {border-bottom:3px solid #005591; padding-top:23px;} .social-bar .blog-bar {border-bottom:3px solid #E30513; padding-top:23px} .social-bar .signup-bar:hover,.social-bar .signup-bar:focus { background: #005591; color:#fff;} .social-bar .blog-bar:hover,.social-bar .blog-bar:focus { background: #E30513; color:#fff;} .footer{ max-width:650px;} .footer .partners{ width:100%; float:left;} .footer .partners a {width: 20%;} .footer .partners:nth-of-type(2) a{ margin-right:0; } .footer-graph{ overflow:hidden;} .footer-graph img{ max-width:170%; margin-left:-30px;} .footer-bottom {background-repeat: repeat-y; background-size: contain ;} .copy{ max-width:650px;} .copy .left{ width:100%;} .copy .left a, .copy .left p, .copy .left span { font-size: 12px; line-height: 16px; margin: 10px 5px 0 0;} .copy .right { float:left; margin-top:10px;} .copy .right a,.copy .right a:hover{ padding:0 20px 0 0;} .menu-container{ height:auto; min-width: 140px; width: 100%; position:fixed; left:auto;right:0; top:83px; bottom:0; -webkit-transition: -webkit-transform 0.2s ease; -moz-transition: -moz-transform 0.2s ease; -ms-transition: -ms-transform 0.2s ease; -o-transition: -o-transform 0.2s ease; transition: transform 0.2s ease; padding:0; overflow:hidden;background:none; padding-left:0; width:50%; webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;-webkit-transform: translate3d(100%, 0, 0); -moz-transform: translate3d(100%, 0, 0); -ms-transform: translate3d(100%, 0, 0); -o-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0);} .no-csstransforms3d .menu-container{ -ms-transform: translate(100%,0); -webkit-transform: translate(100%,0); transform: translate(100%,0);} .logged-in .menu-container { top: 115px;} .menu-container .menu{ height:100%; background:url(images/opac_rust.png) repeat #f9b91f; display:block; position:relative;overflow-y: auto;} .menu-container .menu .search-btn{ display:none;} .menu-container .menu .mobile-item{ display:block;} .menu-container .item{ width:100%; float:left;} .menu-container .menu .item > .main{ background:url(images/opac_rust.png) repeat #ea6008 !important;} .menu-container .menu .mobile-item > .main{background:none !important;} .menu-container .menu .item .main{position:relative;} .menu-container .menu .item .main:before{content:'';width: 26px; height: 16px; right:15px; top:18px; position:absolute; background:url(images/mobile_menu_arrows.png) no-repeat left top;} .menu-container .menu .item .main-active:before{content:'';width: 26px; height: 16px; right:15px; top:18px; position:absolute; background:url(images/mobile_menu_arrows.png) no-repeat left bottom;} .menu-container .menu .item .wrap-items { height: 0 !important;overflow: hidden;} .menu-container .menu > .item_open{ background:url(images/opac_rust.png) repeat !important;} .menu-container .menu .item .item_open,.menu-container .menu .item .sub .item_open{ height:100%;overflow: inherit !important; } .menu-container .menu .item.item_open >.main-active{ font-weight:700 !important; } .menu-container .item .sub{ position:relative; top:0; height:1000% !important;} .menu-container .menu .sub > a:last-child{-webkit-box-shadow:none;box-shadow: none;} .menu-container .menu .item > .sub > a,.menu-container .menu .item > .sub > a:focus,.menu-container .menu .item > .sub > a:hover{ margin-top: 0; background:url(images/opac_rust.png) repeat #ea4208 !important;} .menu-container .menu .item > .sub > a:first-child:after{ border:0 none;} .menu-container .item .sub a{ padding-left:30px !important;} .menu-container .item .sub-sub a{ padding-left:40px !important;} .menu-container .menu .sub.item_open > .main-active{ font-weight:700 !important; } .menu-container .menu .item:nth-of-type(7) .sub{left:auto;} .search-mobile{ width:100% !important; background:#ea4208; padding:10px; top:0;z-index: 5000; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display:block;} .search-mobile .fields{width:100%; float:left; margin:0; padding:0 50px 0 0;} .search-mobile .fields input[type="text"]{font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:400;font-size: 20px; font-style:italic;color:#D6EAF4; float:left; width:100%; height:50px; border:0 none; padding:0 28px; background:rgba(255, 255, 255, .2); } .search-mobile .fields input::-webkit-input-placeholder{ color: #D6EAF4; } .search-mobile .fields input:-moz-placeholder { color: #D6EAF4; } .search-mobile .submit{ border:0 none; width:50px; height:50px; padding:0; background:url(images/search_icon.png) no-repeat center center #d81a26; background-size:25px 25px; position:absolute; right:10px; top:10px; filter: alpha(opacity=70);opacity:.7;} .menu-container .menu .item a { text-align:left; font-size:20px; font-weight:300; text-transform:none; height:50px; line-height:50px; padding:0 20px;} .mobile-open .wrapper{ position:fixed;} .mobile-open .menu-container{ background:url(images/opac_rust.png) repeat rgba(0, 0, 0, .7); padding-left:50%; width:100%; -webkit-transform: translate3d(0%, 0, 0); -moz-transform: translate3d(0%, 0, 0); -ms-transform: translate3d(0%, 0, 0); -o-transform: translate3d(0%, 0, 0); transform: translate3d(0%, 0, 0); } .no-csstransforms3d .mobile-open .menu-container,.mobile-open.mobile-open .menu-container{ -ms-transform: translate(0,0); -webkit-transform: translate(0,0); transform: translate(0,0);} html #wpadminbar { position:fixed !important;} .cookiebar p { font-size:13px; } } @media screen and (max-width:895px){ .header-center-graph{background:url(images/header_center_retina.png) no-repeat 0 -170px;background-size:485px ;} .header-right-graph{ left:80%;} } @media screen and (max-width:782px) { .logged-in .menu-holder{top: 126px;} .logged-in .menu-container { top: 129px;} } @media screen and (max-width:689px){ .exhibitor-box {width:100%;} .exhibitors-filters .select-field { width: 100% !important; margin-bottom: 15px !important; } .exhibitors-page .exhibitors-top input[type="text"]{ padding:0 14px 0 14px;} .exhibitors-container .wrap-content h2 { font-size:16px !important;} .menu-holder{ top:70px; } .logged-in .menu-holder{top: 116px;} .logged-in .menu-container {top: 119px;} .padder{ height:73px;} .header { height: 70px; } .header .logo{height:40px; width:125px; float:left;background:url(images/mwc16_logo_mob.png) no-repeat 0 0; background-size:100%;margin-top:16px; } .header-center-graph{ left:110%;} .header-right-graph{ height:70px; background:url(images/header_right_retina.png) no-repeat 0 -250px;background-size:1123px ; left:auto; right:-20px; width:231px;} .white-hamburger{ bottom:8px; right:-5px;} .menu-container { top:73px} .mobile-open .menu-container { padding-left:0; } .search-mobile{ width:100% !important;} .col{ max-width:320px; padding:0 10px;} .splash{ background: url(images/inner_page_bg.png) no-repeat center top; background-size: 100%; padding-top:0; } .splash .tabs {max-width:100%; min-height:0;padding:0;} .featured-video {padding:10px;} .splash-bottom .tab a { padding:10px 5px 10px; } .splash-bottom .tab a p{ font-size:12px; height:auto;} .splash-bottom .tab a span{ font-size:13px; font-weight:700;} .inner-boxes .in-box:nth-child(2n+1) { margin: 0 0 10px 0;} .inner-boxes .in-box{ width:100%; height:70px; float:left; position:relative; text-decoration:none; margin-bottom:10px; text-decoration:none !important;} .inner-boxes .in-box .normal-state h2{color:#fff;font-family: "Gotham SSm A" , "Gotham SSm B","Trebuchet MS", Arial, Helvetica, sans-serif, "Microsoft Yahei"; font-weight:500 !important;font-size: 17px !important; line-height:20px !important;margin:0;display: table-cell; height: 70px; max-width: 250px; padding-left: 20px; vertical-align: middle; position:relative; width:auto; left:auto; top:auto;} .inner-boxes .in-box .effect,.inner-boxes .in-box .hold-in-image{ display:none;} .inner-boxes .sponsor .hold-in-image{ display:block !important;} .inner-boxes .in-box .white-bullet{ right:10px; bottom:10px;} .inner-boxes .in-box:nth-of-type(6n+6){ background:url(images/light_blue_mob.png) repeat left top; } .inner-boxes .in-box:nth-of-type(6n+5){ background:url(images/red_mob.png) repeat left top; } .inner-boxes .in-box:nth-of-type(6n+4){ background:url(images/fuxya_mob.png) repeat left top; } .inner-boxes .in-box:nth-of-type(6n+3){ background:url(images/purple_mob.png) repeat left top; } .inner-boxes .in-box:nth-of-type(6n+2){ background:url(images/dark_blue_mob.png) repeat left top; } .inner-boxes .in-box:nth-of-type(6n+1){ background:url(images/blue_mob.png) repeat left top; } .inner-boxes .sponsor { background:#007AB6;} .inner-boxes .sponsor .hold-in-image{ width:60%; height:70px; float:left; overflow:hidden; position:relative;} .inner-boxes .sponsor .sponsor-bottom-link{ width:40%; height:70px; display:table; padding:0 10px !important; position:relative; } .inner-boxes .sponsor .sponsor-bottom-link span{ color:#FFF;font-weight:400 !important;font-size: 12px !important; text-align:center;padding:0 0 0 0 !important; line-height:18px !important; float:none;vertical-align:middle; display:table-cell;} .expand .inner-boxes .in-box{ clear:left; background:none;} .expand .inner-boxes .in-box:nth-of-type(3n+1) { clear:left;} .expand .inner-boxes .in-box:nth-of-type(2n+1) { clear:left;} .expander-close{ display:none;} .normal-state .expander-arrow { top:-13px;} .expanded-box .normal-state .expander-arrow { top:-13px; } .expanded-state{ width:100%; padding:0 200%;} .expanded-state .expander-holder{ padding: 30px 20px 10px;} .inner-boxes .in-box:nth-of-type(3n+1) .expanded-state{ margin-left:0; } .inner-boxes .in-box:nth-of-type(3n+2) .expanded-state{ margin-left:0; } .inner-boxes .in-box:nth-of-type(3n+2) .expanded-state .expander-holder{ margin-left:0; } .inner-boxes .in-box:nth-of-type(3n+3) .expanded-state{ margin-left:0;} .inner-boxes .in-box:nth-of-type(3n+3) .expanded-state .expander-holder{ margin-left: 0; } .inner-boxes .in-box:nth-of-type(2n+1) .expanded-state{ margin-left:-200%; } .inner-boxes .in-box:nth-of-type(2n+2) .expanded-state{ margin-left:-200%; } .inner-boxes .in-box:nth-of-type(2n+2) .expanded-state .expander-holder{ margin-left:0px;} .expand .inner-boxes .in-box .normal-state{ height:70px; } .expand .inner-boxes .in-box:nth-child(6n+6) .normal-state { background:url(images/red_mob.png) repeat left top; } .expand .inner-boxes .in-box:nth-child(6n+5) .normal-state { background:url(images/fuxya_mob.png) repeat left top; } .expand .inner-boxes .in-box:nth-child(6n+4) .normal-state{ background:url(images/purple_mob.png) repeat left top; } .expand .inner-boxes .in-box:nth-child(6n+3) .normal-state{ background:url(images/dark_blue_mob.png) repeat left top; } .expand .inner-boxes .in-box:nth-child(6n+2) .normal-state{ background:url(images/blue_mob.png) repeat left top; } .expand .inner-boxes .in-box:nth-child(6n+1) .normal-state{ background:url(images/light_blue_mob.png) repeat left top; } .expand .in-box:not(.expanded-box) .white-bullet{ width:52px; height:52px; right:10px; bottom:10px; position:absolute; background:#fff;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px;} .expand .in-box:not(.expanded-box) .white-bullet:before{ content:'';width: 0; height: 0; left:14px; top:22px; border-left: 12px solid transparent; border-top: 12px solid #E30513; border-right: 12px solid transparent; position:absolute;} .expand .in-box:not(.expanded-box) .white-bullet:after{ content:'';width: 0; height: 0; left:14px; top:20px; border-left: 12px solid transparent; border-top: 12px solid #fff; border-right: 12px solid transparent; position:absolute;} .expand .in-box:not(.expanded-box):hover .white-bullet{ width:52px; height:52px; right:10px; bottom:10px; position:absolute; background:#E30513;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px;} .expand .in-box:not(.expanded-box):hover .white-bullet:before{ content:'';width: 0; height: 0; left:14px; top:22px; border-left: 12px solid transparent; border-top: 12px solid #fff; border-right: 12px solid transparent; position:absolute;} .expand .in-box:not(.expanded-box):hover .white-bullet:after{ content:'';width: 0; height: 0; left:14px; top:20px; border-left: 12px solid transparent; border-top: 12px solid #E30513; border-right: 12px solid transparent; position:absolute;} .expand .expanded-box .white-bullet,.expand .expanded-box:hover .white-bullet{ width:52px; height:52px; right:10px; bottom:10px; position:absolute; background:#fff;-webkit-border-radius: 26px 26px 26px 26px;border-radius: 26px 26px 26px 26px;} .expand .expanded-box .white-bullet:before,.expand .expanded-box:hover .white-bullet:before{ content:'';width: 0; height: 0; left:14px; top:8px; border-left: 12px solid transparent; border-bottom: 12px solid #E30513; border-right: 12px solid transparent; position:absolute;} .expand .expanded-box .white-bullet:after,.expand .expanded-box:hover .white-bullet:after{ content:'';width: 0; height: 0; left:14px; top:10px; border-left: 12px solid transparent; border-bottom: 12px solid #fff ; border-right: 12px solid transparent ; position:absolute;} .sponsors .sponsor{ width:100%; margin-right:0;} .sponsors.sponsors_gold .sponsor{ width:100%; margin-right:0;} .tall-box{min-height:0; padding-bottom:30px;} .tall-box .hold-tall-image { display:none;} .tall-container{ margin-top:0; } .col .tall-box:nth-of-type(2) { display:none;} .col .tall-box:nth-of-type(2n+1) { margin: 0 0 30px 0; } .top-content .heading {width:100%;max-width:320px;} .top-content h1 { padding-right: 0; margin:20px 0 15px;} .top-content .actions{ display:none;} .triangle-down-mast{border-left:320px solid transparent;} .left-content{width:100%; max-width:320px;} .actions a{ font-size:12px;} .side-nav { margin-right:0;} .art-image{ width:100%; height:auto; float:none; margin-bottom:15px;} .art-image img{ width:100%; } .wrap-content .blog-box:nth-of-type(2n+1){ margin-right:0;} .wrap-content .blog-box{ width:100%; min-height:0; padding-bottom:20px;} .option-wrap .option-list{width:100% !important;} .option-wrap .field-wrap.in { height: auto !important; width: 30px !important;} .option-list .field-wrap.lbl { display: table-cell; float: none !important; height: auto; line-height: 15px; width: auto;} .elq-field .field-wrap,.elq-field .field-wrap.select {width:100% !important;} .elq-field .label{ max-width:100% !important;} .elq-field .label label{ height:100%; padding-right:0px; padding-bottom:15px; } .elq-field.submit > .field-wrap { margin-right: 0 !important; width: 100% !important; margin-bottom:15px !important;} .elq-field.submit > .field-wrap input { width: 100% !important; text-align:center; padding:0 !important;} .checklist-option .field-wrap.checkbox.in{ max-width:30px;} .checklist-option .field-wrap.label.lbl{width:100%;max-width:250px !important; margin-bottom:15px;} .social-bar .bar{ width:100%;margin-bottom:10px;} .social-bar .bar .scial-link{ padding-right:10px;} .social-bar .bar .scial-link:last-child {padding-right:0px !important;} .footer,.footer-bottom .copy{ max-width: 320px;padding:0 10px;} .footer .partners a{ width: 50%; text-align:center;} .footer .partners a img{ float:left;} .footer .partners a:nth-of-type(2n+2) img{ float:right;} .footer-graph img{ max-width:195%;} .copy { max-width: 320px;} .copy .left{line-height: 18px; padding-top:20px;} .copy .left a, .copy .left p, .copy .left span{ margin:0 5px 0 0; float:none; display:inline;} .copy .right { margin-top: 0;} .copy .right a,.copy .right a:hover{ font-size:12px;} .inner-boxes .expander-holder h2{ width:100%;} .cookiebar p { width: 65%; margin:0 auto 0 15px; } } @media screen and (max-width:480px){ .splash-content h1 {bottom: auto;font-size: 16px; right: 20px; top: 20px; width: 50%;} .splash-content h1 span{font-size: 13px; padding-left: 50px; width: 100%; margin-top:5px;} } @media screen and (max-width:400px){ .header-right-graph{ left: 125px; right: auto;} .splash-content h1{ display:none;} } @media screen and (max-width:330px){ .splash-bottom .tab a { height: 100px; line-height:15px;} } /* Smartphones (portrait and landscape) ----------- */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { } /* Smartphones (landscape) ----------- */ @media only screen and (min-width : 321px) { } /* Smartphones (portrait) ----------- */ @media only screen and (max-width : 320px) { } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { } /* Desktops and laptops ----------- */ @media only screen and (min-width : 1224px) { } /* Large screens ----------- */ @media only screen and (min-width : 1824px) { } /* ----------- Apple Watch ----------- */ @media (max-device-width: 42mm) and (min-device-width: 38mm) { } /* ----------- Moto 360 Watch ----------- */ @media (max-device-width: 218px) and (max-device-height: 281px) { } @media print { .menu-container { display:none;} .header-container {display:none;} .crumbs {display:none;} .actions {display:none;} .mast img {display:none;} .right-content {display:none;} .footer-container {display:none;} .social-bar {display:none;} .content .rusty {background:none;} .content {background:none; background-color:#fff;} .triangle-down-content {display:none;} } /*********** slim - Click to Scroll ***************************/ #slim_scrollup{ background: url('http://www.mwcshanghai.com/wp-content/uploads/sw_arrow_top.png') no-repeat; width: 40px; height: 40px; position:fixed; bottom:100px; right:10px; display:none; text-indent:-9999px; border:0px solid #000; cursor:pointer; } /*********** slim - List Exhibitors ***************************/ .list-exhibitors ul{ -moz-column-count: 2; -moz-column-gap: 10px; -webkit-column-count: 2; -webkit-column-gap: 10px; column-count: 2; column-gap: 10px; -moz-column-rule: 0px solid #000; -webkit-column-rule: 0px solid #000; column-rule: 0px solid #000; padding:0 5px; list-style-type: disc !important; } .list-exhibitors h5{ margin:8px 0 5px; } .list-exhibitors ul li{ -webkit-column-break-inside: avoid; /* Chrome, Safari */ page-break-inside: avoid; /* Theoretically FF 20+ */ break-inside: avoid-column; /* IE 11 */ display:table; /* Actually FF 20+ */ font-size:12px; line-height:20px; list-style-type: disc !important; list-style-position:inside; } @media screen and (max-width:760px){ .list-exhibitors ul{ -moz-column-count: 1; -moz-column-gap: 0; -webkit-column-count:1; -webkit-column-gap:0; column-count: 1; column-gap: 0px; } } .bwPowered{ display:none;} .partners{ padding-right:22px; border:0px solid #000;}