@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;}
sup {font-size: 0.4em;}

/* btn-style */
.btn{display:inline-block; line-height:48px; border:1px solid transparent; border-radius:25px; color:#1a1a1a; text-align:center; box-sizing:border-box; transition:all .2s; cursor:pointer;}
.prod-info .btn-area .btn {display:table; float: left; height:50px;}
.prod-info .btn-area .btn:nth-child(2n) {float: right;}
.prod-info .btn-area .btn:last-child {padding-left: 20px;}
.btn .cta-middle {display: table-cell; vertical-align: middle; line-height: 16px; text-align: left; padding: 0 12px; box-sizing: border-box;}
.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; background:url(/ca_fr/business/digital-showroom/images/common/ico_360.png) no-repeat 0 center;}
.btn .ico-demo{width:34px; background:url(/ca_fr/business/digital-showroom/images/common/ico_demo.png) no-repeat 0 center;}
.btn .ico-next{width:25px; background:url(/ca_fr/business/digital-showroom/images/common/ico_arr.png) no-repeat 0 center;}
.btn .ico-back{width:25px; background:url(/ca_fr/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(/ca_fr/business/digital-showroom/images/common/ico_back_hover.png) no-repeat 0 center;}

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

.btn-learnmore{margin-left:6px; padding-right:48px; background:#fff url(/ca_fr/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(/ca_fr/business/digital-showroom/images/common/ico_learn_arr_wh.png) no-repeat 85% center;}

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

.fixed-btn .fixed-btn-buy:hover,
.fixed-btn .fixed-btn-buy:focus{color:#fff; background:#cc0041 url(/ca_fr/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(/ca_fr/business/digital-showroom/images/common/ico_request.png) no-repeat 13px 13px;;}

.partner .btn-joinnow:hover,
.partner .btn-joinnow:focus {color:#fff; background:#cc0041 url(/ca_fr/business/digital-showroom/images/common/ico_learn_arr_wh.png) no-repeat 90% 50%}

/* header */
.header{position:relative; height:94px; border-bottom:1px solid #d1d1d1;}
.header .inner{height: 100%; padding:0 50px;}
/*.header h1{float:left; margin-top:28px;}*/
.header h1{position:absolute; top:28px; left:50px;}
.header h1 img{width:164px;}
.btn-nav{display:none;}
.main-menu{height: 100%; font-family:'LGSmHaSB'; font-size:20px; text-align:center;}
/*.main-menu ul{width:850px; margin:0 auto;}*/
.main-menu ul{display:inline-block; padding-right: 7%; height: 100%;}
.main-menu ul li{float:left; display: table; height: 100%; padding:0 1.4vw;}
.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: table-cell; vertical-align: middle; text-transform: uppercase; box-sizing:border-box; border-bottom:2px solid transparent; transition:color .2s;}
/* .main-menu li a.active{color:#a50034; border-bottom:2px solid #a50034;} */
/* .main-menu li a br {display: none;} */
/*.header .btn-area{float:right; margin-top:25px;}*/
.header .btn-area{position:absolute; top:25px; right:50px;}
.header .btn-area .btn{height:43px; line-height:41px;}
.header .btn-area .language{
  z-index:100;
	float: left;
    position: relative;
    margin-right: 10px;
    color: #333;
     -webkit-box-sizing: content-box;
    /*box-sizing: content-box; */
    background-repeat: no-repeat;
    background-image: url(/ca_fr/business/digital-showroom/images/common/language-black.svg);
    background-position: 15px center;
	background-color: #eee;
    width: 100px;
    height: 45px;
	padding: 2px 40px;
	box-sizing: border-box;
}

.header .btn-area .language a.lang{
	display: block;
    background-image: url(/ca_fr/business/digital-showroom/images/common/blt_selectArrow.png);
    background-repeat: no-repeat;
    width: 51px;
    background-position: 30px 18px;
	text-decoration: none !important;
    font-size: 16px;
}

    .header .btn-area .language .language_inner{
      z-index:100;
    		position:absolute;
    		top: 43px;
			left: 0;
    		font-size: 16px;
			width: 165px;
			background-color: #fff;
			padding: 11px 20px 10px;
			border: 1px solid #e4e4e4;
			display: none;
    }
    .header .btn-area .language a{
    	display: block;
    	text-align:left;
    }
    .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:1370px; 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(/ca_fr/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:1384px){
  .headline span{width:100%; margin:0 auto}
  .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:84px; 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:30px; width:auto;}
  /* 210723 */

	.prod-info .btn-area .btn:last-child { padding-left: 0;}

	/* 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;}