/*layout*/
body, html {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    margin: 0;
    padding: 0;
    color: #000000;
    font-size: 16px;
    min-width: 1380px;
    line-height:1.5;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}
html div, html a, html input, html p, #language a, html .box-heading a, html h1, html h2, html h3, html h4, html h5, html h6, html li,html select {
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
    margin:0;
    padding:0;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration:none;
    color: rgba(0, 0, 0, 0.85);
}

html h1,html h2,html h3{
    font-family: system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue","Noto Sans","Liberation Sans",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";
}
html h1{
    font-size: 30px;
    margin-bottom:15px;
}
html h2{
    font-size:30px;
}
html[lang="zh_HK"]  p{
    line-height:2;
}
.hide{
	opacity:0;
	z-index: -1;
	pointer-events: none;
}
.container{
    max-width:1200px;
    margin-left:auto;
    margin-right:auto;
}
body{
    background-image: url(/catalog/view/theme/baumatic/image/baumatic_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    min-height: 100vh;
    padding-top:80px;
    background-attachment: fixed;
    background-position: center;
}
#content{
    background: #f5f5f5;
    margin: 40px auto;
    padding: 15px;
    border-radius: 8px;
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    max-width: 1200px;
    min-height: 350px;
}
/*element*/
input,button{
    outline: none;
}
.button{
	background: #ee2722;
	color: #fff;
	cursor: pointer;
	border: none;
	line-height: 20px;
	padding: 5px 10px;
	transition: all 500ms ease 0s;
	text-align: center;
	border-radius: 4px;
	outline: none;
	display: inline-block;
}

.button:hover {
    color: #fff;
    background: #c11611;
}
.button-center{
    text-align:center;
}
input[type="text"],input[type="number"],input[type="password"],input[type="email"],select,textarea{
	padding: 5px 10px;
	font-size: 15px;
	background-color: #f5f5f5;
	transition: all 500ms ease 0s;
	border-width: 1px;
	border-style: solid;
	border-color: transparent;
	border-radius: 0;
	outline: none;
}

/*header*/
header {
    height: 80px;
    z-index: 997;
    width: 100%;
    background: white;
    top: 0;
    left: 0;
    position: fixed;
}
header{
	background:#000
}
header .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
header .container .logo a{
    display: inline-block;
    padding:20px 0;
    line-height:0;
}
header .container .logo img{
    width: auto;
    height:40px;
}
.menu-links{
	list-style:none;
	display: inline-block;
}
.menu-links li{
	display:inline-block;
}
.menu-links li a{
	padding:10px 10px;
    font-weight: bold;
}
.menu  form{
	display:inline-block;
	width: 80px;
}
.menu  form span{
	display:inline-block;
	width: 80px;
	background:#f5f5f5;
	text-align:center;
	cursor:pointer;
	border-radius:100px;
	font-size:14px;
	font-weight:bold;
}



/*footer*/
.footer_copyright {
    border-top: 1px solid #000;
    padding: 15px;
    text-align: center;
}




/*extended warranty*/

.extended_warranty_form{
    max-width: 600px;
    margin:15px auto 40px;
}
.extended_warranty_form .filter{
	text-align:center;
	margin: 150px 0;
}
.extended_warranty_form .filter>div{
	margin-bottom:15px;
}
.filter_title{
	font-size:20px;
}
.filter_error{
	text-align:center;
}
.extended_warranty_form .filter input[type="text"]{
	font-size:20px;
	width:200px;
	height:40px;
	line-height:40px;
	background: #fff;
	border: 1px solid #ccc;
	border-radius: 4px;
}
.extended_warranty_form .filter .button{
	font-size:20px;
	height:40px;
	line-height:40px;
	padding: 0 20px;
}


