.hardcoverbtn-result{
  position:static;
	/* 3D变形 */
  transform-style: preserve-3d;
  -webkit-perspective: 1000;
  -moz-perspective: 1000;
  -ms-perspective: 1000;
  perspective: 1000;
}
.hardcoverbtn-result .elementor-widget-wrap {
	transform: rotateY(0deg);	  
	transition: 0.7s !important;
}
.hardcoverbtn-result.rotate  .elementor-widget-wrap {transform: rotateY(180deg);}
.custom-size{display:none;}
.elementor-edit-mode .custom-size{display:block;}
.elementor-widget:not(:last-child){margin-bottom:0;}
.container ul.ks-cboxtags li {
	display: inline-block !important; 
   height: 50px;
}
select:disabled{
	background-color:#e1e1e1;
	border:1px solid #e1e1e1;
	color: #e1e1e1;
}
.container ul.ks-cboxtags li.disabled label{
	background-color:#e1e1e1;
	border:1px solid #e1e1e1;
	color:#a3a3a3;
}
.wpforms-container .wpforms-recaptcha-container{padding:10px !important;}
tr.cart-subtotal{display:none}
.entry-content .woocommerce{max-width:100%;}
	
	.bluecell{color: #00b67a !important; }
   .textsubtitle{
    padding: 9px 10px !important;
    color: #fff !important;
    background-color:#3ec1e3;
    }
	.bleedmobile:after , .tablinksmoblie:after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 20px;
    color: #fff;
    font-size: 13px;}
/*need advice download pdf css*/
.quote input[type=text], .quote input[type=email] {
    outline: #004052 !important;
    background-color: #fff;
    width: 100%;
    font-size: 0.8rem;
    padding: 0.4rem 0.5rem;
}
.quote textarea{
     outline: #004052 !important;
     background-color: #fff;
	font-size: 12px;
}
.quote .wpforms-field-label{
     font-weight: 400;
     color: #004052;
     font-size: 13px;
}
.advice-name, .advice-email{
     width: 50%;
     z-index: 2;
     float: left;
}
.quotesubmit{
     border-radius: 0;
     margin-top: 20px;
     background-color: #004052;
	  color:#fff;
}
.quotesubmit:hover{background-color: var( --e-global-color-17148cc );}
 .download-name,.download-email{
     width: 50%;
     z-index: 2;
     float: left;
}

@media only screen and (max-width: 600px){
	.wpforms-container .wpforms-field:not(.wpforms-field-phone):not(.wpforms-field-select-style-modern) {overflow-x: visible;}
}
@media screen and (max-width: 767px){
	.quote input[type=text], .quote input[type=email], .advice-name, .advice-email,.download-name,.download-email,.advice-message{width: 100%;}
	.contact-us {padding: 15px!important;}
}
 .download-name,.download-email,.advice-name, .advice-email,.advice-message{padding:5px!important;}

 .wpforms-container input.wpforms-field-medium, .wpforms-container select.wpforms-field-medium, .wpforms-container .wpforms-field-row.wpforms-field-medium {max-width: 100%!important;}
/*contact form css */
 .contact-us{
     background-color: #fff;
     padding: 28px;
     box-shadow: 2px 2px 2px 0px rgb(0 0 0 / 16%);
     transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
     margin: 0px 2px 0px 0px;
     border-radius: 21px;
}
 .contact-us .wpforms-field-label {
     font-weight: 600!important;
     color: #000;
     font-size: 16px;
}
 .contact-us .wpforms-title{
     color: #000;
     font-weight: 600!important;
}
 .contact-us input[type=email], .contact-us input[type=text], .contact-us textarea{
     background-color: #fff;
     border-radius: 5px;
     padding: 10px;
     font-size: 14px;
     line-height: 21px;
     text-align: left;
     outline: var(--e-global-color-abe6219) solid 1px!important;
}
 .contact-us input[type=email]:focus, .contact-us input[type=text]:focus, .contact-us textarea:focus{
     outline: var(--e-global-color-17148cc) solid 2px!important;
     transition: all .2s linear;
}
 .wpforms-container .wpforms-submit-container{text-align: center;}
 .contact-us-submit{
     border-radius: 10px;
     background-color: var(--e-global-color-17148cc);
     color: #fff;
}
 .contact-us-submit:hover{background-color: var(--e-global-color-e2770ec );}
 .contact-us .wpforms-title,.contact-name, .contact-email,.contact-tel, .contact-company,.contact-country,.contact-message{padding: 10px!important;}
 .contact-name, .contact-email{
     width: 50%;
     float: left;
     z-index: 2;
}
 .contact-tel, .contact-company,.contact-country{
     width: 33.3%;
     float: left;
     z-index: 2;
}
 @media screen and (max-width: 767px){
     .contact-name, .contact-email,.contact-tel, .contact-company,.contact-country{width: 100%;}
}
/*quote css*/
/*shuoming wai kuang*/
 .shuoming{position: absolute;}
