/* ==================================== Header in Desktop Version ==================================== */ @media only screen and (max-width:1640px) { .homeBannerCtn .chairman .slideTextCtn { top:30%; } .homeBannerCtn .chairman .specialImgArea { right:-32%;} .homeBannerCtn .lcwprize .slideTextCtn { top:30%; left: 65%;} .homeBannerCtn .lcwprize .specialImgArea { right:-32%;} .homeBannerCtn .global .specialImgArea { bottom:-20%; } .homeBannerCtn .hospitality .slideTextCtn { top:50%;} .homeBannerCtn .property .slideTextCtn { top:45%;} .homeBannerCtn .construction .slideTextCtn { top: 45%; } .homeBannerCtn .csr .slideTextCtn { top:56%; left:72%; width:305px;} } @media only screen and (max-width:1580px) { .homeBannerCtn .entertainment .slogan { left:44.5%;} .video-container { left: 44%;} video { margin-left: -44%;} .homeBannerCtn .chairman .specialImgArea .specialImgCaption { display: none;} .homeBannerCtn .chairman .slideTextCtn { left:72%;} .homeBannerCtn .chairman .specialImgArea { right:-28%;} .homeBannerCtn .lcwprize .specialImgArea .specialImgCaption { display: none;} .homeBannerCtn .lcwprize .slideTextCtn { left:65%; width: 165px;} .homeBannerCtn .lcwprize .specialImgArea { right:-28%;} .homeBannerCtn .hospitality .slideTextCtn { top:45%;} .homeBannerCtn .construction .slideTextCtn { top: 42%; } .quicklink .cover a { padding: 18px 80px;} /* kwah60th anniversiary */ /* .tabletView .kwah60 .celebrationScrollSection .celebrationScrollSectionInner{ max-height: none;} .tabletView .kwah60 .celebrationScrollSection .celebrationScrollCtn{ background:#d3b87c;} .tabletView .kwah60 .celebrationScrollItem{ padding-left: 30px; padding-right: 30px; height:auto; padding-top: 80px; position: relative; max-width: none;} .tabletView .kwah60 .celebrationScrollItem:before{ position: absolute; content:""; background:#c6ac73; width:50%; left:0; right:0; margin:auto; height:1px; top:40px;} .tabletView .kwah60 .celebrationScrollItem:first-child{padding-top: 0;} .tabletView .kwah60 .celebrationScrollItem:first-child:before{ display: none;} */ /* .tabletView .kwah60 .celebrationScrollItem.maxWidth1400, .tabletView .kwah60 .celebrationScrollItem.maxWidth1300 { max-width: none; } .tabletView .kwah60 .celebrationScrollItem .cboxContainer .image-container {display: inline-block; } .tabletView .kwah60 .twoColumns.width46 .smallColumn:first-child, .tabletView .kwah60 .twoColumns.width46 .bigColumn:first-child{padding-left: 0} .tabletView .kwah60 .twoColumns.width46 .smallColumn:last-child, .tabletView .kwah60 .twoColumns.width46 .bigColumn:last-child{padding-right: 0} .tabletView .kwah60 .twoColumns .image-caption.alignRightBottom{display: none;} .tabletView .kwah60 .twoColumns .image-caption.imageCaptionClone{display: block;} .tabletView .kwah60 .imgBottomTextQuoationCtn .imgBottomCtn { width: 40%; } .tabletView .kwah60 .imgBottomTextQuoationCtn .imgBottomCtn .imgBottomCtnInner{margin-top: 0;} .tabletView .kwah60 .imgBottomTextQuoationCtn .imgBottomCtn img{ max-width: 100%;} .tabletView .kwah60 .singleImgCtn {height: auto;} .tabletView .kwah60 .singleImgCtn>*{ -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .tabletView .kwah60 .celebrationScrollSection .logo{ margin-top: 0;} .tabletView .kwah60 .imgBottomTextQuoationCtn .quotation-sign-area{margin-left: 25px; margin-bottom: 25px;} .tabletView .kwah60 .detail-media-block.imgalignBottom, .tabletView .kwah60 .cboxContainer.imgalignBottom { margin-top: 0; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .twoColumns .bigColumn, .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .twoColumns .smallColumn{display: table-cell; float: none;} .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .twoColumns .bigColumn{ vertical-align: middle;} .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .twoColumns .smallColumn{ vertical-align: top;} .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .cboxContainer{ -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: static;} .tabletView .kwah60 .imgBottomTextQuoationCtn.textalignLeft .text-quotation>p{ padding-right: 38%;} .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 540px; min-height: 0;} .tabletView .kwah60 .contributionGallerySection .singleImgGridsCtn .imgGridsInner .detail-media-block .image-link img { max-height: none; } */ } @media only screen and (max-width:1465px) { .menuCtn .menuLv0 { margin-right: -150px; } .homeBannerCtn .entertainment .slogan { left:47.5%;} .homeBannerCtn .entertainment .slideTextCtn { right:65%;} .video-container { left: 40%;} video { margin-left: -40%;} .homeBannerCtn .slideTextCtn { width:350px;} .homeBannerCtn .chairman .slideTextCtn { } .homeBannerCtn .chairman .specialImgArea {width:88%;} .homeBannerCtn .lcwprize .specialImgArea {width:88%;} .homeBannerCtn .global .slideTextCtn { width:375px;} .homeBannerCtn .global .specialImgArea { bottom: -25%; right: -30%; width: 120%;} .homeBannerCtn .hospitality .slideTextCtn { top:42%;} .homeBannerCtn .construction .slideTextCtn { top: 39%; } .homeBannerCtn .csr .slideTextCtn { top: 53%;} } @media only screen and (max-width:1320px) { .menuCtn .menuLv0 { margin-right: -240px; } .homeBannerCtn .entertainment .slogan { left:51%;} .video-container { left: 36%;} video { margin-left: -36%;} .homeBannerCtn .chairman .slideTextCtn { left:70%; width:390px;} .homeBannerCtn .chairman .specialImgArea { right:-25%; } .homeBannerCtn .lcwprize .slideTextCtn { left:25%; top:55%; width: 200px;} .homeBannerCtn .lcwprize .specialImgArea { right:-25%; } .homeBannerCtn .hospitality .slideTextCtn { top:39%; left:70%; width:370px;} .homeBannerCtn .property .slideTextCtn { top:38%; width: 278px;} .homeBannerCtn .construction .slideTextCtn { top: 36%; width: 305px; } .homeBannerCtn .lcwprize .prizeLogoBtn {} .homeBannerCtn .csr .slideTextCtn { top: 50%; } .quicklink .cover a { padding: 18px 40px;} /* .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 450px; }*/ .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 38vw; } } @media only screen and (max-width:1220px) { .menuCtn .menuLv0>li>a { padding: 5px 15px; } .homeBannerCtn .slideTextCtn { width:300px;} .homeBannerCtn .entertainment .slogan { left: 48%;} .homeBannerCtn .entertainment .slideTextCtn { right: 54%;} .homeBannerCtn .chairman .slideTextCtn { top:36%; left:68%; width:285px;} .homeBannerCtn .chairman .specialImgArea { right:-20%;} .homeBannerCtn .chairman .specialImgArea .specialImgCaption { display: none;} .homeBannerCtn .chairman .prizeLogoBtn { right:-110px;} .homeBannerCtn .lcwprize .slideTextCtn { } .homeBannerCtn .lcwprize .specialImgArea { right:-20%;} .homeBannerCtn .lcwprize .specialImgArea .specialImgCaption { display: none;} .homeBannerCtn .lcwprize .prizeLogoBtn { position: static; float:left;} .homeBannerCtn .global .specialImgArea { width:100%; bottom:-20%; right:-25%;} .homeBannerCtn .global .slideTextCtn { left:67%;} .homeBannerCtn .hospitality .slideTextCtn { top:40%;} .homeBannerCtn .construction .slideTextCtn { top: 38%; } .homeBannerCtn .csr .slideTextCtn { top: 47%;} .homeBannerCtn .chairman .slogan, .homeBannerCtn .lcwprize .slogan, .homeBannerCtn .global .slogan, .homeBannerCtn .hospitality .slogan, .homeBannerCtn .property .slogan, .homeBannerCtn .construction .slogan, .homeBannerCtn .csr .slogan { left: -4%;, top:-4%; } } @media only screen and (max-width:1130px) { .menuCtn .menuLv0 { margin-right: -220px; } .menuCtn .menuLv0>li>a { padding: 5px 8px; } .homeBannerCtn .stockCtn { right:10px;} .homeBannerCtn .slideTextCtn { width:240px;} .homeBannerCtn .entertainment .slogan { left: 47%;} .homeBannerCtn .entertainment .slideTextCtn { width:405px;} .homeBannerCtn .chairman .slideTextCtn { top:32%;} .homeBannerCtn .chairman .specialImgArea { right:-21%;} .homeBannerCtn .lcwprize .specialImgArea { right:-21%;} .homeBannerCtn .lcwprize .slideTextCtn { } .homeBannerCtn .construction .slideTextCtn { top: 36%; } .homeBannerCtn .csr .slideTextCtn { top: 44%;} } @media only screen and (max-width:1050px) { .wrapper-header { padding: 0 25px; } .homeBannerCtn .stockCtn { right:5px;} .sloganOutisideCtn { margin-top: -2%; padding-bottom: 2%;} .homeBannerCtn .chairman .slideTextCtn { } .homeBannerCtn .lcwprize .slideTextCtn { } .homeBannerCtn .construction .slideTextCtn { top: 34%; } } /* ==================================== Header in Desktop Version ==================================== */ @media only screen and (min-width:1281px) { .kwah60 .celebrationScrollSection .celebrationScrollSectionInner, .kwah60 .celebrationScrollSection .celebrationScrollSectionInner .jspContainer, .kwah60 .celebrationScrollSection .celebrationScrollSectionInner .jspContainer .jspPane { width: 100% !important; } } /* ==================================== Tablet Version ==================================== */ @media only screen and (max-width:1280px){ body.tabletView { min-width: 0;} .tabletView .tabletVersion { display: block; } .tabletView .desktopVersion { display: none; } /* ================== Header ================== */ .tabletView #header { position: fixed; width: 100%; height: auto; padding:0 0 6px; background: url(../img/nav_shadow.png) center bottom repeat-x; min-width: 0;} .tabletView .wrapper-header { padding: 0 16px 0 30px; } .tabletView .mobileHeaderBtns { display: block; } .tabletView .topHeaderLinksCtn { display:none; } .tabletView .logo { padding:10px 0;} .tabletView .logo img { height: 50px;} .tabletView .menuCtn { display:none; margin: 0; min-width: 0; top:70px; background: #eae6dc; overflow-y: auto;} .tabletView .menuCtn .menuLv0 { margin-right: 0; display: block; } .tabletView .menuCtn .menuLv0>li { width: 100%; text-align: left; border-top: 1px solid transparent; border-bottom: 1px solid #cac5b9;} .tabletView .menuCtn .menuLv0>li.current { background: #ffffff;} .tabletView .menuCtn .menuLv0>li>a { padding: 14px 30px; font-size: 15px; color:#333333; } .tabletView .menuCtn .menuLv0>li>a:after{ display:block; background-image: url(../img/tablet/btn_menu_expand.png); width:28px; height:28px; top:0; left:auto; margin: auto; right:30px;} .tabletView .menuCtn .menuLv0>li:hover>a:after { background-image: url(../img/tablet/btn_menu_expand.png);} .tabletView .menuCtn .menuLv0>li.current>a:after { background-image: url(../img/tablet/btn_menu_collapse.png);} .tabletView .menuCtn .menuLv0>li.lang>a { width:50%; box-sizing:border-box; color: #a48348; border-left: 1px solid #cfc5ae;} .tabletView .menuCtn .menuLv0>li.lang>a:first-child { border-left: 0;} .tabletView .menuCtn .menuLv0>li:hover>a { color: #333333;} .tabletView .menuCtn .menuLv0>li.current>a { color: #a48348;} .tabletView .menuCtn .menuLv0>li.menuBtnType2>a { background: transparent; } .tabletView .menuCtn .menuLv0>li.menuBtnType2:hover a { color: #a48348;} .tabletView .menuCtn .menuLv0>li.blackcolor { background:#333333; border-bottom: 0;} .tabletView .menuCtn .menuLv0>li.blackcolor.first{ padding-top: 8px;} .tabletView .menuCtn .menuLv0>li.blackcolor a { color:#ffffff; font-size: 13px; padding: 10px 30px 12px; float: none;} .tabletView .menuCtn .menuLv0>li.blackcolor.last { padding-bottom: 8px;} .tabletView .menuCtn .menuLv0>li.blackcolor:hover a { color:#a48348;} .tabletView .menuCtn .menuLv0>li.socialbar { border-top: 1px solid #666666; border-bottom: 1px solid #ffffff;} .tabletView .menuCtn .menuLv0>li.socialbar>a { width:20%; text-align:center; height: 30px; padding:14px 0; float: left;} .tabletView .menuCtn .menuLv0>li.socialbar>a span { display: block; width:26px; height: 30px; margin: 0 auto;} .tabletView .menuCtn .menuLv0>li.socialbar>a:hover span { background-position: center bottom;} .tabletView .menuCtn .menuLv0>li.socialbar>a.wechat-img { position: relative; } .tabletView .menuCtn .menuLv0>li.socialbar>a.wechat-img .wechat-img-ctn { display: none; position: absolute; left:auto; right:-64px; bottom:100%; width: 200px; height: auto; margin-top: 0; z-index: 1;} .tabletView .menuCtn .menuLv0>li.socialbar>a.wechat-img .wechat-img-ctn img { display: block; width: auto; max-width: 100%;} .tabletView .menuCtn .menuLv0>li.socialbar>a.wechat-img:hover .wechat-img-ctn { display: block;} .tabletView .menuCtn .menuLv0>li.declaration {display: block; background-color: #f00; border-bottom-width: 0;} .tabletView .menuCtn .menuLv0>li.declaration .declarationBtn {background-color: #f00; color: #fff;} .tabletView .subMenuCtn { border-top: 1px solid #e9e9e9; position: static; display: none; background: #ffffff; max-height: none; -webkit-transition: none; -moz-transition:none; -o-transition: none; -ms-transition: none; transition: none;} .tabletView .menuCtn .menuLv0>li>a .subMenuArrow { display: inline-block; width:28px; height:28px; left: auto; right: 40px; bottom: auto; top: 11px; background: url(../img/tablet/btn_menu_expand.png) center center no-repeat;} .tabletView .menuCtn .menuLv0>li.current>a .subMenuArrow { background: url(../img/tablet/btn_menu_collapse.png) center center no-repeat;} .tabletView .menuCtn .menuLv0>li:hover .subMenuCtn { max-height: none;} .tabletView .subMenuLeftCtn img { display: none;} .tabletView .subMenuLeftCtn ul li a { padding: 14px 30px 14px 58px; background-position: 30px 21px; color:#333333;} .tabletView .subMenuLeftCtn ul li a:hover { color: #a48348;} .tabletView .subMenuInner>.menuTitle { display: none;} .tabletView .subMenuLeftCtn { width: 100%; padding: 5px 0;} .tabletView .subMenuLeftCtn>.menuTitle { padding:0; font-size: 1em; line-height:22px;font-weight: 600; text-transform:initial; font-family: 'Lato', Arial, sans-serif; letter-spacing: 0;} .tabletView .subMenuLeftCtn>.menuTitle>a { display:block; padding: 14px 10px 14px 58px; color: #333333; background: url(../img/bulletin_arrow.png) 30px 21px no-repeat; } .tabletView .subMenuLeftCtn>.menuTitle>a:after{ display:none;} .tabletView .subMenuLeftCtn .menu2Cols>li { width: 100%;} .tabletView .subMenuRightCtn { display: none;} .tabletView .subMenuRightCtn.menu60thAnnibg { display: block; margin-left: 0;} .tabletView .menuLv0>li.menuBtnType2>.subMenuCtn {background-color: transparent;} .tabletView .menuCtn .menuLv0>li.menuBtnType2>.subMenuCtn ul a, .tabletView .menuCtn .menuLv0>li.menuBtnType2>.subMenuCtn:hover ul a {color: #333333; background-image: url(../img/bulletin_arrow.png); background-position: 30px 21px;} .tabletView .menuShadow { display: none;} .tabletView .menuFourBlockCtn { padding: 5px 0;} .tabletView .menuFourBlockCtn .menuFourBlockList>li { width: 100%;} .tabletView .menuFourBlockCtn .menuBlock>.imgCtn { display: none;} .tabletView .menuFourBlockCtn li .title { position: static; font-weight:400; padding: 14px 0 14px 58px; color:#333333; background: url(../img/bulletin_arrow.png) 30px 21px no-repeat; font-size: 1em;} .tabletView .menuFourBlockCtn li .menuBlock:hover .title { background: url(../img/bulletin_arrow.png) 30px 21px no-repeat;} .tabletView .menuCtn .subMenuCtn .subMenuInner { } .tabletView .menuCtn .subMenuCtn .subMenuInner.menuFourBlockCtn .menuBlock { } .tabletView .menuCtn .subMenuCtn .subMenuInner.menuFourBlockCtn .menuBlock .title { padding: 0; background: none; font-size: 16px; line-height: 22px; font-weight: 600; } .tabletView .menuCtn .subMenuCtn .subMenuInner .subMenuLeftCtn>.menuTitle>a { } .tabletView .menuCtn .subMenuCtn .subMenuInner .subMenuLeftCtn ul li a { } .tabletView .menuCtn .subMenuCtn .subMenuInner.menuFourBlockCtn .menuBlock, .tabletView .menuCtn .subMenuCtn .subMenuInner .subMenuLeftCtn>.menuTitle>a, .tabletView .menuCtn .subMenuCtn .subMenuInner .subMenuLeftCtn ul li a { display: block; padding: 8px 10px 8px 38px; background: url(../img/bulletin_arrow.png) left 8px no-repeat; background-position: 10px 15px; color: #333333; font-size: 16px; line-height: 22px; font-weight: 600; letter-spacing: 0.8px; font-family: "微軟正黑體", 'Lato', Arial, Helvetica, sans-serif; } /* ================== Footer ================== */ .tabletView .quicklink .contentCtn { display: none;} .tabletView .quicklink .slide:hover { height: 80px;} .tabletView .quicklink .cover a { padding: 18px 30px;} .tabletView .quicklinkCtn .slick-prev { width:50px; background: url(../img/tablet/btn_footer_back.jpg) center top no-repeat; } .tabletView .quicklinkCtn .slick-next { width:50px; background: url(../img/tablet/btn_footer_next.jpg) center top no-repeat; } /* ================== Inner Common ================== */ .tabletView #container { padding-top: 70px;} .tabletView .sectionTitleCtn { padding: 40px 30px 50px;} .tabletView .breadcrumbCtn { display: none;} .tabletView .filterBar { padding: 15px 30px;} .tabletView .filterBar.related-links-filter { padding: 0;} .tabletView .mainContentCtn { padding: 50px 30px;} .tabletView .mainContentCtn.noPaddingBottm { padding-bottom: 0;} .tabletView .otherSectionContentCtn { padding: 30px 30px;} /*.tabletView .centerContainer { max-width: none;}*/ .tabletView .threeProductsCtn>li{ width:33.33%;} .tabletView .mainContentCtn.career-work-life-balance .career-content-block h2 { width: 100%; } .tabletView .mainContentCtn.career-work-life-balance .career-content-block .career-content-image-left { width: 100%; margin: 0; } .tabletView .mainContentCtn.career-work-life-balance .career-content-block .career-content-image-left img { width: 100%; height: auto; } .tabletView .mainContentCtn.media-news .generalBtns { margin-right: 25px; } .en_us.tabletView .innerBannerCtn .slides .centerContainer {top:10%;} .en_us.tabletView .innerBannerCtn .slides h1 { font-size: 1.8em; line-height: 1em;} /* .en_us.tabletView .innerBannerCtn .slideTextCtn>span {font-size: 1.0em;}*/ .tabletView .innerBannerCtn .bannerSlideBtns{top:auto; bottom:10%;} .tabletView .slideTitle { padding-bottom: 6px;} .tabletView .slideSubTitle { color: #a48348; letter-spacing: 1.5px;} /* .tabletView .homeBannerCtn .slideSubTitle { color: #fff;}*/ .tabletView .innerBannerCtn .slides { height: 320px;} .tabletView .innerBannerCtn .slides img { max-height: 100%; height: auto;} .tabletView .innerBannerCtn.singleBanner .slides { height: 285px;} .tabletView .innerBannerCtn .slideTextCtn { width:50%;} .tabletView .innerBannerCtn .slides .innerBannerOutside { min-width: 1024px; } .tabletView .innerBannerCtn .slides .centerContainer { max-width: none; padding: 0 30px; top:20%; box-sizing: border-box;} .tabletView .innerBannerCtn .slides h1 { font-size: 2.3em;} .tabletView .contactItemsBox3Col>li.spaceDivider.tabletVersion { display: none;} .tabletView .luichewoo-prize-layout .innerBannerCtn .slides .centerContainer { top: auto; bottom: 5%;} /* ================== Home ================== */ .tabletView .home, .tabletView .homeBannerCtn, .tabletView .homeSlideShow { min-height: 0;} .tabletView .homeBannerCtn .homePagerCtn { z-index: 140; bottom:10px; } .tabletView .homeBannerCtn .slideShadow { height: 150px; background: url(../img/tablet/mainbanner_shadow.png) center bottom repeat-x; min-width: 0; margin-left:0; left:0; width: 100%; background-size: 100%;} .tabletView .homeBannerCtn .stockPager .cyclePager>span { margin: 0 0 0 10px;} .tabletView .homeBannerCtn .cyclePager>span { margin: 0 0 0 100px;} .tabletView .homeBannerCtn .cyclePager>span:first-child { margin: 0;} .tabletView .homeBannerCtn .homePagerInner { margin: 0 30px; max-width: none;} .tabletView .homeBannerCtn .cyclePagerCtn { margin:0;} .tabletView .homeBannerCtn .progressBar { width: 350px; left:0; right:0; margin:0 auto;} .tabletView .homeBannerCtn .progressInner { margin: 0;} .tabletView .homeBannerCtn .progressBar .progress { width:30%;} .tabletView .homeBannerCtn .generalBtnsCtn { margin-left: -25px; } .tabletView .homeBannerCtn .prizeLogoBtn { margin-left: 25px;} .tabletView .homeBannerCtn .generalBtnsCtn .generalBtns { margin-left: 25px; } .tabletView .homeBannerCtn .homeSlideShow>.slides { background-image: none; min-height: 1020px;} .tabletView .homeBannerCtn .slides>.imgCtn { position: absolute; left:50%; margin-left: -640px; bottom:0; min-width: 1280px; width: 100%;} .tabletView .homeBannerCtn .slides>.imgCtn img { max-width: none; width: 100%;} .tabletView .homeBannerCtn .slides .sloganCtn { top:0; left:0; position: relative; padding: 0 0 520px; z-index: 100;} .tabletView .homeBannerCtn .slides .slogan { max-width: none; width:auto; min-width: 0; top:0; left:0; padding:140px 0 0;} .tabletView .homeBannerCtn .slogan .imgCtn { width: 330px; position:relative; left: -25px; } .tabletView .homeBannerCtn .slogan .imgCtn img { width: 500px; max-width: none;} .tabletView .homeBannerCtn .slogan .slideTextCtn { position: relative; left:0; padding:0 30px 30px 0; right:auto; width: auto; overflow: hidden; box-sizing:border-box; } .tabletView .homeBannerCtn .slogan .slideTitleCtn { padding:155px 30px 0 0; } .tabletView .homeItemTxtCtn { font-size: 18px; line-height: 1.8em;} .tabletView .homeItemTxtCtn .generalBtnsCtn{ text-align:center;} .tabletView .homeItemTxtCtn .generalBtnsCtn .generalBtns { float:none;} .tabletView .slideTitle { font-size: 33px; line-height: 1em;} .tabletView .slideTextCtn a { font-size: 18px; line-height: 1.8em;} .tabletView .homeBannerCtn .slides.entertainment .slogan { background: url(../img/tablet/mainbanner_teaser_cover.png) center bottom no-repeat; background-size: 100% 100%;} .tabletView .homeBannerCtn .slides.hospitality .slogan { background: url(../img/tablet/mainbanner_hospitality_cover.png) center bottom no-repeat; background-size: 100% 100%;} .tabletView .homeBannerCtn .slides.property .slogan { background: url(../img/tablet/mainbanner_properties_cover.png) center bottom no-repeat; background-size: 100% 100%;} .tabletView .homeBannerCtn .slides.construction .slogan { background: url(../img/tablet/mainbanner_construction_cover.png) center bottom no-repeat; background-size: 100% 100%;} .tabletView .homeBannerCtn .slides.entertainment .slogan .imgCtn { width: 240px; position:relative; left: auto; right: 85px; top: 40px; height: 240px;} .tabletView .homeBannerCtn .slides.entertainment .slogan .imgCtn img { width: 294px; } .tabletView .homeBannerCtn .slides.entertainment .slogan .slideTextCtn { left:auto; right:0; padding:0 0 30px 30px; } .tabletView .homeBannerCtn .slides.entertainment .slogan .slideTitleCtn { padding:145px 0 0 30px; } .tabletView .homeBannerCtn .slides.property .slogan .imgCtn { left: -65px; top: -10px;} .tabletView .homeBannerCtn .slides.construction .slogan .imgCtn { top: -10px;} .tabletView .homeBannerCtn .stockCtn { right: auto; padding:0 20px; width:100%; box-sizing:border-box; top:20px;} .tabletView .homeBannerCtn .stockCtn.mobileVersion { display:none;} .tabletView .homeBannerCtn .stockItemCtn { width:50%; min-height: 140px; height:auto;} .tabletView .homeBannerCtn .stockItem p{max-height:22px;} .tabletView .homeBannerCtn .stockItem { width: auto; margin: 0 10px; box-sizing:border-box; height: 100%;} .tabletView .homeBannerCtn .stockCtn .homeStockSlideShow { height: 140px; } .tabletView .homeBannerCtn .stockItem img { width: auto; max-width: 100%; max-height: 100%;} .tabletView .homeBannerCtn .stockItem.newsItem { height: auto; min-height: 140px;} .tabletView .homeBannerCtn .stockItem.newsItem .homeNewsSlideShow { min-height: 78px;} .tabletView .homeBannerCtn .stockItem .cyclePager>span { margin: 0 0 0 10px;} .tabletView .homeSectionItemCtn img { max-width: none; width: 100%;} .tabletView .homeBannerCtn .lcwprize .bannerSpaceContainer{display:none;} .tabletView .homeBannerCtn .lcwprize .prizeLogoBtn{ float: none; clear: both; text-align:center;} .tabletView .homeBannerCtn .lcwprize .generalBtnsCtn .generalBtns{ float: none; clear: both; text-align:center;} .tabletView .homeBannerCtn .homeNewsSlideShow a { color: #333333; display: block; margin-bottom: 8px;} .tabletView .homeBannerCtn .homeNewsSlideShow a:last-child { margin-bottom: 0;} /* ================== Hospitality ================== */ /*.tabletView #hospitalityImgLabel2 .labelTxt { width:auto;}*/ /* ================== Entertainment ================== */ .tabletView .entertainmentSlideShow .slidesTitleBar { padding-left:30px; padding-right:30px; } .tabletView .entertainmentPagerCtn { padding: 0 30px; box-sizing: border-box;} .tabletView .entertainmentSlideShow .popupMap img { width: 90%; margin: auto 0 auto auto; } .tabletView .entertainmentSlideShow .slidesTitleBar>.centerContainer>* { padding-left: 130px;} /* ================== Property ================== */ .tabletView .submitStyle1 .formBtns { background-position: 80% center;} .tabletView #properytyBollonLabel2 { left:68%;} .tabletView #properytyBollonLabel3 { left:80.5%;} .tabletView #properytyBollonLabel4 { left: 75%; } .tabletView .filterBar .formRow>div { margin-left: 2%; margin-top: 4px; margin-bottom: 4px;} .tabletView .filterBar .formRow>div:nth-child(2n+1) { margin-left: 0%;} .tabletView .filterBar .selectSytle1 { width: 38%;} .tabletView .filterBar .selectSytle1.selectCtn .sbHolder { width: 100%;} .tabletView .filterBar .inputSytle1 { width: 38%;} .tabletView .filterBar .inputSytle1>input[type=text] { width: 100%;} .tabletView .filterBar .inputSytle1 .cuebox { width: 100%;} .tabletView .filterBar .submitBtnCtn { width: 18%;} .tabletView .filterBar .formBtns { width: 100%;} .tabletView .innerBannerCtn.csrBanner .slideTextCtn .sectionTitleSpan, .tabletView .innerBannerCtn.csrBanner .slideTextCtn h1, .tabletView .innerBannerCtn.csrBanner .slideTextCtn h3 { text-shadow: none;} /* ================== Business ================== */ .tabletView .businessStructureCtn .structureLv1 { left:0;} .tabletView .contactItemsBox4Col>li.spaceDivider { display: none;} .tabletView .bdshare_popup_box { display: none !important;} .tabletView .innerBannerCtn .singleBanner.csrBanner .bannerTitle{top:25%; left:30px; right:30px; margin-left:0; width:auto;} .tabletView .kwah60 .celebrationScrollSection .celebrationScrollSectionInner{ max-height: none;} .tabletView .kwah60 .celebrationScrollItem.maxWidth1400, .tabletView .kwah60 .celebrationScrollItem.maxWidth1300 { max-width: none; } .tabletView .kwah60 .celebrationScrollSection .celebrationScrollCtn { background:#d3b87c; } .tabletView .kwah60 .celebrationScrollItem:before{ position: absolute; content:""; background:#c6ac73; width:50%; left:0; right:0; margin:auto; height:1px; top:40px;} .tabletView .kwah60 .celebrationScrollItem:first-child{padding-top: 0;} .tabletView .kwah60 .celebrationScrollItem:first-child:before{ display: none;} .tabletView .kwah60 .celebrationScrollCtn { padding: 30px 0 30px; } .tabletView .kwah60 .celebrationScrollCtn .celebrationScrollItem:nth-child(1), .tabletView .kwah60 .celebrationScrollCtn .celebrationScrollItem:nth-child(2) { padding-top: 0; } .tabletView .kwah60 .celebrationScrollCtn .celebrationScrollItem:nth-child(1):before, .tabletView .kwah60 .celebrationScrollCtn .celebrationScrollItem:nth-child(2):before { background: none; } .tabletView .kwah60 .celebrationScrollItem .cboxContainer .image-container {display: inline-block; } .tabletView .kwah60 .twoColumns.width46 .smallColumn:first-child, .tabletView .kwah60 .twoColumns.width46 .bigColumn:first-child{padding-left: 0} .tabletView .kwah60 .twoColumns.width46 .smallColumn:last-child, .tabletView .kwah60 .twoColumns.width46 .bigColumn:last-child{padding-right: 0} .tabletView .kwah60 .twoColumns .image-caption.alignRightBottom{display: none;} .tabletView .kwah60 .twoColumns .image-caption.imageCaptionClone{display: block;} .tabletView .kwah60 .imgBottomTextQuoationCtn .imgBottomCtn { width: 40%; } .tabletView .kwah60 .imgBottomTextQuoationCtn .imgBottomCtn .imgBottomCtnInner{margin-top: 0;} .tabletView .kwah60 .imgBottomTextQuoationCtn .imgBottomCtn img{ max-width: 100%;} .tabletView .kwah60 .singleImgCtn {height: auto;} .tabletView .kwah60 .singleImgCtn>*{ -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .tabletView .kwah60 .celebrationScrollSection .logo{ margin-top: 0;} .tabletView .kwah60 .imgBottomTextQuoationCtn .quotation-sign-area{margin-left: 25px; margin-bottom: 25px;} .tabletView .kwah60 .detail-media-block.imgalignBottom, .tabletView .kwah60 .cboxContainer.imgalignBottom { margin-top: 0; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .twoColumns .bigColumn, .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .twoColumns .smallColumn{display: table-cell; float: none;} .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .twoColumns .bigColumn{ vertical-align: middle;} .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .twoColumns .smallColumn{ vertical-align: top;} .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .cboxContainer{ -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; position: static;} .tabletView .kwah60 .imgBottomTextQuoationCtn.textalignLeft .text-quotation>p{ padding-right: 38%;} /* .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 540px; min-height: 0;}*/ .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 38vw; min-height: 0;} .tabletView .kwah60 .contributionGallerySection .singleImgGridsCtn .imgGridsInner .detail-media-block .image-link img { max-height: none; } /* kwah60th anniversiary */ .tabletView .kwah60 .contributionTabSectionCtn .tabLabel{ padding-left: 30px; padding-right: 30px;} .tabletView .kwah60 .contributionTabSectionCtn .tabSlickCtn { width: 64.5%; padding: 13px 95px;} .tabletView .kwah60 .contributionGallerySection {padding: 0;} .tabletView .kwah60 .contributionGallerySection .imgGridsInner .imgGridsTextInner { padding: 30px 30px;} .tabletView .kwah60 .contributionGallerySection .imageTextRow.threeImgGridCtn .imgGridsInner{ width: 42.5%;} .tabletView .kwah60 .contributionGallerySection .imageTextRow.threeImgGridCtn .imgGridsInner.biggerGrids { width: 57.5%; padding-left: 0;} .tabletView .kwah60 .contributionGallerySection .imageTextRow.threeImgGridCtn .imgGridsInner:first-child{ width: 100%;} .tabletView .kwah60 .contributionGallerySection .imageTextRow.threeImgGridCtn .imgGridsInner:first-child>img{ display:none;} .tabletView .kwah60 .contributionGallerySection .imgGridsInner .imgGridsTextCtn {position: static;} .tabletView .kwah60 .celebrationScrollSection .logo{ padding: 0; } .tabletView .kwah60 .celebrationScrollItem{ padding-left: 30px; padding-right: 30px; height:auto; padding-top: 80px; position: relative; max-width: none;} .tabletView .kwah60 .imgBottomTextQuoationCtn.textalignLeft .text-quotation>p{ padding-right: 35%;} .tabletView .luichewoo-prize-layout .innerBannerCtn .bannerSlideBtns{top:0; bottom:0;} .tabletView .luichewoo-prize-layout .innerBannerCtn .slides .leftContainer .slideTextCtn { padding: 0 60px; box-sizing: border-box;} .luichewoo-prize-layout .innerBannerCtn .slides .leftContainer {bottom: auto; top: 16%;} .tabletView .kwah60 .celebrationScrollSection .celebrationScrollSectionInner { overflow: inherit !important; } .tabletView .kwah60 .celebrationScrollSection .celebrationScrollCtn { width: 100% !important; } .kwah60 .celebrationScrollSection .hsBtns{ display: none !important; } .careers_people_introduce .careers_introduce_box .careers_people_imgs:before{ left: 0; right: inherit; top: inherit; bottom: -40px; } .tabletView .career-4-parts .part-name{font-size:1.3em;} .careers_people_introduce .careers_introduce_box .careers_people_ctn { width: 88%; } .about-corporate-tabs .cells.tabs.tab2>a{padding-right: 0px; white-space: normal;} .report {text-align: center;} .report .image-frame {margin: 0 auto;} .report .text-container{padding-left: 0;} } @media only screen and (max-width:1060px){ .tabletView .kwah60 .imgBottomTextQuoationCtn .quotation-sign-area { width: 100%; text-align: right;} .tabletView .kwah60 .imgBottomTextQuoationCtn .text-quotation .generalBtns { float: right; } } @media only screen and (max-width:1024px){ .tabletView .homeBannerCtn .slides>.imgCtn { position: absolute; left:50%; margin-left: -512px; bottom:0; min-width: 1024px; } .tabletView .homeBannerCtn .slides>.imgCtn img { max-width: none; width: 100%;} .tabletView .homeBannerCtn .slideShadow { background-size: auto;} } @media only screen and (max-width:1023px){ .tabletView .quicklinkCtn .slick-list { padding: 0 50px; } .tabletView .lui-journey-banner{background-size:auto 100%; height:auto;} .tabletView .lui-journey-banner .centerContainer{height:auto;} .tabletView .lui-journey-banner .lui-text{font-size:0.6em; margin-left:8%; padding-right:5px; padding-left:128px; padding-top:15px; padding-bottom:10px;} .tabletView .lui-journey-banner .lui-text .text2{padding-left:20px; padding-right:5px;} .tabletView .lui-journey-banner .lui-text .generalBtns{position:static;} .tabletView .entertainmentSlideShow .slidesTitleBar>.centerContainer>* { padding-left: 110px;} /* kwah60th anniversiary */ .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerImg { width:30%; right:-30%; } .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerImg>img { width: auto; min-width: 0; max-width: 100%; max-height: 100%;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerTxt { position: absolute; left:0; width: 70%; top:25%;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerTxt * { color:#ffffff;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerTxt p { max-width: 65%;} .kwah60 .singleBanner.kwah60-contribution .singleBannerInnerCtn{position: static;} .kwah60 .singleBanner.kwah60-contribution .bannertextSecCtn .bannerSlogan { position: absolute; top:0; -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); -ms-transform: translateY(-100%); -o-transform: translateY(-100%); transform: translateY(-100%);} .tabletView .kwah60 .singleBanner.kwah60-contribution .bannertextSecCtn .bannerTxt{display:none; position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .tabletView .kwah60 .singleBanner.kwah60-contribution .bannertextSecCtn .bannerTxt.bannerTextClone{display:block;} .tabletView .kwah60 .singleBanner.kwah60-contribution .bannerTxt{ width: 100%; max-width:none; box-sizing: border-box;} .tabletView .kwah60 .contributionTabSectionCtn {height: auto;} .tabletView .kwah60 .contributionTabSectionCtn .tabLabel{ padding-top: 20px; padding-bottom: 20px;} .tabletView .kwah60 .contributionTabSectionCtn .tabLabel p {position: static; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none;} .tabletView .kwah60 .contributionTabSectionCtn .tabSlickCtn{ border-top: 1px solid #c6ac73; width: 100%; padding: 13px 90px;} .tabletView .kwah60 .singleBanner.kwah60-celebration .bannerTxt { position: static; text-align: left; max-width: none; box-sizing: border-box;} .tabletView .kwah60 .singleBanner.kwah60-celebration .bannerImg{min-height: 0;} .tabletView .kwah60 .singleBanner.kwah60-celebration .bannerImg>img { position: static; min-width: 0;} .tabletView .kwah60 .singleBanner .text1{ line-height: 1em; font-size: 1.2em; margin-bottom: 8px;} .tabletView .kwah60 .celebrationGrids .gridsImg img{ width: 100%; min-width: 0;} .tabletView .kwah60 .text-caption-image-row-ctn { margin-left: -26%;} .tabletView .kwah60 .singleBanner .bannerTxt .text1{ font-size: 15px;} .tabletView .kwah60 .singleBanner .bannerTxt .text2{ font-weight: 300;} .tabletView .kwah60 .contributionGallerySection .imgGridTextCtn{ padding: 30px 30px;} .tabletView .kwah60 .singleBanner .bannerImg img { width: 100%; height: auto; } .tabletView .press-release-detail .image-link img { max-width: 100%; height: auto; } .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 38vw; } /* .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 350px; }*/ .tabletView .ir-banner-section .related-links-filter{ position: static; } } @media only screen and (max-width:980px){ .tabletView .threeProductsCtn { max-width: 680px;} .tabletView .threeProductsCtn>li { width:333px;} .tabletView .businessStructureCtn .imgCtn img { margin:0;} .tabletView .structureLv0 { padding: 0 0 40px;} .tabletView .structureLv0Line { display: none;} .tabletView .businessStructureCtn .structureLv1 { position: relative; overflow: hidden;} .tabletView .businessStructureCtn .structureLv1BtnCtn { margin: 0;} .tabletView .businessStructureCtn .structureLv1BtnCtn li { position: relative; width: 100%; padding: 30px 15px;} .tabletView .businessStructureCtn .structureLv1BtnCtn li::after { content: ''; background:#d0d0d0; width:1px; height:100%; position: absolute; left:25px; top:0; } .tabletView .businessStructureCtn .structureLv1BtnCtn li.last::after { display: none; } .tabletView .businessStructureCtn .structureBtns { padding: 0 55px; float: left;} .tabletView .businessStructureCtn .structureBtns::before { content: ''; background:#d0d0d0; width:1px; height:100%; position: absolute; left:0; top:-100px; } .tabletView .businessStructureCtn .structureBtns::after { content: ''; background:#d0d0d0; width:40px; height:1px; position: absolute; left:0; top:0; bottom:0; margin: auto 0;} .tabletView .businessStructureCtn .structureLv2Ctn { margin: 0 18px 0 300px; padding: 0 0 0 12px;} .tabletView .businessStructureCtn .structureBtns .structureDivideLine { display: none;} .tabletView .businessStructureCtn .structureLv2Ctn .structureSubDivideLine { display: none;} .tabletView .businessStructureCtn .structureLv2Ctn .structureLv2Item { width: auto; margin: 35px 0 0;} .tabletView .businessStructureCtn .structureLv2Ctn .structureLv2Item:first-child { margin: 25px 0 0;} .tabletView .about-management-blocks .businessStructureCtn .structureLv2Ctn .structureLv2Item { margin-top: 15px;} .tabletView .entertainmentSlideShow .slidesTitleBar { height: 138px;} .tabletView .entertainmentPagerCtn .btnPrevSlide, .tabletView .entertainmentPagerCtn .btnNextSlide { height: 44px;} .tabletView .entertainmentSlideShow .slidesTitleBar>.centerContainer>* { padding-left: 100px;} /*.tabletView .businessStructureCtn { margin: 0; max-width: 700px;} .tabletView .structureLv0 { padding: 0 0 40px;} .tabletView .businessStructureCtn .structureBtns .structureDivideLine { left: 81px; top:40%;} .tabletView .businessStructureCtn .structureLv2Ctn .structureSubDivideLine { height:30px; top: -49px;}*/ /* kwah60th anniversiary */ .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerImg { position: absolute; right: 5%;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerTxt { position: relative; margin-top: 0; left:auto; top:auto;} .zh_hk.tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerTxt {padding-bottom: 160px;} .zh_cn.tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerTxt {padding-bottom: 160px;} .tabletView .kwah60 .twoColumns.width46 .smallColumn, .tabletView .kwah60 .twoColumns.width46 .bigColumn{ width: 50%;} .tabletView .about-management-blocks .businessStructureCtn .structureLv1BtnCtn li:after{display: none;} .tabletView .about-management-blocks .businessStructureCtn .structureLv1BtnCtn li { padding-top: 0; } .tabletView .about-management-blocks .businessStructureCtn .structureLv2Ctn { margin-left:0; position:relative; height: auto !important;} } @media only screen and (max-width:960px){ .tabletView .kwah60 .singleBanner .bannerImg{min-height: 0;} .tabletView .kwah60 .singleBanner .bannerImg>img { position: static; margin-right: auto; min-width: 0;} .tabletView .kwah60 .singleBanner .bannerTxt{ padding-bottom: 20px;} } @media only screen and (max-width:920px){ /*.tabletView .entertainmentSlideShow { height: auto; min-height: 660px;} .tabletView .entertainmentSlideBar { height: auto;} .tabletView .entertainmentSlideShow .slides { background-image: none; height:auto;} .tabletView .entertainmentSlideShow .slidesContentBar .centerContainer { height: auto; padding: 0 30px;} .tabletView .entertainmentSlideShow .popupMap { position: static; } .tabletView .entertainmentSlideShow .popupMap img { width: auto; max-width: 100%; margin: 0;} .tabletView .entertainmentSlideShow .slideTxtCtn { top:auto; bottom:50%;} .tabletView .entertainmentSlideShow .imgCtn { display: block;}*/ .tabletView .entertainmentSlideShow .popupMap { bottom: 25px;} .tabletView .entertainmentSlideShow .popupMap img { width: 75%;} .tabletView .entertainmentSlideShow .popupMap .btnEnlarge { bottom: -25px; right: 65px;} .tabletView .entertainmentSlideShow .slidesTitleBar h3 { font-size: 1.0em; line-height: 1.2em; padding-right: 0;} .tabletView .entertainmentSlideShow .slidesTitleBar h1 { font-size: 2.5em; line-height: 1em; padding-right: 195px;} /* .tabletView .entertainmentPagerCtn { top:55px;} .tabletView .entertainmentPagerCtn .btnPrevSlide { height: 50px;} .tabletView .entertainmentPagerCtn .btnNextSlide { height: 50px;}*/ .tabletView .entertainmentPagerCtn .pageCtn { font-size: 50px; line-height: 1em; margin-right: 15px;} .tabletView .entertainmentSlideShow .broadway1 .slideTxtCtn { width: 500px} .tabletView .entertainmentSlideShow .slides.star1 { background-size: auto 80%; background-position: center 132px;} .tabletView .entertainmentSlideShow .slides.galaxy1 { background-position: -500px bottom;} .tabletView .entertainmentSlideShow .slides.galaxy2 { background-position: -500px bottom;} .tabletView .entertainmentSlideShow .slides.galaxy3 { background-position: -500px bottom;} .tabletView .entertainmentSlideShow .slides.customer { background-position: -500px bottom;} /* ================== Hospitality ================== */ .tabletView .hospitalityContentImg .imgTxtCtn .labelTxt .number { font-size: 2.1em;} .tabletView .hospitalityContentImg .imgTxtCtn .labelTxt .number sub{ font-size: 0.26em;} .tabletView #hospitalityImgLabel1 { left: 29%; width: 47%;} .tabletView #hospitalityImgLabel2 { top: 49%; left: 90%;} .tabletView #hospitalityImgLabel4 { top: 7%; left: 32%;} } @media only screen and (max-width:900px){ .tabletView .quicklink .cover a { padding: 18px 20px;} .tabletView .contactItemsBox4Col>li { width: 50%; float: left;} .tabletView .contactItemsBox4Col>li .contactItemsBoxInner { float: left;} .tabletView .contactItemsBox2Col { margin: 0 -10px;} .tabletView .contactItemsBox2Col.contactItemsBox2ColInner { margin:0;} .tabletView .contactItemsBox2Col>li { width:100%; } .tabletView .contactItemsBox2Col.contactItemsBox2ColInner>li { width:50%; float:left; } .tabletView .contactItemsBox2Col>li>.contactItemsBoxInner { float:left;} .tabletView .contactItemsBox2Col>li.widthLeftBorder { border-left: 0;} .tabletView .properDetailCtn .slidesThumbnail { height: 100px;} .tabletView .properDetailCtn .thumbnailImgCtn { height: 100px;} .tabletView #properytyBollonLabel1 { font-size: 18px;} .tabletView #properytyBollonLabel2 { font-size: 19px;} .tabletView #properytyBollonLabel3 { font-size: 24px;} .tabletView #properytyBollonLabel4 { font-size: 17px;} .tabletView .protertyContentImg .imgTxtCtn .labelTxt .bigger { font-size: 22px;} .tabletView .protertyContentImg .imgTxtCtn .labelTxt .smaller { font-size: 20px;} .tabletView .address-container .spaceDivider.two-items{ display:block;} .tabletView .address-container .spaceDivider.three-items{ display:none;} .tabletView .address-container .grids3colsCtn .gridsCol{ width:50%;} .tabletView .address-container .gridsCol.text-hidden:last-child h3 { display: none;} /* ================== Hospitality ================== */ .tabletView #hospitalityImgLabel1 { width: 53%;} } @media only screen and (max-width:800px){ .tabletView .quicklink .cover a { padding: 18px 50px;} .tabletView .entertainmentSlideShow .popupMap img { width: 65%;} .tabletView .entertainmentSlideShow .popupMap { bottom: 75px; right: -35px;} .tabletView .entertainmentSlideShow .popupMap .btnEnlarge { bottom: -75px;} .tabletView .innerBannerCtn .slideTextCtn { width: 75%;} .tabletView .entertainmentContentImg { margin-top: 20px;} .tabletView .entertainmentContentImg>img{ width:106%; max-width: none;} #entertainmentImgLabel1 { left: 51%; } #entertainmentImgLabel2 { left: 36%; } #entertainmentImgLabel3 { left: 33%; } #entertainmentImgLabel4 { left: 36%; } #entertainmentImgLabel5 { left: 52%; } #entertainmentImgLabel6 { left: 83%; } /* ================== Hospitality ================== */ .tabletView #hospitalityImgLabel1 { width: 30%;} .tabletView #hospitalityImgLabel2 { top: 56%;} .media-video .checkBoxStyle1 label{font-size: 70%;} } @media only screen and (max-width:768px){ .tabletView .hospitality .business-quotation-ctn .text-image-quotation-ctn, .tabletView .properties .business-quotation-ctn .text-image-quotation-ctn { width: auto; float: none; } .tabletView .hospitality .text-image-quotation-ctn .text-quotation:before, .tabletView .properties .text-image-quotation-ctn .text-quotation:before { width: 80px; height: 80px; background-size: 80px; bottom: -10px; } .tabletView .hospitality .text-image-quotation-ctn .text-quotation:after, .tabletView .properties .text-image-quotation-ctn .text-quotation:after { width: 80px; height: 80px; background-size: 80px; bottom: -10px; } .entertainmentSlideShow .slideTxtCtn .fontSize36{ font-size: 30px; } } @media only screen and (max-width:765px){ .tabletView .threeProductsCtn { max-width: none;} .tabletView .threeProductsCtn>li{ width:50%;} .tabletView .productsImgCover { width:100%;} .tabletView .productsImgHover { width:100%;} .tabletView .contactItemsBox3Col>li { width:50%; float: left;} .tabletView .contactItemsBox3Col>li>.contactItemsBoxInner { float: left;} .tabletView .contactItemsBox3Col>li.spaceDivider.tabletVersion { display: block; margin:0;} /*.tabletView .homeBannerCtn .slides>.imgCtn { min-width: 0; left:50%; margin-left: -50%;} .tabletView .homeBannerCtn .slides .sloganCtn { padding: 0 0 200px;}*/ .tabletView .homeBannerCtn .slogan .imgCtn { width: 255px;} .tabletView .homeBannerCtn .slogan .imgCtn img { width: 390px;} .tabletView .homeBannerCtn .slogan .slideTextCtn { } .tabletView .homeBannerCtn .slogan .slideTitleCtn { padding:120px 30px 0 0; } .tabletView .homeSectionItemCtn .imgCtn { } .tabletView .homeSectionItemCtn .imgCtn img { max-width: none;} .tabletView .titleWithSelectbox { padding: 0 0 30px;} .tabletView .titleWithSelectbox .selectCtn { float: left; width:100%; margin: 10px 0 0 0;} .tabletView .titleWithSelectbox .selectCtn:first-child { width:100%; margin: 0 0 0 0;} .tabletView .selectCtn .sbHolder { width: 100%; box-sizing:border-box;} .tabletView .twoColumn55>.colSmaller { width: 100%;} .tabletView .twoColumn55>.colBigger { width: 100%;} .tabletView .twoColumn55>div { padding: 45px 0 0;} .tabletView .twoColumn55>div:first-child { padding: 15px 0 0;} .tabletView .twoColumn73 { margin:0;} .tabletView .twoColumn73>.colWidth7 { width:100%; padding:15px 0 0;} .tabletView .twoColumn73>.colWidth3 { width:100%;} .tabletView .twoColumn73 .twoColumnInner { margin:0; } .tabletView .twoColumn73 .entertainmentInfoGraphic.twoColumnInner { text-align: center;} .tabletView .twoColumn73 .twoColumnInner .imgCtn img { margin:0 auto;} /* ==================================== Hospitality ==================================== */ .tabletView .twoColumn64 { margin:0 ;} .tabletView .twoColumn64>.colWidth6 { width:100%; padding:15px 0 0;} .tabletView .twoColumn64>.colWidth4 { width:100%;} .tabletView .twoColumn64 .twoColumnInner { margin:0;} .tabletView .entertainmentContentImg { display: inline-block; } .tabletView .entertainmentContentImg>img { max-width: 100%; width: auto;} .tabletView .properDetailCtn .slick-slide img{ width:100%; margin-left: auto; -webkit-transform: none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform: none;} .tabletView .hospitalityContentImg .imgTxtCtn .labelTxt .number { font-size: 3.5em;} .tabletView #hospitalityImgLabel1 { left: 25%;} .tabletView #hospitalityImgLabel2 { top: 52%; left: 83%;} /* ==================================== Entertainment ==================================== */ .tabletView .entertainmentPagerCtn {position:absolute; top:5px; right: auto; left:0; } .tabletView .entertainmentPagerCtn .entertainmentPagerInner { text-align:center;} .tabletView .entertainmentPagerCtn .pageCtn{display:inline-block; float:none; margin:0;} .tabletView .entertainmentPagerCtn .btnPrevSlide, .tabletView .entertainmentPagerCtn .btnNextSlide{height: 60px; padding:0; margin:0; background-color:transparent;} .tabletView .entertainmentSlideShow .slidesTitleBar { padding-top:65px; height: auto;} .tabletView .entertainmentSlideShow .slidesTitleBar>.centerContainer>* { padding-left: 0; padding-right: 0;} .tabletView .entertainmentSlideShow .slidesTitleBar h3 { font-size: 1.2em; line-height: 1.2em;} .tabletView .entertainmentSlideShow .slidesTitleBar h1 { font-size: 1.8em; line-height: 1em;} .tabletView .entertainmentSlideShow .slidesTitleBar .generalBtns { padding-left: 0;} .tabletView .entertainmentSlideBar { height: auto; min-height: 300px;} .tabletView .entertainmentSlideShow { height: auto; min-height: 300px;} .tabletView .entertainmentSlideShow .slidesContentBar .centerContainer { height: auto;} .tabletView .entertainmentSlideShow .popupMap { position: static; margin: 0 30px; padding:20px 0 0;} .tabletView .entertainmentSlideShow .popupMap img { margin:0; max-width: 100%; width: auto;} .tabletView .entertainmentSlideShow .popupMap .btnEnlarge { bottom: 0; right:-30px;} .tabletView .entertainmentSlideShow .slides { background-image: none; height: auto; overflow: hidden; min-height: 300px;} .tabletView .entertainmentSlideShow .slides { background-image: none; height: auto; overflow: hidden; min-height: 300px;} .tabletView .entertainmentSlideShow .customer{ background-image: none !important; } .entertainmentSlideShow .customer .slideTxtCtn{ left: 30px; } .tabletView .entertainmentSlideShow .slidesContentBar .imgCtn { display: block; padding: 10px 0 0;} .tabletView .entertainmentSlideShow .slideTxtCtn h4 { margin-top: 8px;} .tabletView .entertainmentSlideShow .galaxy1 .slideTxtCtn { top:30px; } .tabletView .entertainmentSlideShow .galaxy2 .slideTxtCtn { top:30px; } .tabletView .entertainmentSlideShow .galaxy3 .slideTxtCtn { top:60px;} .tabletView .entertainmentSlideShow .customer .slideTxtCtn { top:30px; } .tabletView .entertainmentSlideShow .broadway1 .slidesContentBar .imgCtn { padding: 100px 0 0;} .tabletView .entertainmentSlideShow .broadway2 .slidesContentBar .imgCtn { padding: 80px 0 0;} .tabletView .entertainmentSlideShow .star1 .slidesContentBar .imgCtn { padding: 80px 0 0;} #entertainmentImgLabel6 { left: 76%; } #entertainmentImgLabel6 .labelTxt>span>span { padding: 0 26px 0 0;} /* ==================================== Property ==================================== */ .tabletView .protertyContentImg { } .tabletView .protertyContentImg img { margin: 0 auto; width: 100%;} .tabletView .properDetailCtn .twoColumn64>.colWidth4 { margin-top: -35px;} .tabletView .properDetailCtn .slidesThumbnail { height: 135px;} .tabletView .properDetailCtn .thumbnailImgCtn { height: 135px;} .tabletView .homeBannerCtn .slideTextCtn>span, .tabletView .homeBannerCtn .generalBtns{font-weight:400;} .tabletView .homeBannerCtn .slideTextCtn>span{line-height:1.6em;} .tabletView .text-image-quotation-ctn .text-image { width:100%;} .tabletView .text-image-quotation-ctn .text-image img {max-width: 100%; margin: 0 auto; display: block;} .tabletView .text-image-quotation-ctn .text-image:after {display:none;} .tabletView .text-image-quotation-ctn .text-quotation { width:100%; float:left; overflow: initial; margin-bottom: 40px; box-sizing: border-box;} .tabletView .text-image-quotation-ctn .text-quotation:before{ position: absolute; content: ""; width: 100px; height: 100px; background: url(../img/inner/kwah60/grand-celebration-intro-quote01.png) left top no-repeat; left: 0; top: -20px;} .tabletView .text-image-quotation-ctn .text-quotation:after { right:0;} /* kwah60th anniversiary */ .tabletView .text-image-row-ctn .slideCtn { width: 100%; padding-right: 0;} .tabletView .text-image-row-ctn.imageAlignBottom .text-image { height: auto !important;} .tabletView .text-image-row-ctn.imageAlignBottom .text-image{max-width: 450px; width: 100%;} .tabletView .text-image-row-ctn.imageAlignBottom .text-image.alignBottom img { margin-bottom: 0;} .tabletView .text-image-row-ctn.imageAlignBottom .text-content { width:100%; float:left;} .tabletView .kwah60 .text-caption-image-row-ctn { width: 100%; display: block; margin-left: 0;} .tabletView .kwah60 .text-caption-image-row-ctn .text-image{ padding-right: 0;} .tabletView .kwah60 .text-caption-image-row-ctn .text-caption{ display: block;} .tabletView .kwah60 .text-caption-image-row-ctn .image-caption{ display: block;} .tabletView .kwah60 .detail-media-block-row .detail-media-block, .tabletView .kwah60 .detail-media-block-row .cboxContainer { width:100%; } .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerImg { position: relative; margin-top: 0; margin-bottom: -15%; min-height: 0; z-index:21; top:0; padding-top: 20px; width:50%; max-width: 250px;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerImg>img { position: static;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerTxt { width: auto; background: #ffffff; padding-top: 16%;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerTxt * { color:#000000;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerTxt p { max-width: none;} .tabletView .kwah60 .kwah60-lcwa.mainContentCtn { padding-top: 50px;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .bannerTxt .text1 { color: #a3844b;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .generalBtns.arrowRight a { color: #a48348;} .tabletView .kwah60 .singleBanner.kwah60-lcwa .generalBtns.arrowRight .generalBtnsArrow { background: url(../img/btn_more-1.png) center 2px no-repeat;} .tabletView .kwah60 .twoColumns.width46 .smallColumn, .tabletView .kwah60 .twoColumns.width46 .bigColumn, .tabletView .kwah60 .twoColumns.width37 .smallColumn, .tabletView .kwah60 .twoColumns.width37 .bigColumn, .tabletView .kwah60 .twoColumns.width56 .smallColumn, .tabletView .kwah60 .twoColumns.width56 .bigColumn, .tabletView .kwah60 .twoColumns.width55 .smallColumn, .tabletView .kwah60 .twoColumns.width55 .bigColumn {width:100%; padding-left: 0; padding-right: 0; margin-top: 25px; } .tabletView .kwah60 .twoColumns.width46 .smallColumn:first-child, .tabletView .kwah60 .twoColumns.width46 .bigColumn:first-child, .tabletView .kwah60 .twoColumns.width37 .smallColumn:first-child, .tabletView .kwah60 .twoColumns.width37 .bigColumn:first-child, .tabletView .kwah60 .twoColumns.width56 .smallColumn:first-child, .tabletView .kwah60 .twoColumns.width56 .bigColumn:first-child, .tabletView .kwah60 .twoColumns.width55 .smallColumn:first-child, .tabletView .kwah60 .twoColumns.width55 .bigColumn:first-child {margin-top: 0;} .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .twoColumns .bigColumn, .tabletView .kwah60 .celebrationScrollItem.cboxVerticalAlignCenter .twoColumns .smallColumn { display:block;} .tabletView .kwah60 .twoColumns.width56 .smallColumn .cboxContainer { margin-right: 0;} .tabletView .kwah60 .imgBottomTextQuoationCtn { margin-left: 0; } .tabletView .kwah60 .imgBottomTextQuoationCtn .imgBottomCtn{ display:none;} .tabletView .kwah60 .imgBottomTextQuoationCtn .textContent { width: 100%; float: left; } .tabletView .kwah60 .imgBottomTextQuoationCtn .textContent>*[data-margin-left="-80"] {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-right: 0;} .tabletView .kwah60 .imgBottomTextQuoationCtn .textContent>*[data-margin-right="80"] {-webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; margin-left: 0;} .tabletView .kwah60 .imgBottomTextQuoationCtn .text-quotation{ background-size: 60px; padding-left: 40px; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px);} .tabletView .kwah60 .imgBottomTextQuoationCtn .text-quotation>p { padding-right: 30px;} .tabletView .kwah60 .imgBottomTextQuoationCtn .text-quotation .quotation-sign-row { background-size: 60px; padding-top: 80px; -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -ms-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); margin-bottom: 0;} .tabletView .kwah60 .imgBottomTextQuoationCtn.textalignLeft .text-quotation{ margin-left: 0; -webkit-transform: translateY(15px); -moz-transform: translateY(15px); -ms-transform: translateY(15px); -o-transform: translateY(15px); transform: translateY(15px); background-position: left 0;} .tabletView .kwah60 .imgBottomTextQuoationCtn.textalignLeft .text-quotation>p { padding-right: 30px;} .tabletView .kwah60 .imgBottomTextQuoationCtn .textContent .imgBottomCtnInner{ display: block;} .tabletView .kwah60 .celebrationGridsCtn { position: static;} .tabletView .kwah60 .celebrationGridsSectionCtn>img{ display: none;} .tabletView .kwah60 .celebrationCoreSquare { position: static; width: auto; height:auto; -webkit-transform: none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; background: #d3b87c;} .tabletView .kwah60 .celebrationCoreSquare:before { display: none;} .tabletView .kwah60 .celebrationCoreSquare span{ position: static; -webkit-transform: none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none; padding: 15px 10px; } .tabletView .kwah60 .celebrationGrids { width:100%;} .tabletView .kwah60 .celebrationGrids img { position: static; -webkit-transform: none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;} /* .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 250px; }*/ .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 38vw; } .tabletView .kwah60 .contributionGallerySection .imageTextRow.threeImgGridCtn .imgGridsInner .detail-media-block .image-link img { max-height: 425px;} .tabletView .kwah60 .celebrationCoreSquare strong {top: auto; transform: none; padding: 20px 0;} .tabletView .kwah60 .contributionTabSectionCtn .tabLabel { font-size: 1.2em; padding-top: 10px; padding-bottom: 10px;} .tabletView .kwah60 .contributionTabSectionCtn .tabSlickCtn .tabBtn{ width:100%; height:60px;} .tabletView .kwah60 .scroll-btn{ display: none;} .tabletView .kwah60 .celebrationGrids:hover .gridsImg img { -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none; } .tabletView .address-container .spaceDivider.two-items{ display:none;} .tabletView .address-container .grids3colsCtn{margin-left:0; margin-right:0;} .tabletView .address-container .grids3colsCtn+.grids3colsCtn{ margin-top: 30px;} .tabletView .address-container .grids3colsCtn .gridsCol{ width:100%; margin-top: 30px; padding-left:0; padding-right:0;} .tabletView .address-container .grids3colsCtn .gridsCol:first-child{ margin-top: 0;} .tabletView .address-container table td{ padding-left: 0;} .tabletView .address-container .gridsCol.text-hidden h3 { display: none;} .tabletView #hospitalityImgLabel4 {top: 10%; left: 38%;} } @media only screen and (max-width:650px){ /*coporate social responsibility quick fix, mobile view port*/ .reports .report { width: 100%; border-bottom: 1px solid #dddddd; border-right: 0; padding-bottom: 20px; margin-bottom: 25px; padding-right: 0; padding-left: 0; } .tabletView h1 { font-size: 1.8em; line-height: 1em;} .tabletView h2 { margin-bottom: 20px;} /* .tabletView h3 { font-size: 1.4em; line-height: 1.2em;}*/ .tabletView h3 { font-size: 1.2em; line-height: 1.2em;} .about-management-blocks h3{text-align: left;} .tabletView .wrapper-header { padding: 0 0 0 10px; } .tabletView .quicklink .cover a { padding: 18px 20px;} .tabletView .menuCtn { top:60px;} .tabletView .wrapper-footer { padding: 8px 10px;} .tabletView .mobileVersion { display: block;} .tabletView .btn-backToTop.notActive { display: none;} .tabletView .menuCtn .menuLv0>li>a { padding: 14px 10px;} .tabletView .menuCtn .menuLv0>li>a:after{ right:10px;} .tabletView .menuCtn .menuLv0>li.blackcolor a { padding: 10px 10px 12px; } .tabletView .menuCtn .menuLv0>li.blackcolor.socialbar a { padding: 10px 0 12px; } .tabletView .menuCtn .menuLv0>li>a .subMenuArrow { right:15px;} .tabletView .subMenuLeftCtn ul li a, .tabletView .subMenuLeftCtn>.menuTitle>a { padding: 14px 10px 14px 38px; background-position: 10px 21px;} .tabletView .menuCtn .menuLv0>li.menuBtnType2>.subMenuCtn{ background: transparent;} .tabletView .menuCtn .menuLv0>li.menuBtnType2 .subMenuLeftCtn { padding-top: 0;} .tabletView .menuCtn .menuLv0>li.menuBtnType2>.subMenuCtn ul a, .tabletView .menuCtn .menuLv0>li.menuBtnType2>.subMenuCtn:hover ul a {background-position: 10px 21px;} .tabletView .menuFourBlockCtn li .title { padding: 14px 0 14px 38px; background-position: 10px 21px; font-weight: bold;} .tabletView .menuFourBlockCtn li .menuBlock:hover .title { background-position: 10px 21px;} .tabletView .sectionTitleCtn { padding: 20px 10px 40px;} .tabletView .filterBar { padding: 15px 10px;} .tabletView .filterBar.related-links-filter { padding: 0;} .tabletView .mainContentCtn { padding: 40px 10px;} .tabletView .mainContentCtn.noPaddingBottm { padding-bottom: 10px;} .tabletView .otherSectionContentCtn { padding: 30px 10px;} .tabletView .threeProductsCtn { max-width: 300px; margin:0 auto;} .tabletView .threeProductsCtn>li{ width:100%; } .tabletView .productsCaption { height: auto; padding-bottom: 18px; max-height: 44px;} .tabletView .entertainment .productsCaption { height: auto; max-height: 55px;} /* .tabletView .property .productsCaption { height: auto; max-height: 98px;}*/ .tabletView .property .productsCaption { height: auto; max-height: 8.8em;} .tabletView .productsImg { height: 185px;} .tabletView .productsInnerCtn { margin: 0 0 25px;} .tabletView .contactItemsBox3Col { margin: 0;} .tabletView .contactItemsBox3Col>li { width:100%;} .tabletView .contactItemsBox3Col>li>.contactItemsBoxInner { margin:0; } .tabletView .twoColumn73 { margin: 0;} .tabletView .subSectionCtn { padding: 0;} .tabletView .twoColumn73>.colWidth7 { width: 100%;} .tabletView .twoColumn73>.colWidth3 { width: 100%;} .tabletView .twoColumn73 .twoColumnInner { margin:0;} .tabletView .twoColumn64 { margin:0 ;} .tabletView .twoColumn64>.colWidth6 { width:100%; } .tabletView .twoColumn64>.colWidth4 { width:100%;} .tabletView .twoColumn64 .twoColumnInner { margin:0;} .management-slideshow .general-button-ctn .arrow-only:after{ height: 26px; background: url(../img/management-slidedetail-arrow.png) 74% 12px no-repeat; top: -9px;} /* ==================================== Property ==================================== */ .tabletView .contactItemsBox4Col>li { width: 100%; float: left;} .tabletView .contactItemsBox4Col>li>.contactItemsBoxInner { float: left;} .tabletView .contactItemsBox2Col.contactItemsBox2ColInner>li { width:100%; float: left;} .tabletView .contactItemsBox2Col>li>.contactItemsBoxInner { float: left;} .tabletView .filterBar .formRow>div { width: 100%; margin-left:0; margin-top: 20px;} .tabletView .filterBar .formRow>div:first-child { margin-top: 0;} .tabletView .properDetailCtn .thumbnailImgCtn { margin: 10px 0 20px;} .tabletView .properDetailCtn .slidesThumbnail { } .tabletView .properDetailCtn .thumbnailImgCtn .slides { padding: 0 5px;} .tabletView .submitStyle1 .formBtns { background-position: 65% center;} /* ==================================== Entertainment ==================================== */ .tabletView .entertainmentSlideShow .slidesTitleBar { padding-left: 10px; padding-right: 10px;} .tabletView .entertainmentPagerCtn { padding: 0 10px;} .tabletView .entertainmentSlideShow .slideTxtCtn { left: 10px; padding: 0 10px 0 85px;} .tabletView .entertainmentSlideShow .broadway1 .slideTxtCtn { top:35px; width: 75%;} .tabletView .entertainmentSlideShow .broadway2 .slideTxtCtn { top:60px;} .tabletView .entertainmentSlideShow .star1 .slideTxtCtn { top:30px; width: 75%;} .tabletView .structureLv0 { padding: 0 0 25px;} .tabletView .businessStructureCtn .structureLv1BtnCtn li { padding: 30px 0;} .tabletView .businessStructureCtn .structureLv1BtnCtn li::after { left: 10px;} .tabletView .businessStructureCtn .structureBtns { padding: 0 35px;} .tabletView .businessStructureCtn .structureBtns::after { width: 30px;} .tabletView .businessStructureCtn .structureLv2Ctn { margin: 0 0 0 58px;} .tabletView .businessStructureCtn .structureLv2Ctn .structureLv2Item:first-child { margin: 35px 0 0;} .tabletView .businessStructureCtn .structureLv2Ctn .structureSubDivideLine { display: block; height: 30px; top: -49px;} .tabletView .businessStructureCtn .structureBtns::before { top:-90px;} .tabletView .businessStructureCtn .structureBtns { float:none; height: auto;} .tabletView .businessStructureCtn .structureBtns .structureDivideLine { display:block; left: 60px;} .tabletView .businessStructureCtn .structureBtns a { width:180px; height: 180px; background-size: 180px;} .tabletView .about-management-blocks .businessStructureCtn .structureLv2Ctn {margin-left: 12px;} .tabletView .about-management-blocks .businessStructureCtn .structureLv2Ctn .structureLv2Item { margin-top: 15px;} /* .tabletView .innerBannerCtn .slides .centerContainer {top:27%; bottom:auto; padding: 0 10px; }*/ .tabletView .innerBannerCtn .slides .centerContainer {top:16%; bottom:auto; padding: 0 10px; } .en_us.tabletView .innerBannerCtn .slides .centerContainer {top:4%;} .en_us.tabletView .luichewoo-prize-layout .innerBannerCtn .slides .centerContainer {top:auto;} .tabletView .innerBannerCtn.construction .slides .centerContainer { top:20%;} .tabletView .innerBannerCtn .slides h1 { font-size: 1.72em; line-height: 1em;} .en_us.tabletView .innerBannerCtn .slides h1 { font-size: 1.5em; line-height: 1em;} .en_us.tabletView .innerBannerCtn .slideTextCtn>span {font-size: 1.0em;} .tabletView .entertainment-video-wrapper .control-button { margin-top:-42px;} /* ==================================== home ==================================== */ .tabletView .homeSectionItemCtn .imgCtn { height: auto;} .tabletView .homeSectionItemCtn .imgCtn img { height: auto; max-width: 100%;} .tabletView .innerBannerCtn .slideTextCtn { width: 100%; } .tabletView .innerBannerCtn.hospitality .slides .innerBannerImg { left:-40%; margin-left: -212px; } .tabletView .homeBannerCtn .cyclePager>span { margin:0 0 0 50px;} .tabletView .homeBannerCtn .progressBar { width: 198px;} .tabletView .homeBannerCtn .progressBar .progress { width: 54px; margin: 0 6px 0 6px;} .tabletView .innerCtn .homeBannerCtn{padding-top: 160px;} .tabletView .homeBannerCtn .stockCtn {display: none; padding: 0; top:0; } .tabletView .homeBannerCtn .stockItemCtn:first-child{display: block;} .tabletView .homeBannerCtn .stockItem{margin: 0;} .tabletView .homeBannerCtn .stockItem h5{display:block;} .tabletView .homeBannerCtn .homeSlideShow>.slides { min-height: 640px;} .tabletView .homeBannerCtn .stockItem .news-slides{ padding-top:8px; padding-left: 10px; padding-right: 10px;} .tabletView .homeBannerCtn .stockItem .news-slides a{ margin-top: 8px;} .tabletView .homeBannerCtn .slides .sloganCtn { padding: 0 0 0;} .tabletView .homeBannerCtn .slides .slogan { padding:0;} .tabletView .homeBannerCtn .slides>.imgCtn { min-width: 650px; margin-left: -325px;} .tabletView .homeBannerCtn .slogan .imgCtn { width: 35%; height: 350px;} .tabletView .homeBannerCtn .slogan .imgCtn img { width: 150%;} .tabletView .homeBannerCtn .slogan .slideTextCtn { padding: 0 10px 20px 0; box-sizing:border-box; } .tabletView .homeBannerCtn .slogan .slideTitleCtn { padding: 40px 20px 0 0; width: auto; top:0;} .tabletView .homeSectionItemCtn .imgCtn { width:110%; position: relative; left: -30px;} .tabletView .homeSectionItemCtn .imgCtn img {height: auto; max-width: 100%;} .tabletView .homeBannerCtn .homeItemTxtCtn { padding: 20px 10px;} .tabletView .homeBannerCtn .slideTextCtn>span { font-size: 15px;} .tabletView .homeItemTxtCtn { font-size: 15px; line-height: 1.8em;} .tabletView .slideTitle { font-size: 33px; line-height: 1em;} .tabletView .homeBannerCtn .stockCtn.mobileVersion { display:block;} .tabletView .homeBannerCtn .stockCtn.mobileVersion .stockItemCtn{margin-top:0; height:160px; width:100%;} .tabletView .homeBannerCtn .stockCtn.mobileVersion .homeStockSlideShow{height:100%;} .tabletView .homeBannerCtn .stockCtn .news-slides p { max-height:22px;} .tabletView .homeBannerCtn .stockCtn .news-slides .date { display:block; font-size: 12px; text-transform: uppercase; line-height: 1.2em; margin: 10px 0 3px;} .tabletView .homeBannerCtn .stockCtn .news-slides .date:first-child{margin-top: 0;} .tabletView .homeBannerCtn .slides.entertainment .slogan .imgCtn { height: auto; top:20px; width:75px; right:93px;} .tabletView .homeBannerCtn .slides.entertainment .slogan .imgCtn img { width:150px;} .tabletView .homeBannerCtn .slides.entertainment .slogan .slideTextCtn { top:0; padding: 0 10px 20px 10px;} .tabletView .homeBannerCtn .slides.entertainment .slogan .slideTitleCtn { top:0; padding: 100px 12px 0 10px;} .tabletView .homeBannerCtn .slides.property .slogan .imgCtn { left:-9%; top:0;} .tabletView .homeBannerCtn .slides.entertainment .slogan { background: url(../img/tablet/mainbanner_teaser_cover.png) center -270px no-repeat; background-size: auto;} .tabletView .homeBannerCtn .slides.hospitality .slogan { background: url(../img/tablet/mainbanner_hospitality_cover.png) center -200px no-repeat; background-size: auto;} .tabletView .homeBannerCtn .slides.property .slogan { background: url(../img/tablet/mainbanner_properties_cover.png) center -250px no-repeat; background-size: auto;} .tabletView .homeBannerCtn .slides.construction .slogan { background: url(../img/tablet/mainbanner_construction_cover.png) center -195px no-repeat; background-size: auto;} .tabletView .homeBannerCtn .slogan .slideTitleCtn { padding: 40px 20px 0 0;} .tabletView .homeBannerCtn .slides.hospitality .slogan .slideTextCtn { top:0;} .tabletView .entertainment-video-slideshow .swiper-slide .btnTxt{font-size:0.9em; line-height:1.2em; height:4.8em;} .entertainment-video-slideshow .swiper-slide .btnTxt .generalBtnsArrow{vertical-align:1px;} .tabletView .innerBannerCtn .singleBanner.csrBanner .bannerTitle{left:10px; right:10px;} /* kwah60th anniversiary */ .tabletView .kwah60 .otherSectionContentCtn.whiteBackgroundColor{ padding-left: 10px; padding-right: 10px;} .tabletView .kwah60 .kwah60-lcwa.otherSectionContentCtn .centerContainer { padding: 0 10px;} .tabletView .kwah60 .contributionTabSectionCtn .tabSlickCtn .slick-prev, .tabletView .kwah60 .contributionTabSectionCtn .tabSlickCtn .slick-next { width:40px;} .tabletView .kwah60 .contributionTabSectionCtn .tabSlickCtn { padding-left: 55px; padding-right: 55px;} .tabletView .kwah60 .contributionGallerySection .imgGridsInner .imgGridsTextInner { padding: 15px 10px;} .tabletView .kwah60 .celebrationScrollItem{ padding-left: 10px; padding-right: 10px;} .tabletView .kwah60 .entertainment-video-slideshow .swiper-slide>a { margin: 0 -20px;} .tabletView .kwah60 .entertainment-video-slideshow .swiper-slide .btnTxt { height:auto;} /* .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 220px; }*/ .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 38vw; } .tabletView .kwah60 .contributionGallerySection .imgGridTextCtn{ padding: 30px 10px;} .tabletView .kwah60 .celebrationCoreSquare strong {top: auto; transform: none; padding: 20px 0;} .tabletView .luichewoo-prize-layout .innerBannerCtn .slides .innerBannerImg.chairman-slide{ left: -40%;} .tabletView .subMenuRightCtn.menu60thAnnibg { padding-left: 15px; padding-right: 15px;} .tabletView .luichewoo-prize-layout .innerBannerCtn .slides .leftContainer .slideTextCtn { padding: 0 15px;} .luichewoo-prize-layout .innerBannerCtn .slides .leftContainer {bottom: auto; top: 4%;} /* ================== Hospitality ================== */ .tabletView #hospitalityImgLabel1 { width: 33%;} .tabletView #hospitalityImgLabel2 { top: 56%;} /* ================== about-corporate ================== */ .tabletView .about-corporate-tab-content .circle-text span { font-size: 3em; } .tabletView .about-corporate-tab-content .circle-text span.highlight { font-size: 6em; } /* ================== contact-us ================== */ .tabletView .contact-us .contact-us-form-inner { width: 100%; } .tabletView .contact-us .contact-us-form-inner label { display: none; } .tabletView .contact-us .contact-us-form-inner .form-input-wrapper { height: 42px; font-size: 19px; line-height: 32px; } .tabletView .contact-us .contact-us-form-inner input { } .tabletView .contact-us .contact-us-form-inner input, .tabletView .contact-us .contact-us-form-inner textarea { height: 32px; font-size: 19px; line-height: 32px; } .tabletView .contact-us .contact-us-form-inner input::-webkit-input-placeholder, .tabletView .contact-us .contact-us-form-inner textarea::-webkit-input-placeholder { /* Chrome/Opera/Safari */ font-family: "微軟正黑體", 'Lato', Arial, Helvetica, sans-serif; color: #999; } .tabletView .contact-us .contact-us-form-inner input::-moz-placeholder, .tabletView .contact-us .contact-us-form-inner textarea::-moz-placeholder { /* Firefox 19+ */ font-family: "微軟正黑體", 'Lato', Arial, Helvetica, sans-serif; color: #999; } .tabletView .contact-us .contact-us-form-inner input:-ms-input-placeholder, .tabletView .contact-us .contact-us-form-inner textarea:-ms-input-placeholder { /* IE 10+ */ font-family: "微軟正黑體", 'Lato', Arial, Helvetica, sans-serif; color: #999; } .tabletView .contact-us .contact-us-form-inner input:-moz-placeholder, .tabletView .contact-us .contact-us-form-inner textarea:-moz-placeholder { /* Firefox 18- */ font-family: "微軟正黑體", 'Lato', Arial, Helvetica, sans-serif; color: #999; } .tabletView .contact-us .contact-us-form-split .form-row-right { width: 100%; } .tabletView .contact-us .contact-us-form-inner .form-row-button-panel { display: flex; justify-content: space-between; } .tabletView .contact-us .contact-us-form-inner .form-row-button-panel .form-button-wrapper { width: calc(50% - 7px); height: 100%; margin: 0; } .tabletView .media-grids-container .media-grid { height: auto; } .tabletView .mainContentCtn.media-gallery-index .gallery-bottom-disclaimer { width: 260px; margin: 0 auto; } .tabletView .mainContentCtn.media-gallery-index .ir-other-categories-ctn .ir-other-categories { padding-left: calc((100% - 260px) * 0.5); padding-right: calc((100% - 260px) * 0.5); } .tabletView .filterBar .filter-bar-e-newsletter .formRow { padding-left: 0; } .tabletView .filterBar .filter-bar-e-newsletter .submitBtnCtn .formBtns { width: 100%; } .tabletView .media-grids-container { margin: 0 0 40px; } .tabletView .media-gallery-detail .media-grids-container .media-grid:first-child { padding: 0 0 20px; } .tabletView .media-grids-container .media-grid .grid-center { width: calc(100% - 40px); } .tabletView .media-grids-container .media-grid .image-border { width: calc(100vw - 44px); height: calc((100vw - 44px) * 0.64); margin: 0 auto; padding: 10px 13px 18px 11px; background-size: 100%; } .tabletView .media-grids-container .media-grid .image-frame { background: none; } /* .tabletView .media-grids-container .media-grid .image-border { width: calc(100% - 24px); height: auto; margin: 0 auto; background-size: 100%; } .tabletView .media-grids-container .media-grid .image-center { height: auto; position: relative; left: 0; } .tabletView .media-grids-container .media-grid .image-center>img { width: 100%; height: auto; left: auto; } */ .careers_people_introduce .careers_introduce_box .careers_people_imgs:before{ left: 30px; } .media-video .checkBoxStyle1 label{font-size: 85%;} } @media only screen and (max-width:560px){ .tabletView #hospitalityImgLabel1 { width: 38%; top: 31%;} .tabletView #hospitalityImgLabel4 {top: 8%; } } @media only screen and (max-width:500px){ /* ==================================== Property ==================================== */ .tabletView .innerBannerCtn.propertiesBanner .slideTextCtn { max-width: 90%;} .tabletView .protertyContentImg .imgTxtCtn .labelTxt .bigger { font-size: 19px; line-height: 1.1em;} .tabletView .protertyContentImg .imgTxtCtn .labelTxt .smaller { font-size: 17px; line-height: 1.1em;} .tabletView .protertyContentImg .imgTxtCtn .bollonLabel span { font-size: 16px;} .tabletView #properytyBollonLabel1 { left: 23.5%; top:34.5%;} .tabletView #properytyImgLabel1 { top: 62%;} .tabletView #properytyImgLabel2 { left: 48%; top:25%;} .tabletView #properytyBollonLabel2 { top:38%;} .tabletView #properytyImgLabel3 { top:5%; left:84%;} .tabletView #properytyBollonLabel3 { } .tabletView #properytyBollonLabel4 { left: 75.5%; top: 53%;} .tabletView #properytyBollonLabel4 span { font-size: 15px;} .tabletView .properDetailCtn .slidesThumbnail { height: 100px;} .tabletView .properDetailCtn .thumbnailImgCtn { height: 100px;} /* ==================================== Entertainment ==================================== */ .tabletView .entertainmentSlideShow .slidesContentBar .imgCtn { padding: 10px 0 0;} /* .tabletView .entertainmentSlideShow .slides .slideTxtCtn { background-size:50px; width: 92%; padding: 0 25px 0 60px; box-sizing:border-box; }*/ .tabletView .entertainmentSlideShow .slides .slideTxtCtn { background-size:50px; width: calc(100% - 10px); padding: 0 0 0 60px; box-sizing:border-box; } .tabletView .entertainmentSlideShow .slideTxtCtn h1 { font-size: 30px; line-height: 1.1em;} .tabletView .entertainmentSlideShow .slideTxtCtn h2 { font-size: 1.6em; line-height: 1.2em;} .tabletView .entertainmentSlideShow .slideTxtCtn h4 { margin-top:0; font-size: 1.15em; line-height: 1.2em; } .tabletView .entertainmentSlideShow .broadway2 .slideTxtCtn span { float: left;} .tabletView .entertainmentSlideShow .slidesContentBar .imgCtn {margin: 0 -40px;} .tabletView .entertainmentSlideShow .galaxy1 .slidesContentBar .imgCtn {margin: 0 -20px;} /* ==================================== home ==================================== */ .tabletView .homeBannerCtn .homeSlideShow>.slides { min-height: 540px;} .tabletView .homeBannerCtn .slides.entertainment .sloganCtn { top:0;} .tabletView .homeBannerCtn .slides.entertainment .slogan .slideTextCtn { top:0;} .tabletView .homeBannerCtn .slogan .imgCtn { height: auto;} .tabletView .homeBannerCtn .slogan .imgCtn img { width: 160%;} /* .tabletView .innerBannerCtn .slideTextCtn { max-width: 278px;}*/ .tabletView .homeBannerCtn .slides .sloganCtn { position: static;} .tabletView .homeBannerCtn .slogan .imgCtn { height: 100px; width: 110px;} .tabletView .homeBannerCtn .slogan .slideTextCtn { width: 100%; padding-left:10px; padding-right: 10px; padding-top:0; overflow: visible;} .tabletView .homeBannerCtn .slogan .slideTitleCtn { width: auto; padding: 50px 20px 0 0; overflow: hidden; min-height: 130px;} .tabletView .homeBannerCtn .slideSubTitle { font-size: 0.85em;} .tabletView .homeBannerCtn .slides.hospitality .slogan .slideTextCtn { top:0;} .tabletView .homeBannerCtn .slides.property .slogan .slideTextCtn { top:20px;} .tabletView .homeBannerCtn .slides.construction .slogan .slideTextCtn { top:0;} .tabletView .homeBannerCtn .generalBtnsCtn { display: none; position: absolute; bottom: 70px; left: 0; right: 0; margin: 0 auto; z-index: 2;} .tabletView .homeBannerCtn .specialMobile { display: block;} .tabletView .homeBannerCtn .generalBtnsCtn .generalBtns { float: none; margin-left:0; text-align: center;} .tabletView .homeBannerCtn .homePagerCtn { height: 40px; background-image: none;} .tabletView .homeBannerCtn .slideShadow { height:260px; background-image: url(../img/tablet/shadow.png); background-size: auto;} .tabletView .homeBannerCtn .homePagerInner { top:0;} .tabletView .homeBannerCtn .slides>.imgCtn { max-height: 638px;} .tabletView .homeBannerCtn .slides.entertainment .slogan { background-position: center 85%;} .tabletView .homeBannerCtn .slides.hospitality .slogan { background-position: center 85%;} .tabletView .homeBannerCtn .slides.property .slogan { background-position: center 85%;} .tabletView .homeBannerCtn .slides.construction .slogan { background-position: center 90%;} .tabletView .homeBannerCtn .slides.property .slogan .imgCtn { left: -22px} .tabletView .homeSectionItemCtn .generalBtnsCtn { position: static; display:block;} .tabletView .homeBannerCtn .prizeLogoBtn { float: none; margin-left:0; } /*.tabletView .homeSectionItemCtn .generalBtnsCtn .generalBtns { float: none; margin-left:0; text-align: left;}*/ /* .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 175px; }*/ .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 38vw; } .tabletView .detail-media-block .vetical-block .image-link>img{width:75% !important; } .tabletView .detail-media-block .vetical-block .enlarge{right:12.5% !important; } .tabletView .filterBar.related-links-filter { height: auto; padding-top: 8px; padding-bottom: 8px;} .tabletView .filterBar.related-links-filter .cells { display: block; } .tabletView .filterBar.related-links-filter .cells>a { padding-top: 15px; padding-bottom: 15px; min-height: 60px; box-sizing: border-box;} .tabletView .luichewoo-prize-layout .innerBannerCtn .slideTextCtn { max-width: 100%;} .tabletView #hospitalityImgLabel1 { width: 43%; top: 33%;} } @media only screen and (max-width:440px){ .tabletView .logo img { height: 40px;} .tabletView .mobileHeaderBtns { padding: 10px 0;} .tabletView .menuCtn .menuLv0>li.lang>a { width:auto;} .tabletView #container { padding-top: 60px;} .tabletView .topLinksList a { padding: 0;} .tabletView .quicklink .cover a { padding: 18px 32px;} .tabletView .slideTitle { font-size: 25px;} /* ================== Hospitality ================== */ .tabletView .hospitalityContentImg .imgTxtCtn .labelTxt .number { font-size: 2.8em;} .tabletView #hospitalityImgLabel1 { left: 29%; } .tabletView #hospitalityImgLabel1 .labelTxt { width: 170px;} .tabletView #hospitalityImgLabel2 { top: 50%; left: 88%;} .tabletView #hospitalityImgLabel2 .labelTxt .number { font-size: 2.2em;} .tabletView .hospitalityContentImg { margin: 0 0 30px;} /* ==================================== Entertainment ==================================== */ .tabletView .entertainmentSlideShow .slidesContentBar .imgCtn { padding: 40px 0 0;} .tabletView .entertainmentSlideShow .galaxy1 .slideTxtCtn { top:20px; } .tabletView .entertainmentSlideShow .galaxy2 .slideTxtCtn { top:20px; } .tabletView .entertainmentSlideShow .galaxy3 .slideTxtCtn { top:20px;} .tabletView .properDetailCtn .slidesThumbnail { height: 70px;} .tabletView .properDetailCtn .thumbnailImgCtn { height: 70px;} .tabletView .homeBannerCtn .slogan .slideTextCtn { padding-top:10px; } .tabletView .homeBannerCtn .slogan .slideTitleCtn { padding-top:50px; padding-bottom:10px; max-width: 300px;} .tabletView .homeBannerCtn .slides.entertainment .slogan .slideTextCtn { max-width: none;} .tabletView .slides.entertainment .slideTitle, .tabletView .slides.entertainment .slideSubTitle { max-width: 240px;} /* .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 160px;}*/ .tabletView .kwah60 .contributionGallerySection .imgGridsInner .detail-media-block .image-link img { max-height: 38vw;} .tabletView .kwah60 .contributionGallerySection .imageTextRow.threeImgGridCtn .imgGridsInner .detail-media-block .image-link img { max-height: 300px;} } @media only screen and (max-width:360px){ .tabletView .homeBannerCtn .slogan .slideTitleCtn { padding-top: 40px; min-height: 140px;} .tabletView .homeBannerCtn .slides.property .slogan .slideTextCtn { top:20px;} .tabletView .homeBannerCtn .slides.property .slogan .slideTitleCtn { top:30px;} } @media print { #header { position: relative; } }