.extended_warranty_form h1{
    margin-bottom:10px;
    text-align: center;
}
.extended_warranty_form h1 span{
    margin-left:10px;
    display: block;
}
.extended_warranty_form .view_more_link{
    text-align: center;
    margin-bottom: 20px;
}
.extended_warranty_form .view_more_link a{
    font-size: 15px;
    text-decoration: underline;
}
.extended_warranty_form .view_more_link a:hover{
    text-decoration: none;
}
.extended_warranty_form .customer_info{
    background:#fff;
    padding:10px;
    margin-bottom: 15px;
    border-radius: 8px;
    padding: 10px;
    max-width: 500px;
    margin: 30px auto 30px;
}
.customer_info .title{
    text-align:center;
    font-size:20px;
    font-weight:bold;
}
.customer_info .customer_field{
	 margin-bottom:10px;
}
.customer_info .customer_field span{
	 width: 90px;
	 padding-right:10px;
	 display: inline-block;
	 text-align: right;
}
.customer_info .customer_field input,
.customer_info .customer_field select{
	 width:calc(100% - 100px);
	 padding: 5px 10px;
}
.extended_warranty_form .product_row{
    background: #ffffff;
    border-radius: 8px;
    padding:10px;
    margin-bottom: 30px;
    /* border: 1px solid #ddd; */
}
.order_payment_intro .product_row{
    background: #ffffff;
    border-radius: 8px;
    margin-bottom: 15px;
    border: 1px solid #ddd;
}
.product_row .product_item {
    display: flex;
    align-items: center;
    background: #fff;
    padding: 10px;
    border-radius: 4px;
}
.product_row .product_item_quantity_price{
    color:#888;
}
.product_row .product_item_existing{
    color: #013a94;
}
.product_row .product_item_left{
    width:120px;
    text-align: center;
}
.product_row .product_item_left img{
    padding:5px;
    width:100px;
}
.product_row .product_item_right{
    padding-left: 15px;
}
.warrenty_countdown{
    padding: 5px 10px;
    margin-bottom: 15px;
    text-align: center;
    border-radius:4px;
    font-size:15px;
}
.warrenty_countdown >div{
      display:inline;
}
.product_item_price,.product_item_quantity,.maintenance_info{
	font-size:13px;
}
.warranty_options {
    padding: 10px;
    text-align: center;
}
.warranty_options .new_end_date{
	margin-top:15px;
}
.warranty_option_title{
    margin-bottom: 10px;
}
.warranty_option_wrap{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
}
.warranty_option input[type="radio"] {
    position: absolute;
    opacity: 0;
}
.warranty_option{
	width: 250px;
	margin: 5px;
}
.warranty_option label {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-content: center;
    align-items: center;
    line-height: 1.2;
    cursor: pointer;
    font-size: 14px;
    padding: 10px;
    border: 2px solid #ddd;
    background: #fff;
    border-radius:8px;
    flex-wrap: wrap;
    text-align: center;
    height: 120px;
}
.warranty_option label:hover{
    opacity:0.9;
}
.warranty_option input[type="radio"]:checked+label{
	border-color: #ee2722;
}
.warranty_option .warrenty-name{
    width: 100%;
    font-size: 20px;
}
.warranty_option .warrenty-name small{
	display:block;
	font-size:14px;
}
.warrenty-price {
	display:block;
	text-align: center;
	width: 100%;
}