/*input length and width css*/
 .textboxdivhardcover{font-size: 17px;}
 .textboxdivhardcover input[type=text]{
     background-color: #fff;
     font-size: 15px;
     width: 90%;
     border:2px solid var( --e-global-color-dcf0198 );
     outline-color: var(--e-global-color-17148cc);
}
 .textboxdiv input[type=text]{
     background-color: #fff;
     font-size: 15px;
     width: 100%;
     border:2px solid var( --e-global-color-dcf0198 );
     outline-color: var(--e-global-color-17148cc);
}
/*quantity input css*/
 .select-op input[type=number]{
     width:100%;
     background-color:#fff;
     border:2px solid var( --e-global-color-dcf0198 );
	  outline-color: var(--e-global-color-17148cc);
	  max-width: 100%;
     padding: 0.75em!important;
}
/*radio outside div, middle input，inner label*/
 .radioinput{
     position: absolute;
     clip: rect(0,0,0,0);
     pointer-events: none;
}
 .radiolabel:hover{
     color: #fff !important;
     background-color:#BAE6F1;
     transition: 0.4s;
     border: 1px solid var(--e-global-color-e2770ec);
}
 .radiolabel{
     padding: 8px 0px 8px 0px;
     display:inline-block;
     color: #000;
     font-size: 15px;
     background-color: #fff;
     border-radius: 0px;
     cursor:pointer;
     text-align:center;
     border: 1px solid var(--e-global-color-17148cc);
}
 .radiodiv input[type="radio"]:checked+label{
     color: #fff !important;
     background-color:var(--e-global-color-e2770ec);
     border: 1px solid var(--e-global-color-e2770ec);
	 
}
	
.radiodiv.printdivs input[type="checkbox"]:checked + label {
    border: 1px solid var(--e-global-color-e2770ec);
    background-color: var(--e-global-color-e2770ec);
    color: #fff;
}
 .hardcover-size-mm-inch .radiolabel{
     height:50px;
     padding: 2px 0px 2px 0px;
     width:100%;
     margin-top: 3px;
}
 .collapsiblebox .radiolabel{
     width:100%;
     padding: 3px 2px 3px 2px;
     font-size: 15px;
     margin-bottom: 3px;
} 
	.other .radiolabel{width:32%;}
	.size-mm-inch .radiolabel, .endsheet .radiolabel, .other2 .radiolabel{width:48%;}
	.greyboard .radiolabel{width:32%;}
	.radiolabel{line-height: 20px;}	
 @media screen and (max-width:1024px) and (min-width:768px){
   .radiolabel{
     padding: 6px 4px 6px 4px;
     font-size: 14px;
     line-height: 20px;
    }
}
 .captach-class{width: 20%;}
/*drop list*/
 .selectbox{cursor: pointer;}
 .select-op select {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
     background-color: var(--e-global-color-e2770ec);
     cursor: pointer;
}
 .selectbox .select-op:after {
    content: "▼";
    position: absolute;
    right: 10px;
    top: 10px;
    pointer-events: none;
    color: #fff;
    font-size: 13px;
}
	.select-op select::-ms-expand {display: none;}
	.op-control {
     display: block;
     width: 100%;
     height: 45px;
     padding: 0px 9px 0px 9px;
     font-size: 17px;
     line-height: 1.5;
     color: #FFF;
     background-image: none;
     border: none;
     border-radius: 0;
     outline:none;
}
 .selectbox option{font-family: "Open Sans";}
