@charset 'utf-8';

body{margin:0; padding:0;}
h3{font-family:'LGSmHaB'; font-size:54px;}
.blind {position: absolute; top: 0; left: -1000px; width: 0; height: 0; font-size: 0; line-height:0; }
.wrap{overflow:hidden;}
.bg-wrap{background:#f6f7f8;}
.inner{position:relative; max-width:1900px; margin:0 auto;}
.lock{overflow:hidden;}
.clear:after{content:''; display:block; clear:both;}
.mo{display:none;}

/* btn-style */
.btn{display:inline-block; height:50px; line-height:48px; border:1px solid transparent; border-radius:25px; color:#1a1a1a; text-align:center; box-sizing:border-box; transition:all .2s; cursor:pointer;}
.btn-default{background:#fff;}
.btn-default:hover,
.btn-default:focus{color:#fff; background:#1a1a1a;}
.btn-primary{background:#a50034; color:#fff;}
.btn-primary:hover,
.btn-primary:focus{color:#fff; background:#cc0041;}
.btn-increase{width:44px; height:44px; border-radius:50%; text-indent:-9999px; overflow:hidden; border-color:#cdcdcd; outline:none; background:#fff; transition:all .2s;}
.btn-increase:hover,
.btn-increase:focus{border-color:#000; background:#000;}
.btn-increase:hover:before,
.btn-increase:hover:after,
.btn-increase:focus:before,
.btn-increase:focus:after{background:#fff;}
.btn-plus,
.btn-minus{position:relative;}
.btn-plus:before{position:absolute; top:20px; left:13px; width:16px; height:2px; content:''; background:#000; transition:all .2s;}
.btn-plus:after{position:absolute; top:20px; left:13px; width:16px; height:2px; content:''; background:#000; transform:rotate(90deg); transition:all .2s;}
.btn-minus:after{position:absolute; top:20px; left:13px; width:16px; height:2px; content:''; background:#000; transition:all .2s;}
.btn i{display:inline-block; height:47px; vertical-align:top; transition:all .2s;}
.btn .ico-360{width:45px;     margin-left: 10px; background:url(/ae_ar/business/digital-showroom/images/common/ico_360.png) no-repeat 0 center;}
.btn .ico-demo{width:42px; margin-left:15px; background:url(/ae_ar/business/digital-showroom/images/common/ico_demo.png) no-repeat 0 center;}
.btn .ico-next{width:25px; background:url(/ae_ar/business/digital-showroom/images/common/ico_arr.png) no-repeat 0 center;}
.btn .ico-back{width:25px; background:url(/ae_ar/business/digital-showroom/images/common/ico_back.png) no-repeat 0 center;}
.btn-back:hover .ico-back,
.btn-back:focus .ico-back{width:25px; background:url(/ae_ar/business/digital-showroom/images/common/ico_back_hover.png) no-repeat 0 center;}

.btn .ico-again{width:23px; background:url(/ae_ar/business/digital-showroom/images/common/ico_again.png) no-repeat 0 center;}
.btn-demo:hover .ico-demo,
.btn-demo:focus .ico-demo{background:url(/ae_ar/business/digital-showroom/images/common/ico_demo_over.png) no-repeat 0 center;}
.btn .ico-down{width:37px;     margin-left: 10px; background:url(/ae_ar/business/digital-showroom/images/common/ico_down.png) no-repeat 0 center;}
.btn-download:hover .ico-down,
.btn-download:focus .ico-down{background:url(/ae_ar/business/digital-showroom/images/common/ico_down_over.png) no-repeat 0 center;}

.btn-learnmore{margin-left:6px; padding-right:60px; background:#fff url(/ae_ar/business/digital-showroom/images/common/ico_learn_arr.png) no-repeat 85% center; text-align:right;}
.btn-learnmore:hover,
.btn-learnmore:focus{background:#000 url(/ae_ar/business/digital-showroom/images/common/ico_learn_arr_wh.png) no-repeat 85% center;}

/* fixed-btn */
.fixed-btn{position:fixed; right:-108px; bottom:30px; z-index:100;}
.fixed-btn a{display:block; width:108px; color:#fff; box-sizing:border-box; transition:all .2s;}
.fixed-btn .fixed-btn-buy{padding:47px 13px 8px 0px; background: #a50034 url(/ae_ar/business/digital-showroom/images/common/ico_inquiry.png) no-repeat 70px 13px;}
.fixed-btn .fixed-btn-demo{padding:45px 14px 13px 0px; margin-top:2px; background: #a50034 url(/ae_ar/business/digital-showroom/images/common/ico_request.png) no-repeat 70px 13px;}

.fixed-btn .fixed-btn-buy:hover,
.fixed-btn .fixed-btn-buy:focus{color:#fff; background:#cc0041 url(/ae_ar/business/digital-showroom/images/common/ico_inquiry.png) no-repeat 13px 13px;;}
.fixed-btn .fixed-btn-demo:hover,
.fixed-btn .fixed-btn-demo:focus{color:#fff; background:#cc0041 url(/ae_ar/business/digital-showroom/images/common/ico_request.png) no-repeat 13px 13px;;}


/* header */
.header{position:relative; height:94px; border-bottom:1px solid #d1d1d1;}
.header .inner{padding:0 50px;}
/*.header h1{float:left; margin-top:28px;}*/
.header h1{position:absolute; top:28px; right:50px;}
.header h1 img{width:164px;}
.btn-nav{display:none;}
.main-menu{font-family:'LGSmHaSB'; font-size:20px; text-align:center;}
/*.main-menu ul{width:850px; margin:0 auto;}*/
.main-menu ul{display:inline-block; padding-left:10%;}
.main-menu ul li{float:left; padding:0 1.2vw;}
.main-menu ul li a{transition:all .2s}
.main-menu ul li:hover a{color:#a50034; border-bottom:2px solid #a50034;}
.main-menu li a{display:block; padding:35px 0 33px; box-sizing:border-box; border-bottom:2px solid transparent; transition:color .2s;}
.main-menu li:first-child a{padding: 22px 0 22px;}
/* .main-menu li a.active{color:#a50034; border-bottom:2px solid #a50034;} */
/*.header .btn-area{float:right; margin-top:25px;}*/
.header .btn-area{position:absolute; top:25px; left:50px;}
.header .btn-area .btn{height:43px; line-height:41px;}
.header .btn-area .language{
  z-index:100;
	background-color:#eee;
	padding:0 35px 0 65px;
	float: left;
    position: relative;
    margin-right: 5px;
    color: #333;
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
    background-repeat: no-repeat;
    background-image: url(/ae/business/digital-showroom/images/common/language-black.svg);
    background-position: right 10px center;
    width: 20px;
    height: 42px;}
    .header .btn-area .language .txt{
    	background-image:url(/ae_ar/business/digital-showroom/images/common/blt_selectArrow.png);
    	background-repeat: no-repeat;
    	background-position: left center;
    	padding-left: 70px;

    		font-size: 16px;
    }
    .header .btn-area .language .language_inner{
      z-index:100;

    		position:absolute;
    		top: 43px;
    		font-size: 16px;
    		    width: 165px;
    		    left:0;

    background-color: #fff;
    padding: 11px 20px 10px;
    border: 1px solid #e4e4e4;
    display: none;
    }
    .header .btn-area .language a{
    	display: block;
    	text-align:right;
    	direction:rtl;
    }
    .header .btn-area .language a:hover{
    	text-decoration: underline;
    }

    .header .mo_language{
    	text-align: center;
    	margin-bottom: 20px;
    	font-size:15px;
    	display: none;

    }
    .header .mo_language span{
    	margin:0 5px;
    }
    .header .mo_language a.active{
    	color:#a50034;
    	font-weight: bold;
    }
.header .btn-area .language a.active{color:#a50034;font-weight:bold;}
.header .btn-area .btn-buy{width:172px; font-size:16px; font-family:'LGSmHaB'; color:#fff;}
/* 210723 */
.headline{padding:100px 0 105px; text-align:center; position:relative;}
.headline span{display:block; font-size:70px; font-family:'LGSmHaB' ; position:relative; width:1213px; margin:0 auto; }
.headline .win10_pro_logo{position:absolute; right:0; bottom:-35px; width:170px; height:auto;}
/* 210723 */
/* footer */
.footer{font-family:'LGSmHaSB'; font-size:14px; color:#999; background:#313131;}
.footer-inner{max-width:1410px; margin:0 auto; padding:63px 245px 80px;}
.footer .footer-logo{display:inline-block; margin-bottom:30px;}
.footer-tab{float:right; display:inline-block; margin-top:20px;}
.footer-tab li{position:relative; float:left; margin-left:46px; padding:1px 0;}
.footer-tab li+li:before{position:absolute; top:4px; left:-23px; content:''; display:inline-block; width:1px; height:10px; background:#6f6f6f;}
.footer-tab li a{ display:block; transition:all .2s;}
.footer-tab li a:hover{color:#fff;}
.footer-tab li:first-child{padding-left:21px; background:url(/ae_ar/business/digital-showroom/images/common/ico_lg.png) no-repeat 0 0;}
.footer p{padding-top:26px; box-sizing:border-box;}
.footer .info-wrap{border-top:1px solid #656565;}
.footer .info{width:88%}


/* cookie */
.cookie-banner{position:relative; padding:15px 50px; font-size:15px; text-align:center; background:#eee;}
.cookie-banner a{position:relative; text-decoration:underline;}
.cookie-banner .eu{margin:0 20px 0 0;}
.cookie-banner .eu:after{position:absolute; top:3px; right:-12px; width:1px; height:12px; content:''; background:#1a1a1a;}
.cookie-banner .btn-close{position:absolute; top:12px; right:20px; width:20px; height:20px; overflow:hidden; padding:0; text-indent:-9999px; border:0; background:none;}
.cookie-banner .btn-close:before{position:absolute; top:10px; left:0; width:20px; height:1px; content:''; background:#000; transform:rotate(45deg);}
.cookie-banner .btn-close:after{position:absolute; top:10px; left:0; width:20px; height:1px; content:''; background:#000; transform:rotate(-45deg);}

@media screen and (max-width:1259px){
  .headline span{width:100%; }
  .headline .win10_pro_logo{right:auto; left:50%; transform:translateX(-50%);}
}
@media screen and (max-width:1169px){

	/* .fixed-btn{display:none;} */
	.fixed-btn{bottom:0;}
	.fixed-btn a{position:relative; width:54px; height:38px; font-size:10px;}
	.fixed-btn a:after{position:absolute; top:22px; width:4px; height:4px; margin:0 0 0 4px; content:''; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
	.fixed-btn .fixed-btn-buy,
	.fixed-btn .fixed-btn-buy:hover,
	.fixed-btn .fixed-btn-demo,
	.fixed-btn .fixed-btn-demo:hover{padding:6px; background:#a50034;}
	.fixed-btn .fixed-btn-demo{margin-top:1px;}
	
	.btn-default:hover, 
	.btn-default:focus{color:#1a1a1a; background:#fff;}
	
	.btn .ico-down{display:none;}

	/* header */
	.header{height:65px;}
	.header .inner{padding:0 27px;}
	.header h1{top:14px; left:27px;}
	.header h1 img{width:132px;}
	.btn-nav{position:absolute; top:22px; right:27px; display:block; padding:0; border:0; background:none; z-index:100;}
	.btn-nav:after{position:absolute; top:8px; left:0; width:100%; height:2px; content:''; background:#000; opacity:1; transition:all .2s;}
	.btn-nav span{display:block; width:23px; height:18px; overflow:hidden; text-indent:-9999px;}
	.btn-nav span:before{position:absolute; top:0; left:0; width:100%; height:2px; content:''; background:#000; transition:all .2s;}
	.btn-nav span:after{position:absolute; bottom:0; left:0; width:100%; height:2px; content:''; background:#000; transition:all .2s;}
	.btn-nav.active:after{opacity:0;}
	.btn-nav.active span:before{top:8px; transform:rotate(45deg);}
	.btn-nav.active span:after{bottom:8px; transform:rotate(-45deg);}

	.main-menu{position:fixed; top:66px; left:0; z-index:10; display:none; width:100%; height:calc(100% - 66px); box-sizing:border-box; padding:0 27px; background:#fff;}
	.main-menu ul{float:none; margin:0; width:100%;}
	.main-menu ul li{float:none; padding:0; font-size:18px; font-family:'LGSmHaB'; text-align:center; border-bottom:1px solid #d1d1d1;}
	.main-menu li a{display:block; padding:23px 0;}

	.header .btn-area{/* top:auto; bottom:27px; left:0; */position:static; float:none; margin-top:30px; width:100%; text-align:center;}
	.header .btn-area .btn-buy{min-width:300px; font-size:15px;}
  /* 210723 */
	.headline{padding:40px 0;}
	.headline img{width:147px;}
	.headline span{font-size:32px; width:auto;}
  /* 210723 */
	/* footer */
	.footer-inner{padding:63px 27px 80px;}
	.footer-tab li{margin:0 0 0 25px;}
	.footer-tab li+li:before{top:4px; left:-12px;}
    /* win10 logo  */
  /* 210723 */
  .headline .win10_pro_logo{left:50%; transform:translateX(-50%);}
  /* 210723 */
}

@media screen and (max-width:720px){
	.cookie-banner{padding:10px 40px 10px 15px; font-size:12px; text-align:left;}
	.cookie-banner .btn-close{top:10px; right:10px;}
    /* 210723 */
    .headline .win10_pro_logo{width:135px; bottom:-20px;}
    /* 210723 */
}
	
@media screen and (max-width:526px){
	/* footer */
	.footer{height:auto; font-size:13px;}
	.footer-inner{padding:23px 27px 25px;}
	.footer .footer-logo{display:none;}
	.footer-tab{float:none; margin:0 0 10px;}
	.footer-tab li{margin:0 40px 0 0;}
	.footer-tab li:last-child{margin:0;}
	.footer-tab li+li:before{left:-20px;}
	.footer p{padding-top:10px; font-size:10px;}
}
.none {display:none;}