.warranty_option .popular {
    background: #fde700;
    margin: 0 5px;
    padding: 2px 10px;
    border-radius: 20px;
    font-size: 15px;
    display: flex;
    align-items: center;
    color: #013a94;
}
.warranty_option .bold {
    font-size: 15px;
    font-weight: bold;
    color: #013a94;
    display: flex;
    align-items: center;
}
.warranty_option .popular:before {
	content:' ';
	display:inline-block;
	width: 25px;
	height: 25px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="rgb(1 58 148)" width="682.667" height="682.667" viewBox="0 0 512 512" preserveAspectRatio="xMidYMid meet"><path d="M248.4 13.9c-1.8 1.1-4.3 3.4-5.7 5.3-1.3 1.8-20.3 33-42.2 69.3l-40.4 66.7c-.4.4-7.1 2.1-14.9 3.8l-14.2 3H80c-43.6 0-51.5.2-54.7 1.5-5.9 2.4-7.7 5.7-8.3 14.9l-.5 7.9-4.6 1.3c-5.5 1.6-10.5 5.9-11.5 9.8-.4 1.5-.1 4.7.6 6.9 1.2 4.4 2.9 6.1 45.7 48.1l16.2 15.9.3 30.1c.3 33.4.4 33.5 7.1 37.6 2.9 1.8 5.1 2 23 2h19.8l-.6 3.2c-2.3 13.7-19.5 141-19.5 144.5 0 10.1 4.6 14.8 13.8 14.1 5-.4 13.9-4.5 77.5-35.6L256 429l71.8 35.2c63.5 31.1 72.4 35.2 77.4 35.6 9.2.7 13.8-4 13.8-14 0-3.4-17.3-131.4-19.5-144.6-.6-3-.4-3.2 2.5-3.2 4.2 0 8.4-2.3 11.2-6.2 2.1-3 2.3-4.6 2.7-17.5l.3-14.2 8.7-8.5c7.6-7.6 9.1-8.6 13.1-9.1 25.3-3.3 42-13.4 50.4-30.6 4.2-8.6 6.6-17.4 6.6-23.9 0-4.3.4-4.9 6.6-11 9.5-9.3 12.1-15.8 8.9-22-2.1-4.1-7.2-6.8-16.9-8.9-8.1-1.8-9-2.2-14.9-7.8-7.7-7.1-14.1-10.7-24.3-13.4-7-1.8-12.2-2.2-43.4-2.9-33.3-.7-36.2-.9-47-3.4-6.3-1.5-11.7-3-12.1-3.4-.3-.4-18.5-30.4-40.4-66.7l-42.2-69.3c-3.6-4.8-8-7.2-13.3-7.2-2.7 0-5.8.8-7.6 1.9zm26.8 161.6c26.4 4.7 45.4 21.9 53 48 2 7.1 2.3 10 2.2 26.5 0 15.6-.4 19.7-2.1 26.1-9.9 35.9-40.4 54.2-83.2 50-22.6-2.2-34.4-7.1-46.6-19.5-14-14.1-19.3-27.8-20.2-51.9-1-25.8 4.2-43.7 17.1-58.4 16.5-18.9 46.5-26.7 79.8-20.8zm-105.4 18.7l-.3 18.3-23.2.3-23.3.2v55.5V324h-23-23v-55.5V213l-23.2-.2-23.3-.3-.3-18.3L30 176h70 70l-.2 18.2zm276.6-16.7c23.3 4.4 34.9 19 34.9 44 0 25.2-12.6 41-36.7 45.9-5.4 1.1-13.2 1.6-25.2 1.6H402v27.5V324h-23-23v-74-74h41.4c32.1 0 43.1.3 49 1.5zm-200.6 31.8c-9.4 2.7-15.9 9-19.4 18.9-3.5 10-3.4 33.9.3 44.7 4 11.9 14.4 19.2 27.4 19.2 15 .1 23.4-5.7 28.4-19.6 2.6-7.5 3.3-31.8 1.1-40.5-2.8-10.8-9.2-18.7-17.8-21.9-4.8-1.8-15-2.2-20-.8z"/><path d="M402 222.5v16.7l11.3-.4c12.6-.4 17.3-2 20.9-7.1 5.1-7.2 2.3-19.1-5.6-23.1-3.1-1.5-6.6-2.1-15.3-2.4l-11.3-.5v16.8z"/></svg>');
	background-size:100%;
	background-repeat: no-repeat;
	margin-right:2px;
}
.no_warranty_option {
    background: #eee;
    display: inline-block;
    padding: 2px 15px;
    border-radius: 20px;
}
.warranty_total{
    text-align: center;
    font-size: 20px;
    background: #ffffff;
    padding: 10px;
    border-radius: 8px;
    margin-bottom: 10px;
}