/*checkbox*/
 .container {
     max-width: 100%;
     font-size: 14px;
}
 .container ul{margin:0px;}
 .container ul.ks-cboxtags {
     list-style: none;
     padding: 0px;
}
 .container ul.ks-cboxtags li{
     display: inline;
     padding-right: 10px;
}
 .container ul.ks-cboxtags li label{
     display: inline-block;
     background-color: #fff;
     border: 1px solid var(--e-global-color-17148cc);
     color: var(--e-global-color-17148cc);
     border-radius: 25px;
     white-space: nowrap;
     margin: 3px 0px;
     -webkit-touch-callout: none;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     -webkit-tap-highlight-color: transparent;
     transition: all .2s;
     padding: 6px 10px;
     cursor: pointer;
}
 .container ul.ks-cboxtags li label::before {
     display: inline-block;
     text-rendering: auto;
     -webkit-font-smoothing: antialiased;
     font-family: "Font Awesome 5 Free";
     font-weight: 700;
     font-size: 6px;
     padding: 0px 6px;
     content: "\f067";
     transition: transform .3s ease-in-out;
}
 .container ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
     content: "\f00c";
     transform: rotate(-360deg);
     transition: transform .3s ease-in-out;
}
 .container ul.ks-cboxtags li input[type="checkbox"]:checked + label {
     border: 1px solid var(--e-global-color-e2770ec);
     background-color: #12bbd4;
     color: #fff;
     transition: all .2s;
}
 .container ul.ks-cboxtags li input[type="checkbox"] {
     display: absolute;
     position: absolute;
     opacity: 0;
}
 .container ul.ks-cboxtags li input[type="checkbox"]:focus + label {border: 1px solid var(--e-global-color-e2770ec);}
 @media screen and (max-width:1024px) and (min-width:768px){
     .container {font-size: 12px;}
     .container ul.ks-cboxtags li label{padding: 4px 4px;}
     .container ul.ks-cboxtags li label::before {padding: 0px 3px;}
     .container ul.ks-cboxtags li{padding-right: 2px;}
}
 .download, .advice,.question, .textsize{display:none;}
/*quote tip box css*/
 .tippop span.eael-tooltip-content, span.eael-tooltip-content a{width: 30px;}
 .tippop .eael-tooltip{min-width: 20px;}
