.oneline{text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;}.clear{clear:both;float:left;}.inline-block{display:inline-block;}.justify{text-align:justify;text-justify:inter-ideograph;-ms-text-justify:inter-ideograph;}.w-fix{display:inline-block;width:100%;height:0;vertical-align:middle;}.h-fix{display:inline-block;width:0;height:100%;vertical-align:middle;}.reverse-h{-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH";}.reverse-v{-moz-transform:scaleY(-1);-o-transform:scaleY(-1);-webkit-transform:scaleY(-1);transform:scaleY(-1);filter:FlipV;-ms-filter:"FlipV";}.container{max-width:1144px;margin:auto;position:relative;padding:0 20px;}html.open{overflow:hidden;}html.open header{overflow-y:scroll;background:#fff;height:100%;position:fixed;}html.open header .menu-responsive{display:block;}html.preview .preview-container{display:block;}html.preview header{top:100px;}html.preview #content{margin-top:100px;}body{position:relative;min-width:480px;}body:after{content:'';position:absolute;top:0;left:0;width:100%;height:250px;z-index:1;background:url(/showcase/phubs/img/header-mask.png) repeat-x top center;}body.scroll header{position:fixed;background:#fff;}body.scroll header .menu{border:none;}body.scroll header .menu:after{display:none;}.preview-container{display:none;position:fixed;left:0;top:0;width:100%;background:#333;z-index:100;}.preview-container .container{height:100px;}.preview-container .preview-header{display:inline-block;vertical-align:middle;}.preview-container .preview-header h2{color:#fff;font-size:20px;font-weight:bold;}header,#content,footer{width:100%;float:left;clear:both;z-index:1;}header{position:absolute;top:0;left:0;z-index:5;text-align:right;overflow:hidden;padding-bottom:17px;}header .logo{background:url(/showcase/phubs/img/main-logo.png) no-repeat;width:348px;height:92px;position:absolute;top:20px;left:20px;}header .control-panel{display:inline-block;margin-top:17px;}header .control-panel *{display:inline-block;vertical-align:middle;}header .control-panel .languages a{font-size:17px;color:#727272;position:relative;padding:0 15px;}header .control-panel .languages a:last-child:before{content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;background:#000;width:1px;height:10px;}header .control-panel .search-container{position:relative;width:220px;box-sizing:border-box;background:#e9e9e9;border-radius:20px;overflow:hidden;padding:0 54px 0 17px;margin-left:12px;}header .control-panel .search-container input{width:100%;height:34px;background:#e9e9e9;font-size:17px;color:#727272;}header .control-panel .search-container button{position:absolute;top:7px;right:18px;width:20px;height:19px;background:url(/showcase/phubs/img/search-icon.png) no-repeat;}header .menu{margin-top:10px;display:inline-block;position:relative;border-bottom:2px solid #000;padding-bottom:18px;margin-top:23px;width:545px;}header .menu .menu-item{display:inline-block;vertical-align:top;font-size:17px;color:#727272;margin-left:48px;font-weight:bold;}header .menu .menu-item:first-child{margin-left:0;}header .menu .menu-item:hover,header .menu .menu-item.current{color:#000;}header .menu:after{content:'';position:absolute;bottom:-2px;right:-100%;border-bottom:2px solid #000;height:100%;width:100%;}header .menu-icon{position:absolute;display:none;top:44px;right:20px;width:62px;height:18px;background:url(/showcase/phubs/img/nav-icon.png) no-repeat;}header .menu-responsive{display:none;margin-top:30px;}header .menu-responsive .control-panel{text-align:center;background:#ebebeb;display:block;margin-top:0;padding-top:34px;padding-bottom:32px;}header .menu-responsive .control-panel *{text-align:left;}header .menu-responsive .control-panel .search-container{background:#fff;}header .menu-responsive .control-panel .search-container input{background:#fff;}header .menu-responsive .menu{display:block;text-align:left;width:auto;border:none;padding-bottom:0;margin:52px 0 52px 50px;}header .menu-responsive .menu .menu-item{display:block;border-bottom:2px solid #e5e5e5;font-size:23.68px;color:#000;font-weight:normal;margin-left:0;padding-top:20px;padding-bottom:18px;}header .menu-responsive .menu .menu-item.current{font-weight:bold;}header.tablet,header.mobile{text-align:left;}header.tablet .logo,header.mobile .logo{position:relative;top:auto;left:auto;display:inline-block;margin-top:20px;}header.tablet .container .control-panel,header.tablet .container .menu,header.mobile .container .control-panel,header.mobile .container .menu{display:none;}header.tablet .menu-icon,header.mobile .menu-icon{display:block;}header.mobile .menu-icon{top:55px;}#content{min-height:500px;position:relative;}#content .inner-banner{height:500px;position:relative;}#content .inner-banner .page-title{position:absolute;text-align:center;bottom:147px;left:0;right:0;margin:auto;padding:25px 0;}#content .inner-banner .page-title .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:url(/showcase/phubs/img/gradient.png) no-repeat top;}#content .inner-banner .page-title h1{font-size:48px;font-weight:bold;z-index:1;position:relative;}#content .navigation-container{background:#f1f1f1;padding-top:10px;padding-bottom:10px;}#content .navigation-container .navigation-bar{margin-right:60px;}#content .navigation-container .navigation-bar .navigation *{display:inline-block;vertical-align:middle;}#content .navigation-container .navigation-bar .navigation a{color:#727272;font-size:15px;}#content .navigation-container .navigation-bar .navigation a.current{color:#000;}#content .navigation-container .back{position:absolute;top:0;right:20px;color:#727272;font-size:15px;padding-left:20px;}#content .navigation-container .back:before{content:'';position:absolute;top:0;bottom:0;left:0;margin:auto;width:14px;height:14px;background:url(/showcase/phubs/img/arrow-purple.svg) no-repeat left;-moz-transform:scaleX(-1);-o-transform:scaleX(-1);-webkit-transform:scaleX(-1);transform:scaleX(-1);filter:FlipH;-ms-filter:"FlipH";}#content .subTitle-line{position:relative;}#content .subTitle-line .subTitle{position:relative;background:#fff;display:inline-block;padding-right:15px;font-size:50px;}#content .subTitle-line:before{content:'';position:absolute;top:0;bottom:0;left:0;margin:auto;width:100%;height:3px;background:#474f58;}#content .loading{background:url(/showcase/phubs/img/loading-deep-grey.svg) no-repeat center, url(/showcase/phubs/img/loading-light-grey.svg) no-repeat center;height:76px;width:76px;margin:60px auto;display:none;}footer{padding-top:24px;background:#3b3c3f;padding-bottom:22px;position:relative;}footer .copyright{font-size:15px;color:#fff;}footer .copyright a{font-size:15px;color:#fff;}footer .social-icons{margin-top:20px;}footer .social-icons a{display:inline-block;vertical-align:middle;margin-right:20px;}#colorbox-content #map{width:100%;height:550px;}#content{overflow:hidden;}#content #banner{background:url(/showcase/phubs/img/banner/Desktop/bg.jpg) no-repeat center;height:789px;position:relative;z-index:2;}#content #banner .container{height:100%;}#content #banner .air-con{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/air-con.png) no-repeat;width:403px;height:177px;top:158px;left:-24px;}#content #banner .table{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/table.png) no-repeat;width:274px;height:126px;bottom:77px;left:74px;}#content #banner .cam{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/cam.png) no-repeat;width:79px;height:66px;bottom:173px;left:140px;}#content #banner .curtain-switch{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/curtain-switch.png) no-repeat;width:79px;height:66px;bottom:316px;right:-170px;}#content #banner .lamp{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/lamp.png) no-repeat;width:323px;height:393px;top:0;left:329px;}#content #banner .light-switch{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/light-switch.png) no-repeat;width:46px;height:46px;bottom:336px;left:342px;}#content #banner .mat{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/mat.png) no-repeat;width:649px;height:104px;bottom:0;left:-103px;}#content #banner .painting{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/painting.png) no-repeat;width:215px;height:303px;top:128px;right:340px;}#content #banner .red-chair{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/red-chair.png) no-repeat;width:367px;height:235px;bottom:53px;left:-177px;}#content #banner .sofa{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/sofa.png) no-repeat;width:653px;height:260px;bottom:75px;left:328px;}#content #banner .tv{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/tv.png) no-repeat;width:258px;height:146px;bottom:297px;left:27px;}#content #banner .window{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/window.png) no-repeat;width:459px;height:474px;top:121px;right:-130px;}#content #banner .phone{position:absolute;width:383px;height:678px;bottom:-158px;right:89px;z-index:1;}#content #banner .phone.en{background:url(/showcase/phubs/img/banner/Desktop/phone.png) no-repeat;}#content #banner .phone.zh-hant{background:url(/showcase/phubs/img/banner/Desktop/phone-tc.png) no-repeat;}#content #banner .phone.zh-hans{background:url(/showcase/phubs/img/banner/Desktop/phone-sc.png) no-repeat;}#content #banner .animate1 .on,#content #banner .animate2 .on,#content #banner .animate3 .on,#content #banner .animate4 .on,#content #banner .animate5 .on{position:absolute;width:254px;height:80px;right:153px;opacity:0;z-index:1;}#content #banner .animate1 .on:hover,#content #banner .animate1 .on.animated,#content #banner .animate2 .on:hover,#content #banner .animate2 .on.animated,#content #banner .animate3 .on:hover,#content #banner .animate3 .on.animated,#content #banner .animate4 .on:hover,#content #banner .animate4 .on.animated,#content #banner .animate5 .on:hover,#content #banner .animate5 .on.animated{opacity:1 !important;}#content #banner .animate1 .line1,#content #banner .animate1 .line2,#content #banner .animate2 .line1,#content #banner .animate2 .line2,#content #banner .animate3 .line1,#content #banner .animate3 .line2,#content #banner .animate4 .line1,#content #banner .animate4 .line2,#content #banner .animate5 .line1,#content #banner .animate5 .line2{position:absolute;z-index:1;}#content #banner .animate1 .line1,#content #banner .animate2 .line1,#content #banner .animate3 .line1,#content #banner .animate4 .line1,#content #banner .animate5 .line1{width:0;}#content #banner .animate1 .line2,#content #banner .animate2 .line2,#content #banner .animate3 .line2,#content #banner .animate4 .line2,#content #banner .animate5 .line2{height:0;}#content #banner .animate1 .on{bottom:292px;}#content #banner .animate1 .on.en{background:url(/showcase/phubs/img/banner/Desktop/1/1-on.png) no-repeat;}#content #banner .animate1 .on.zh-hant{background:url(/showcase/phubs/img/banner/Desktop/1/1-on-tc.png) no-repeat;}#content #banner .animate1 .on.zh-hans{background:url(/showcase/phubs/img/banner/Desktop/1/1-on-sc.png) no-repeat;}#content #banner .animate1 .effect{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/1/effect.png) no-repeat;width:278px;height:300px;top:203px;left:353px;opacity:0;z-index:1;}#content #banner .animate1 .line1,#content #banner .animate1 .line2{bottom:317px;right:378px;}#content #banner .animate1 .line1{background:url(/showcase/phubs/img/banner/Desktop/1/line-1-1.png) no-repeat right;height:189px;}#content #banner .animate1 .line2{background:url(/showcase/phubs/img/banner/Desktop/1/line-1-2.png) no-repeat bottom;width:312px;}#content #banner .animate2 .on{bottom:200px;}#content #banner .animate2 .on.en{background:url(/showcase/phubs/img/banner/Desktop/2/2-on.png) no-repeat;}#content #banner .animate2 .on.zh-hant{background:url(/showcase/phubs/img/banner/Desktop/2/2-on-tc.png) no-repeat;}#content #banner .animate2 .on.zh-hans{background:url(/showcase/phubs/img/banner/Desktop/2/2-on-sc.png) no-repeat;}#content #banner .animate2 .effect{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/2/curtain.png) no-repeat right/100% 100%;width:194px;height:560px;top:125px;right:-87px;}#content #banner .animate2 .line1,#content #banner .animate2 .line2{bottom:244px;left:963px;}#content #banner .animate2 .line1{background:url(/showcase/phubs/img/banner/Desktop/2/line-2-1.png) no-repeat left;height:207px;}#content #banner .animate2 .line2{background:url(/showcase/phubs/img/banner/Desktop/2/line-2-2.png) no-repeat bottom;width:249px;}#content #banner .animate3 .on{bottom:107px;}#content #banner .animate3 .on.en{background:url(/showcase/phubs/img/banner/Desktop/3/3-on.png) no-repeat;}#content #banner .animate3 .on.zh-hant{background:url(/showcase/phubs/img/banner/Desktop/3/3-on-tc.png) no-repeat;}#content #banner .animate3 .on.zh-hans{background:url(/showcase/phubs/img/banner/Desktop/3/3-on-sc.png) no-repeat;}#content #banner .animate3 .effect{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/3/effect.png) no-repeat;width:315px;height:108px;top:254px;left:-12px;opacity:0;}#content #banner .animate3 .line1,#content #banner .animate3 .line2{bottom:127px;right:375px;}#content #banner .animate3 .line1{background:url(/showcase/phubs/img/banner/Desktop/3/line-3-1.png) no-repeat right;height:433px;}#content #banner .animate3 .line2{background:url(/showcase/phubs/img/banner/Desktop/3/line-3-2.png) no-repeat bottom;width:567px;}#content #banner .animate4 .on{bottom:15px;}#content #banner .animate4 .on.en{background:url(/showcase/phubs/img/banner/Desktop/4/4-on.png) no-repeat;}#content #banner .animate4 .on.zh-hant{background:url(/showcase/phubs/img/banner/Desktop/4/4-on-tc.png) no-repeat;}#content #banner .animate4 .on.zh-hans{background:url(/showcase/phubs/img/banner/Desktop/4/4-on-sc.png) no-repeat;}#content #banner .animate4 .line1,#content #banner .animate4 .line2{bottom:33px;right:372px;}#content #banner .animate4 .line1{background:url(/showcase/phubs/img/banner/Desktop/4/line-4-1.png) no-repeat right;height:186px;}#content #banner .animate4 .line2{background:url(/showcase/phubs/img/banner/Desktop/4/line-4-2.png) no-repeat bottom;width:649px;}#content #banner .animate5 .on{bottom:-78px;}#content #banner .animate5 .on.en{background:url(/showcase/phubs/img/banner/Desktop/5/5-on.png) no-repeat;}#content #banner .animate5 .on.zh-hant{background:url(/showcase/phubs/img/banner/Desktop/5/5-on-tc.png) no-repeat;}#content #banner .animate5 .on.zh-hans{background:url(/showcase/phubs/img/banner/Desktop/5/5-on-sc.png) no-repeat;}#content #banner .animate5 .effect{position:absolute;background:url(/showcase/phubs/img/banner/Desktop/5/tv-turn-on.png) no-repeat;width:254px;height:138px;bottom:302px;left:29px;opacity:0;}#content #banner .animate5 .line1,#content #banner .animate5 .line2{bottom:-60px;right:372px;}#content #banner .animate5 .line1{background:url(/showcase/phubs/img/banner/Desktop/5/line-5-1.png) no-repeat right;height:406px;}#content #banner .animate5 .line2{background:url(/showcase/phubs/img/banner/Desktop/5/line-5-2.png) no-repeat bottom;width:570px;}#content #banner-tablet,#content #banner-mobile{display:none;}#content #banner-tablet .banner-container,#content #banner-mobile .banner-container{overflow:hidden;white-space:nowrap;position:relative;}#content #banner-tablet .banner-container .slider,#content #banner-mobile .banner-container .slider{display:inline-block;}#content #banner-tablet .banner-container .banner-item,#content #banner-mobile .banner-container .banner-item{position:relative;}#content #banner-tablet .banner-container .banner-item img,#content #banner-mobile .banner-container .banner-item img{width:100%;height:auto;}#content #banner-tablet .banner-container .banner-item .line1,#content #banner-tablet .banner-container .banner-item .line2,#content #banner-mobile .banner-container .banner-item .line1,#content #banner-mobile .banner-container .banner-item .line2{position:absolute;}#content #banner-tablet .pager,#content #banner-mobile .pager{text-align:center;margin-top:21px;}#content #banner-tablet .pager a,#content #banner-mobile .pager a{display:inline-block;background:#ccc;width:70px;height:6px;margin:0 7px;}#content #banner-tablet .pager a.current,#content #banner-mobile .pager a.current{background:#000;}#content #banner-tablet .banner-item .temp{position:absolute;}#content #banner-tablet .banner-item .temp .line1,#content #banner-tablet .banner-item .temp .line2{height:100%;width:100%;left:0;bottom:0;}#content #banner-tablet .banner-item .temp .line1 .point,#content #banner-tablet .banner-item .temp .line1 .line,#content #banner-tablet .banner-item .temp .line1 .round,#content #banner-tablet .banner-item .temp .line2 .point,#content #banner-tablet .banner-item .temp .line2 .line,#content #banner-tablet .banner-item .temp .line2 .round{position:absolute;}#content #banner-tablet .banner-item .temp .line1 .point,#content #banner-tablet .banner-item .temp .line1 .line,#content #banner-tablet .banner-item .temp .line1 .round{height:100%;bottom:0;}#content #banner-tablet .banner-item .temp .line1 .point,#content #banner-tablet .banner-item .temp .line1 .round{width:0;}#content #banner-tablet .banner-item .temp .line2 .line,#content #banner-tablet .banner-item .temp .line2 .point{width:100%;}#content #banner-tablet .banner-item.item1 .temp{left:47.8%;bottom:37%;top:41%;right:24%;}#content #banner-tablet .banner-item.item1 .line1 .point{background:url(/showcase/phubs/img/banner/Tablet/1/line-1-1.png) no-repeat left bottom;left:0;}#content #banner-tablet .banner-item.item1 .line1 .line{background:url(/showcase/phubs/img/banner/Tablet/1/line-1-2.png) repeat-x left bottom;left:21px;}#content #banner-tablet .banner-item.item1 .line1 .round{background:url(/showcase/phubs/img/banner/Tablet/1/line-1-3.png) no-repeat left bottom;left:calc(100% - 37px);}#content #banner-tablet .banner-item.item1 .line2 .line{background:url(/showcase/phubs/img/banner/Tablet/1/line-2-1.png) repeat-y right bottom;bottom:36px;right:0;}#content #banner-tablet .banner-item.item1 .line2 .point{background:url(/showcase/phubs/img/banner/Tablet/1/line-2-2.png) no-repeat right bottom;bottom:calc(100% - 22px);right:0;}#content #banner-tablet .banner-item.item2 .temp{bottom:28%;left:51%;top:49%;right:16%;}#content #banner-tablet .banner-item.item2 .line1 .point{background:url(/showcase/phubs/img/banner/Tablet/2/line-1-1.png) no-repeat left bottom;left:0;}#content #banner-tablet .banner-item.item2 .line1 .line{background:url(/showcase/phubs/img/banner/Tablet/2/line-1-2.png) repeat-x left bottom;left:24px;}#content #banner-tablet .banner-item.item2 .line1 .round{background:url(/showcase/phubs/img/banner/Tablet/2/line-1-3.png) no-repeat left bottom;left:calc(100% - 41px);}#content #banner-tablet .banner-item.item2 .line2 .line{background:url(/showcase/phubs/img/banner/Tablet/2/line-2-1.png) repeat-y right bottom;bottom:36px;right:0;}#content #banner-tablet .banner-item.item2 .line2 .point{background:url(/showcase/phubs/img/banner/Tablet/2/line-2-2.png) no-repeat right bottom;bottom:calc(100% - 24px);right:0;}#content #banner-tablet .banner-item.item3 .temp{bottom:25.5%;left:52.8%;top:24%;right:13%;}@media screen and (orientation: landscape){#content #banner-tablet .banner-item.item3 .temp{right:15%;}}#content #banner-tablet .banner-item.item3 .line1 .point{background:url(/showcase/phubs/img/banner/Tablet/3/line-1-1.png) no-repeat left bottom;left:0;}#content #banner-tablet .banner-item.item3 .line1 .line{background:url(/showcase/phubs/img/banner/Tablet/3/line-1-2.png) repeat-x left bottom;left:25px;}#content #banner-tablet .banner-item.item3 .line1 .round{background:url(/showcase/phubs/img/banner/Tablet/3/line-1-3.png) no-repeat left bottom;left:calc(100% - 47px);}#content #banner-tablet .banner-item.item3 .line2 .line{background:url(/showcase/phubs/img/banner/Tablet/3/line-2-1.png) repeat-y right bottom;bottom:45px;right:0;}#content #banner-tablet .banner-item.item3 .line2 .point{background:url(/showcase/phubs/img/banner/Tablet/3/line-2-2.png) no-repeat right bottom;bottom:calc(100% - 24px);right:0;}#content #banner-tablet .banner-item.item4 .temp{bottom:25%;left:53.5%;top:38%;right:25%;}#content #banner-tablet .banner-item.item4 .line1 .point{background:url(/showcase/phubs/img/banner/Tablet/4/line-1-1.png) no-repeat left top;left:0;}#content #banner-tablet .banner-item.item4 .line1 .line{background:url(/showcase/phubs/img/banner/Tablet/4/line-1-2.png) repeat-x left top;left:25px;}#content #banner-tablet .banner-item.item4 .line1 .round{background:url(/showcase/phubs/img/banner/Tablet/4/line-1-3.png) no-repeat left top;left:calc(100% - 40px);}#content #banner-tablet .banner-item.item4 .line2 .line{background:url(/showcase/phubs/img/banner/Tablet/4/line-2-1.png) repeat-y right top;top:32px;right:0;}#content #banner-tablet .banner-item.item4 .line2 .point{background:url(/showcase/phubs/img/banner/Tablet/4/line-2-2.png) no-repeat right top;top:calc(100% - 25px);right:0;}#content #banner-tablet .banner-item.item5 .temp{bottom:20.7%;right:38.5%;left:24%;top:41%;}@media screen and (orientation: landscape){#content #banner-tablet .banner-item.item5 .temp{bottom:22.7%;}}#content #banner-tablet .banner-item.item5 .line1 .point{background:url(/showcase/phubs/img/banner/Tablet/5/line-1-1.png) no-repeat right bottom;right:0;}#content #banner-tablet .banner-item.item5 .line1 .line{background:url(/showcase/phubs/img/banner/Tablet/5/line-1-2.png) repeat-x right bottom;right:24px;}#content #banner-tablet .banner-item.item5 .line1 .round{background:url(/showcase/phubs/img/banner/Tablet/5/line-1-3.png) no-repeat right bottom;right:calc(100% - 35px);}/*953795e33e25c16a067bcfa2a5842f5b*/#content #banner-tablet .banner-item.item5 .line2 .line{background:url(/showcase/phubs/img/banner/Tablet/5/line-2-1.png) repeat-y left bottom;bottom:70px;left:0;}#content #banner-tablet .banner-item.item5 .line2 .point{background:url(/showcase/phubs/img/banner/Tablet/5/line-2-2.png) no-repeat left bottom;bottom:calc(100% - 20px);left:0;}#content #banner-mobile .banner-item.item1 .line1{background:url(/showcase/phubs/img/banner/Mobile/1/line.png) no-repeat bottom/32px 325px;width:32px;height:0;bottom:20.5%;right:18%;}#content #banner-mobile .banner-item.item2 .line1{background:url(/showcase/phubs/img/banner/Mobile/2/line.png) no-repeat bottom/30px 258px;width:30px;height:0;bottom:20%;right:18%;}#content #banner-mobile .banner-item.item3 .line1,#content #banner-mobile .banner-item.item3 .line2{bottom:14.5%;left:75%;}#content #banner-mobile .banner-item.item3 .line1{background:url(/showcase/phubs/img/banner/Mobile/3/line-1.png) no-repeat left/73px 316px;width:0;height:316px;}#content #banner-mobile .banner-item.item3 .line2{background:url(/showcase/phubs/img/banner/Mobile/3/line-2.png) no-repeat bottom/73px 316px;width:73px;height:0;}#content #banner-mobile .banner-item.item4 .line1{background:url(/showcase/phubs/img/banner/Mobile/4/line-2.png) no-repeat bottom/119px 139px;width:119px;height:0;bottom:17%;left:60%;}#content #banner-mobile .banner-item.item4 .line2{background:url(/showcase/phubs/img/banner/Mobile/4/line-1.png) no-repeat right/119px 139px;width:0;height:139px;bottom:17%;right:15.2%;}#content #banner-mobile .banner-item.item5 .line1{background:url(/showcase/phubs/img/banner/Mobile/5/line.png) no-repeat bottom/33px 232px;width:33px;height:0;bottom:17%;right:35%;}#content .page-wrapper{padding-top:117px;padding-bottom:55px;}#content .about{position:relative;}#content .about .read-more{position:absolute;top:98px;right:0;font-size:17px;padding-left:42px;background:url(/showcase/phubs/img/read-more-arrow.png) no-repeat left;}#content .about .box1{background:#edf2f7;position:relative;min-height:240px;display:inline-block;width:744px;padding:57px;box-sizing:border-box;z-index:1;}#content .about .box1 .title{font-size:80px;position:absolute;top:-62px;left:53px;}#content .about .box1 .title span{font-size:50px;color:#727272;}#content .about .box1 .graphic-1{position:absolute;left:137px;bottom:-40px;width:130px;height:78px;background:url(/showcase/phubs/img/graphic-1.png) no-repeat center/100% 100%;}#content .about .box2{border:1px solid #e7e7e7;width:715px;min-height:284px;box-sizing:border-box;margin-left:auto;margin-top:-98px;padding:43px 216px 57px 40px;position:relative;}#content .about .box2 .title{text-align:right;font-size:54px;color:#9034cb;margin-bottom:10px;position:relative;z-index:1;}#content .about .box2 .editor{position:relative;z-index:1;}#content .about .box2 .graphic-2{position:absolute;right:48px;top:54px;width:121px;height:152px;background:url(/showcase/phubs/img/graphic-2.png) no-repeat center/100% 100%;}#content .products{margin-top:96px;}#content .products .subTitle-line:after{content:'';position:absolute;top:-28px;right:0;width:176px;height:170px;background:#fff url(/showcase/phubs/img/graphic-3.png) no-repeat center/100% 100%;}#content .products .product-items{margin-top:50px;padding-bottom:10px;position:relative;}#content .products .product-items .product-item{position:relative;box-sizing:border-box;display:block;min-height:237px;}#content .products .product-items .product-item img{height:auto;}#content .products .product-items .product-item .product-name{font-size:32px;font-weight:bold;}#content .products .product-items .product-item .product-model{font-size:17px;margin-top:5px;}#content .products .product-items .product-item .product-description{font-size:17px;color:#727272;margin-top:20px;line-height:26px;}#content .products .product-items .product-item .detail{display:inline-block;text-align:center;border:1px solid #bfbfbf;width:158px;height:41px;margin-top:33px;}#content .products .product-items .product-item .detail span{font-size:17px;display:inline-block;line-height:41px;background:url(/showcase/phubs/img/read-more-arrow.png) no-repeat left;padding-left:40px;}#content .products .product-items .left,#content .products .product-items .right{display:inline-block;vertical-align:top;box-sizing:border-box;}#content .products .product-items .left{width:62.7%;padding-right:40px;}#content .products .product-items .left .product-item:first-child{padding-left:239px;margin-top:76px;}#content .products .product-items .left .product-item:first-child img{width:235px;position:absolute;top:0;left:0;}#content .products .product-items .left .product-item:nth-child(2){padding-right:252px;margin-top:64px;}#content .products .product-items .left .product-item:nth-child(2) img{width:252px;position:absolute;top:0;right:0;}#content .products .product-items .sep{position:absolute;top:0;bottom:0;right:37.3%;width:1px;background:#e5e5e5;}#content .products .product-items .right{width:37.3%;padding-left:60px;}#content .products .product-items .right .product-item img{width:100%;}#content.tablet #banner,#content.mobile #banner{display:none;}#content.tablet .about .read-more,#content.mobile .about .read-more{display:none;}#content.tablet .about .box1,#content.mobile .about .box1{width:100%;min-height:0;}#content.tablet .about .box2,#content.mobile .about .box2{width:100%;}#content.tablet .about .box2 .title,#content.mobile .about .box2 .title{text-align:left;}#content.tablet .products .product-items .left,#content.tablet .products .product-items .right,#content.mobile .products .product-items .left,#content.mobile .products .product-items .right{width:100%;padding:0;}#content.tablet .products .product-items .sep,#content.mobile .products .product-items .sep{display:none;}#content.tablet #banner-tablet{display:block;}#content.tablet .page-wrapper{padding-top:102px;}#content.tablet .about .box1{padding:57px 31px 74px;}#content.tablet .about .box1 .title{left:27px;}#content.tablet .about .box1 .graphic-1{left:auto;bottom:auto;top:-47px;right:34px;}#content.tablet .about .box2{min-height:232px;margin-top:33px;padding:23px 195px 41px 26px;}#content.tablet .about .box2 .graphic-2{right:25px;top:39px;}#content.tablet .products{margin-top:57px;}#content.tablet .products .product-items .left .product-item:first-child{margin-top:85px;padding-left:260px;}#content.tablet .products .product-items .left .product-item:nth-child(2){margin-top:79px;padding-left:48px;}#content.tablet .products .product-items .right .product-item{padding-left:260px;margin-top:56px;}#content.tablet .products .product-items .right .product-item img{width:235px;position:absolute;top:0;left:0;}#content.mobile #banner-mobile{display:block;}#content.mobile .page-wrapper{padding-top:94px;}#content.mobile .page-wrapper .container{padding:0;}#content.mobile .about .box1{padding:57px 15px 43px;}#content.mobile .about .box1 .title{left:13px;}#content.mobile .about .box1 .graphic-1{display:none;}#content.mobile .about .box2{min-height:0;margin-top:22px;padding:23px 13px 41px;}#content.mobile .about .box2 .graphic-2{display:none;}#content.mobile .products{margin-top:45px;padding:0 20px;}#content.mobile .products .subTitle-line{text-align:center;}#content.mobile .products .subTitle-line:before,#content.mobile .products .subTitle-line:after{display:none;}#content.mobile .products .product-items .left .product-item,#content.mobile .products .product-items .right .product-item{min-height:0;margin-top:0 !important;padding-left:0 !important;padding-right:0;}#content.mobile .products .product-items .left .product-item img,#content.mobile .products .product-items .right .product-item img{position:relative;width:100%;}