.button_submit_warranty{
    display: block;
    padding: 10px 20px;
    font-size: 20px;
}
.confirm_warranty_terms{
    margin-top: 10px;
}
.confirm_warranty_terms a{
    text-decoration:underline;
}
.confirm_warranty_terms a:hover{
    text-decoration:none;
}
.card_logo{
    text-align: center;
}
.card_logo img{
    margin: 15px;
    max-height: 60px;
}
/*payment*/
.route_account_order_payment .container-payment{
	background:#e9ffff;
	padding:40px 15px;
}
.container-payment #content{
	margin:0 auto;
	max-width:600px;
	width: calc(100% - 30px);
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
	border-radius: 5px;
	background: #fff;
	margin: 40px auto;
}
.order_payment_intro{
	padding: 20px;
}
.text_payment_intro{
    font-size: 16px;
}
.order_payment_intro .info{
	font-size:16px;
	margin: 20px 0 0;
}
.order_payment_intro .info table{
    margin:0 auto;
    text-align:left;
    font-size:15px;
}
.order_payment_intro .info table .right{
    text-align:right;
}
.order_payment_intro .info table .center{
    text-align:center;
}
.order_payment_intro .info table a.show_change_amount{
    color:#0d47a1;
    text-decoration: underline;
}
.order_payment_intro .info table b{
    font-size:24px;
}
.order_payment_form{
	padding: 20px;
	border-top: 1px solid #eee;
}
.text_payment_method{
	text-align: center;
	margin-bottom:10px;
}
.how_to_split {
    text-align: center;
    margin-top: 15px;
}
.how_to_split a{
    text-decoration:underline;
}
.how_to_split a:hover{
    text-decoration:none;
}
.change_amount_form input{
    font-size:20px;
    margin:20px 10px;
}
.change_amount_form .submit_change_amount {
    width: 100px;
    font-size: 17px;
}
.change_payment_form{
	position:relative;
	border-radius: 0 0 5px 5px;
	background: #ffffff;
	text-align: center;
	font-size:20px;
	border-top: 1px solid #eee;
}
.change_payment_form > input{
	position:absolute;
	opacity:0;
	z-index:-1;
}
.change_payment_form > label{
	display: flex;
	text-align: center;
	padding: 15px;
	cursor:pointer;
	border-radius:5px;
	position:relative;
	justify-content: center;
	align-items: center;
}
.change_payment_form > label:after{
	content:" ";
	margin-left:15px;
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.002 512.002"><path d="M388.425 241.95L151.61 5.8c-7.76-7.733-20.32-7.72-28.067.04-7.74 7.76-7.72 20.328.04 28.067l222.72 222.105-222.728 222.104c-7.76 7.74-7.78 20.3-.04 28.06a19.8 19.8 0 0 0 14.057 5.835 19.79 19.79 0 0 0 14.017-5.795l236.817-236.155a19.82 19.82 0 0 0 5.834-14.05 19.86 19.86 0 0 0-5.834-14.051z"/></svg>');
	width: 20px;
	height: 20px;
	display:inline-block;
}
.change_payment_form > label:hover:after{
	background-image: url('data:image/svg+xml;utf8,<svg fill="rgb(238, 39, 34)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.002 512.002"><path d="M388.425 241.95L151.61 5.8c-7.76-7.733-20.32-7.72-28.067.04-7.74 7.76-7.72 20.328.04 28.067l222.72 222.105-222.728 222.104c-7.76 7.74-7.78 20.3-.04 28.06a19.8 19.8 0 0 0 14.057 5.835 19.79 19.79 0 0 0 14.017-5.795l236.817-236.155a19.82 19.82 0 0 0 5.834-14.05 19.86 19.86 0 0 0-5.834-14.051z"/></svg>');
}