/*tab css*/
 .eael-tabs-content{overflow: visible;}
 .menulist {display:none;}
 .shouzhi{cursor:pointer;}

 @media screen and (min-width:768px){
     .breadmoblie{display:none;}
}
/* how we work 滚动条  */	
.submenuli .eael-simple-menu-container .eael-simple-menu .eael-simple-menu-indicator{top:9px;}
.submenuli{
    position: relative;
    position:-webkit-sticky;
    position: sticky;
} 
@supports (position: sticky) or (position: -webkit-sticky) {
   .submenuli{
    width: 330px!important;
    left: calc((100% - 1170px)/ 2 + 1rem);
    overflow-y: scroll;
    padding-right: 1px;
    top: 20px;
    padding-bottom: 20px;
    height:auto;
    max-height: 93vh;
    overflow-X: hidden;
    scrollbar-color: var(--e-global-color-8cb2c56) ;
    scrollbar-width:thin;
    scrollbar-base-color:var(--e-global-color-8cb2c56) ;
    scrollbar-track-color:#CED4DA;
    scrollbar-face-color:var(--e-global-color-8cb2c56) ;
  }
  .submenuli::-webkit-scrollbar {width:2px;}
/* 滚动条背景  */
	.submenuli::-webkit-scrollbar-track {background:var(--e-global-color-8cb2c56);}
/* 滚动轴 */
	.submenuli::-webkit-scrollbar-thumb {background:#CED4DA;}
/* 滚动轴 hover */
	.submenuli::-webkit-scrollbar-thumb:hover {background:#5E5E5E;}
}

@media (max-width: 767px){
	.submenuliwai{display:none;}
	.mobliemenu{display:block;}
}
/*css of products page*/
.waiceng{overflow:hidden;}
.waiceng .elementor-element-populated{padding:0px!important;}
.smallbackground{border:solid 2px var( --e-global-color-dcf0198 )!important;}
.click-btn-zuoyou, .control-btn{cursor:pointer;}
.image-large-show{
   position:absolute;
	width:100%;
	left:-100%;
	top:0;
	border-style: solid;
   border-width: 8px 8px 8px 8px;
   border-color: #FFFFFF;
}
.image-large-show1{
	position:relative;
	left:0%;
	top:0;
}
.book-slider .uael-grid-img-thumbnail{
    border-style: solid;
    border-width: 7px 7px 7px 7px;
    border-color: #FFFFFF;
    border-radius: 21px 21px 21px 21px;
}
.tablinks, .tablinksmoblie{
    cursor: pointer;
    width: 100%;
    background-color: #fff;
    color: #000;
    border-radius:0;
    text-transform:none;
    padding: 25px 0px;
    font-size: 16px
}
.tablinksmoblie{
    float: left;
    padding: 20px 0px;
    background-color: var( --e-global-color-e2770ec );
    color: #fff;
}
.tablinks:hover, .tablinksmoblie:hover{
    background-color: var( --e-global-color-e2770ec );
}
.tabcontent {display: none;}
#tabcontent2 {display: block;}
.tabtitle button.active{
   background-color: var( --e-global-color-e2770ec )!important;
   color: #fff;
}
.tabicona{
    font-weight: bold;
    color:var( --e-global-color-e2770ec );
}
.moblietab{display:none;}
	
.image-radio-label{
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    gap: 0.8rem;
}
.image-radio-label{
    justify-content: flex-start;
}

.image-radio-label input[type="radio"]:checked + .img-radiolabel img{
    box-shadow: 0 1px 3px #004052ab;
    border: solid 3px #00aedc;
}		
.img-radiolabel{
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 0.4rem;
font-size: 0.8rem;
border-radius: 5px;
position: relative;
flex: 1;
cursor:pointer;	
}
.img-radiolabel img{
height: auto;
border-radius: 5px;
padding:0.1rem;
}
.img-radiolabel:hover img {
    box-shadow: 0 0 3px #44657199;
}		
.mobile-price-show{
    padding: 10px 10px 10px 10px;
    background-color: var(--e-global-color-17148cc);
    border-radius: 4px 4px 4px 4px;
    text-align: center;
    color: #FFFFFF;
    font-size: 14px;
	WIDTH: 100%;
	display:none;
}
.mobile-price-show a{
    color: #fff; 
    line-height: 25px;
}
.mobile-price-show a:hover {
    color: #fff; 
}	
@media (max-width: 767px){
  .moblietab{display: block;}
  .tabpc{display:none;}
}
.textbold{font-weight: 600;}
/*slider of book printing board game*/
.book-slider .uael-grid-img-thumbnail{
    border-style: solid;
    border-width: 7px 7px 7px 7px;
    border-color: #FFFFFF;
    border-radius: 21px 21px 21px 21px;
    padding-bottom: 30px; 
}
.book-slider .captionslider{
    color: var(--e-global-color-17148cc)!important;
}
.book-slider .captionslider:hover{
    color: var(--e-global-color-e2770ec)!important;
}

	/*运费*/	
    .zip-apply,.zip-change,.uploadbtn,.downloadbtn,.questionbtn,.advicebtn,.uploadbtn,.btnshow{cursor:pointer;}	
    .shippingguding2{
    position: sticky !important;
    top: 0px !important;
    position:-webkit-sticky;
    position: sticky;
    }	
		.zipcode{
    display: block;
    width: 100%;
    padding:0.7rem 0.3rem!important;
    font-size: 13px;
    line-height: 1.5;
    color: #212529;
    background-color: #fff!important;
    background-clip: padding-box;
    border: 1px solid #3DC3DC!important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0rem!important;
    outline-color:  #3DC3DC!important;
    }
    .zip-country-show ,.uploadbtn,.btnshow{display:none;}
    .countryprince{
    display: block;
    width: 100%;
    padding:0.7rem 0.2rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 13px;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-image: url(data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e);
    background-repeat: no-repeat;
    background-position: right 0.45rem center;
    background-size: 10px 10px;
    border: 1px solid #3DC3DC;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;   
    }
	.shipping_cost_hide{display:none;}
.elementor-21149 {min-height: 435px;}
#wpforms-12{min-height: 852px;}
@media only screen and (max-width: 767px) {
#wpforms-12{min-height: 1112px;}
}
.Template-download-btn{cursor:pointer;}
	
[id^=sb-reviews-container-] .sb-item-provider-icon {display: none;}


.submenuli2{
    position: relative;
    position:-webkit-sticky;
    position: sticky;
} 
@supports (position: sticky) or (position: -webkit-sticky) {
   .submenuli2{
    overflow-y: scroll;
    height:auto;
    overflow-X: hidden;
	 top: 20px;
	 max-height: 100vh;
  }
.submenuli2::-webkit-scrollbar {
  display: none;
}
.submenuli2{
  scrollbar-width: none; /* 对于FireFox 64 */
   -ms-overflow-style: none; 
}
}
.submenuli2 li{
    border-bottom: 1px solid #dcdcdc;
    cursor:pointer;
}
.submenuli2 .menu-item a.hfe-menu-item:hover{color: var(--e-global-color-17148cc)!important;}
.submenuli2 ul.sub-menu ul.sub-menu.sub-menu-open{pointer-events: none;}
.submenuli2 ul.sub-menu.sub-menu-open ul.sub-menu.sub-menu-open{pointer-events: auto;}