.change_payment_form > input:checked+label:after{
	background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M270.1 388.4l236.1-236.8a19.98 19.98 0 0 0 0-28.1 19.98 19.98 0 0 0-28.1 0L256 346.3 33.9 123.6c-7.7-7.8-20.3-7.8-28.1 0-3.7 3.7-5.8 8.8-5.8 14.1s2.1 10.3 5.8 14L242 388.4c3.7 3.7 8.8 5.8 14 5.8 5.3.1 10.3-2 14.1-5.8h0z"/></svg>');
}
.change_payment_form > input:checked+label:hover:after{
	background-image: url('data:image/svg+xml;utf8,<svg fill="rgb(238, 39, 34)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M270.1 388.4l236.1-236.8a19.98 19.98 0 0 0 0-28.1 19.98 19.98 0 0 0-28.1 0L256 346.3 33.9 123.6c-7.7-7.8-20.3-7.8-28.1 0-3.7 3.7-5.8 8.8-5.8 14.1s2.1 10.3 5.8 14L242 388.4c3.7 3.7 8.8 5.8 14 5.8 5.3.1 10.3-2 14.1-5.8h0z"/></svg>');
}
.change_payment_form > label:hover{
	color: rgb(238 39 34);
}
.change_payment_form > .content{
	display:none;
	padding: 0 20px 20px;
}
.change_payment_form > input:checked+label+.content{
	display: block;
}

.change_payment_form .payment_options input[type="radio"]{
	opacity:0;
	position:absolute;
}

.change_payment_form .payment_options .options{
    display: flex;
    margin:0 -5px 15px;
    flex-wrap: wrap;
}
.change_payment_form .payment_options label{
    display: flex;
    width: 48%;
    text-align: center;
    align-items: center;
    justify-content: center;
    border: 2px solid #f5f5f5;
    border-radius: 5px;
    cursor: pointer;
    padding: 15px;
    margin: 1%;
    font-size: 18px;
    font-weight: bold;
    flex-wrap: wrap;
    flex-direction: column;
}
.change_payment_form .payment_options label img{
    height:50px;
}
.route_checkout_checkout .options label img{
    height:50px;
}
.change_payment_form .payment_options label:hover {
    border-color: #ddd;
}
.change_payment_form .payment_options input[type="radio"]:checked + label{
	border: 2px solid #ee2722;
}
.change_payment_form .btn_change_payment{
	display: block;
	font-size: 18px;
	line-height: 26px;
}
/*bank transfer*/
.bank_transfer_uploaded{
	text-align:center;
	font-size:18px;
}
.bank_transfer_intro{
	text-align:center;
}
.bank_transfer_form{
	text-align:center;
	border:5px solid #e9ffff;
	border-radius:10px;
	padding:20px;
	background:#e9ffff;
	margin-top: 20px;
}
.bank_transfer_form .title{
	display:inline-block;
	font-size:26px;
	border-bottom:5px solid #01d8da;
	margin-bottom:15px;
}
.bank_transfer_form select{
	display:block;
	width:100%;
	background:#fff;
}
.bank_transfer_form .image{
	background:#fff;
	border: 3px dashed #ddd;
	line-height: 0;
}
.bank_transfer_form .select_account,
.bank_transfer_form .select_image{
	margin-bottom:15px;
}
.bank_transfer_form .btn_submit{
	display:block;
	font-size:18px;
	line-height: 26px;
}
/*fps*/
.fps_form {
    text-align: center;
    background: #fff;
    padding: 40px;
    font-size: 18px;
    line-height: 2;
    /* box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); */
    border-radius: 10px;
    /* background: #e9ffff; */
}
.fps_form .title{
    text-align: center;
    font-size: 28px;
    border-bottom: 10px solid #01d8da;
    display: inline-block;
}
.fps_form #qrcode img{
    margin:0 auto;
    padding: 15px;
    background: #fff;
    border: 1px solid #ddd;
}
.fps_form .method_title{
    background: #e9ffff;
    display:block;
    margin-bottom: 20px;
}
.fps_form .fps_id_info{
    border: 1px solid #ddd;
    padding: 15px;
    border-radius: 10px;
    margin: 15px 0;
    background: #fff;
}
/*payment error*/
.payment_error .message>div,
.payment_error .review>div,
.payment_error .process>div{
	max-width:800px;
	margin:0 auto;
	padding:80px 15px;
	text-align:center;
}
.payment_error .message{
    font-size: 26px;
    background:#ffffff;

}
.payment_error .message>div{
    color:#283654;
}
.payment_error .message>div:before{
	content:"";
	display:block;
	width: 80px;
	height: 80px;
	margin:0 auto 20px;
	background-image: url('data:image/svg+xml;utf8,<svg fill="rgb(244,67,54)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 486.463 486.463" xmlns:v="https://vecta.io/nano"><path d="M243.225 333.382c-13.6 0-25 11.4-25 25s11.4 25 25 25c13.1 0 25-11.4 24.4-24.4.6-14.3-10.7-25.6-24.4-25.6zm231.4 88.6c15.7-27.1 15.8-59.4.2-86.4l-156.6-271.2c-15.5-27.3-43.5-43.5-74.9-43.5s-59.4 16.3-74.9 43.4l-156.8 271.5c-15.6 27.3-15.5 59.8.3 86.9 15.6 26.8 43.5 42.9 74.7 42.9h312.8c31.3 0 59.4-16.3 75.2-43.6zm-34-19.6c-8.7 15-24.1 23.9-41.3 23.9h-312.8c-17 0-32.3-8.7-40.8-23.4-8.6-14.9-8.7-32.7-.1-47.7l156.8-271.4c8.5-14.9 23.7-23.7 40.9-23.7 17.1 0 32.4 8.9 40.9 23.8l156.7 271.4c8.4 14.6 8.3 32.2-.3 47.1zm-203.6-244.5c-11.9 3.4-19.3 14.2-19.3 27.3l1.7 23.8 5.1 89.7c.6 10.2 8.5 17.6 18.7 17.6s18.2-7.9 18.7-18.2c0-6.2 0-11.9.6-18.2l3.4-57.9 2.3-37.5c0-4.5-.6-8.5-2.3-12.5-5.1-11.2-17-16.9-28.9-14.1z"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size:100%;
}


/*payment success*/
.payment_success#content{
	max-width:700px;
}
.payment_success .message>div{
	max-width:800px;
	margin:0 auto;
	padding:80px 15px;
	text-align:center;
}
.payment_success .message{
    font-size: 26px;
    background:#ffffff;

}
.payment_success .message>div{
    color:#283654;
}
.payment_success .message>div:before{
	content:"";
	display:block;
	width: 80px;
	height: 80px;
	margin:0 auto 20px;
	background-image: url('data:image/svg+xml;utf8,<svg fill="rgb(238, 39, 34)" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 408.576 408.576" xmlns:v="https://vecta.io/nano"><path d="M204.288 0C91.648 0 0 91.648 0 204.288s91.648 204.288 204.288 204.288 204.288-91.648 204.288-204.288S316.928 0 204.288 0zm114.176 150.528l-130.56 129.536c-7.68 7.68-19.968 8.192-28.16.512L90.624 217.6c-8.192-7.68-8.704-20.48-1.536-28.672 7.68-8.192 20.48-8.704 28.672-1.024l54.784 50.176L289.28 121.344c8.192-8.192 20.992-8.192 29.184 0s8.192 20.992 0 29.184z"/></svg>');
	background-repeat: no-repeat;
	background-position: center;
	background-size:100%;
}