/*------------------------------------*\ LESS Config File \*------------------------------------*/ /** * Contents: * BASEURLS * BASECOLORS * BASEFUNCTIONS * FONTFACE * HEADLINES * INPUTS */ /*------------------------------------*\ BASEURLS \*------------------------------------*/ /*------------------------------------*\ $BASECOLORS \*------------------------------------*/ /*------------------------------------*\ $FONTFACE \*------------------------------------*/ /*------------------------------------*\ $BREAKPOINTS * * @small - styles for small devices only * @medium - styles for medium devices only * @large - specific large device styles only * * Hierarchy * @small styles override normal styles * @medium styles override normal styles (not @small styles) * @large styles override normal styles * * Dimensions * iPhone6+ 414x736 * iPhone6 375x667 * iPhone5 320x568 * iPad 1024x768 * Neuxs7v1 604x960 * Neuxs7v2 600x960 * \*------------------------------------*/ head { font-family: "small"; } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { head { font-family: "medium"; } } @media only screen and (min-width: 1025px) { head { font-family: "large"; } } body:after { content: "small"; display: none; } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { body:after { content: "medium"; } } @media only screen and (min-width: 1025px) { body:after { content: "large"; } } /*------------------------------------*\ $BASEFUNCTIONS \*------------------------------------*/ /* .gradient(@color: #F5F5F5, @start: #EEE, @stop: #FFF) { background: @color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, @start), color-stop(1, @stop)); background: -ms-linear-gradient(bottom, @start, @stop); background: -moz-linear-gradient(center bottom, @start 0%, @stop 100%); background: -o-linear-gradient(@stop, @start); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",@stop,@start)); } .bw-gradient(@color: #F5F5F5, @start: 0, @stop: 255) { background: @color; background: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(@start,@start,@start)), color-stop(1, rgb(@stop,@stop,@stop))); background: -ms-linear-gradient(bottom, rgb(@start,@start,@start) 0%, rgb(@stop,@stop,@stop) 100%); background: -moz-linear-gradient(center bottom, rgb(@start,@start,@start) 0%, rgb(@stop,@stop,@stop) 100%); background: -o-linear-gradient(rgb(@stop,@stop,@stop), rgb(@start,@start,@start)); filter: e(%("progid:DXImageTransform.Microsoft.gradient(startColorstr='%d', endColorstr='%d', GradientType=0)",rgb(@stop,@stop,@stop),rgb(@start,@start,@start))); } */ .buttonstyle { background: none repeat scroll 0 0 #000; border: none; height: auto; color: #fff !important; cursor: pointer; display: inline; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; padding: 0.70rem 1.5rem 0.70rem 1.5rem; text-align: center; box-sizing: border-box; -moz-box-sizing: border-box; } .buttonstyle:focus { outline: dotted; outline-width: thin; outline-color: black; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .zh_CN .cart-banner { display: none; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .cmp_loginbox .login-box .defaultFormLayout { font-size: 0.75rem; } .cmp_loginbox .login-box .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .cmp_loginbox .login-box .defaultFormLayout .formRowGroup label, .cmp_loginbox .login-box .defaultFormLayout .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .cmp_loginbox .login-box .defaultFormLayout legend.h2 { width: 100%; } .cmp_loginbox .login-box .defaultFormLayout.errorBelow .form-row .formError, .cmp_loginbox .login-box .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .cmp_loginbox .login-box .defaultFormLayout.errorBelow.labelAbove .infoButton, .cmp_loginbox .login-box .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, .cmp_loginbox .login-box .defaultFormLayout.errorBelow.labelAbove .infoTooltip, .cmp_loginbox .login-box .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .cmp_loginbox .login-box .defaultFormLayout.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .pt_account .defaultFormLayout { font-size: 0.75rem; } .pt_account .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_account .defaultFormLayout .formRowGroup label, .pt_account .defaultFormLayout .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_account .defaultFormLayout legend.h2 { width: 100%; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline) label, .pt_account .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup.fixedCountryRow label, .pt_account .defaultFormLayout:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup .formError, .pt_account .defaultFormLayout:not(.labelAbove) .form-row .formError { width: auto; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, .pt_account .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup.w50 .formError, .pt_account .defaultFormLayout:not(.labelAbove) .form-row.w50 .formError { width: 100%; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, .pt_account .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup.w33 .formError, .pt_account .defaultFormLayout:not(.labelAbove) .form-row.w33 .formError { width: 100%; } .pt_account .defaultFormLayout:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .pt_account .defaultFormLayout.errorBelow .form-row .formError, .pt_account .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .pt_account .defaultFormLayout.errorBelow.labelAbove .infoButton, .pt_account .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, .pt_account .defaultFormLayout.errorBelow.labelAbove .infoTooltip, .pt_account .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .pt_account .defaultFormLayout.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .pt_account.register .defaultFormLayout { font-size: 0.75rem; } .pt_account.register .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_account.register .defaultFormLayout .formRowGroup label, .pt_account.register .defaultFormLayout .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_account.register .defaultFormLayout legend.h2 { width: 100%; } .pt_account.register .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline) label, .pt_account.register .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_account.register .defaultFormLayout:not(.labelAbove) .formRowGroup.fixedCountryRow label, .pt_account.register .defaultFormLayout:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } .pt_account.register .defaultFormLayout:not(.labelAbove) .formRowGroup .formError, .pt_account.register .defaultFormLayout:not(.labelAbove) .form-row .formError { width: auto; } .pt_account.register .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, .pt_account.register .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } .pt_account.register .defaultFormLayout:not(.labelAbove) .formRowGroup.w50 .formError, .pt_account.register .defaultFormLayout:not(.labelAbove) .form-row.w50 .formError { width: 100%; } .pt_account.register .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, .pt_account.register .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } .pt_account.register .defaultFormLayout:not(.labelAbove) .formRowGroup.w33 .formError, .pt_account.register .defaultFormLayout:not(.labelAbove) .form-row.w33 .formError { width: 100%; } .pt_account.register .defaultFormLayout:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .pt_account.register .defaultFormLayout.errorBelow .form-row .formError, .pt_account.register .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .pt_account.register .defaultFormLayout.errorBelow.labelAbove .infoButton, .pt_account.register .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, .pt_account.register .defaultFormLayout.errorBelow.labelAbove .infoTooltip, .pt_account.register .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .pt_account.register .defaultFormLayout.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .pt_account .defaultFormLayout { font-size: 0.75rem; } .pt_account .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_account .defaultFormLayout .formRowGroup label, .pt_account .defaultFormLayout .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_account .defaultFormLayout legend.h2 { width: 100%; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline) label, .pt_account .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup.fixedCountryRow label, .pt_account .defaultFormLayout:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup .formError, .pt_account .defaultFormLayout:not(.labelAbove) .form-row .formError { width: auto; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, .pt_account .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup.w50 .formError, .pt_account .defaultFormLayout:not(.labelAbove) .form-row.w50 .formError { width: 100%; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, .pt_account .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } .pt_account .defaultFormLayout:not(.labelAbove) .formRowGroup.w33 .formError, .pt_account .defaultFormLayout:not(.labelAbove) .form-row.w33 .formError { width: 100%; } .pt_account .defaultFormLayout:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .pt_account .defaultFormLayout.errorBelow .form-row .formError, .pt_account .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .pt_account .defaultFormLayout.errorBelow.labelAbove .infoButton, .pt_account .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, .pt_account .defaultFormLayout.errorBelow.labelAbove .infoTooltip, .pt_account .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .pt_account .defaultFormLayout.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .pt_checkout.summary { font-size: 0.75rem; } .pt_checkout.summary fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_checkout.summary .formRowGroup label, .pt_checkout.summary .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_checkout.summary legend.h2 { width: 100%; } .pt_checkout.summary.errorBelow .form-row .formError, .pt_checkout.summary.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .pt_checkout.summary.errorBelow.labelAbove .infoButton, .pt_checkout.summary.errorBelow.labelAbove .infoButtonRight, .pt_checkout.summary.errorBelow.labelAbove .infoTooltip, .pt_checkout.summary.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .pt_checkout.summary.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .pt_checkout.shipping .primary-content .defaultFormLayout { font-size: 0.75rem; } .pt_checkout.shipping .primary-content .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_checkout.shipping .primary-content .defaultFormLayout .formRowGroup label, .pt_checkout.shipping .primary-content .defaultFormLayout .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_checkout.shipping .primary-content .defaultFormLayout legend.h2 { width: 100%; } .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline) label, .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup.fixedCountryRow label, .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup .formError, .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .form-row .formError { width: auto; } .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup.w50 .formError, .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .form-row.w50 .formError { width: 100%; } .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup.w33 .formError, .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .form-row.w33 .formError { width: 100%; } .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .pt_checkout.shipping .primary-content .defaultFormLayout.errorBelow .form-row .formError, .pt_checkout.shipping .primary-content .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .pt_checkout.shipping .primary-content .defaultFormLayout.errorBelow.labelAbove .infoButton, .pt_checkout.shipping .primary-content .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, .pt_checkout.shipping .primary-content .defaultFormLayout.errorBelow.labelAbove .infoTooltip, .pt_checkout.shipping .primary-content .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .pt_checkout.shipping .primary-content .defaultFormLayout.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .pt_checkout.billing .primary-content .defaultFormLayout { font-size: 0.75rem; } .pt_checkout.billing .primary-content .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_checkout.billing .primary-content .defaultFormLayout .formRowGroup label, .pt_checkout.billing .primary-content .defaultFormLayout .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_checkout.billing .primary-content .defaultFormLayout legend.h2 { width: 100%; } .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline) label, .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup.fixedCountryRow label, .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup .formError, .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .form-row .formError { width: auto; } .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup.w50 .formError, .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .form-row.w50 .formError { width: 100%; } .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup.w33 .formError, .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .form-row.w33 .formError { width: 100%; } .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .pt_checkout.billing .primary-content .defaultFormLayout.errorBelow .form-row .formError, .pt_checkout.billing .primary-content .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .pt_checkout.billing .primary-content .defaultFormLayout.errorBelow.labelAbove .infoButton, .pt_checkout.billing .primary-content .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, .pt_checkout.billing .primary-content .defaultFormLayout.errorBelow.labelAbove .infoTooltip, .pt_checkout.billing .primary-content .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .pt_checkout.billing .primary-content .defaultFormLayout.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .pt_order-confirmation .register .defaultFormLayout { font-size: 0.75rem; } .pt_order-confirmation .register .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_order-confirmation .register .defaultFormLayout .formRowGroup label, .pt_order-confirmation .register .defaultFormLayout .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_order-confirmation .register .defaultFormLayout legend.h2 { width: 100%; } .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline) label, .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .formRowGroup.fixedCountryRow label, .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .formRowGroup .formError, .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .form-row .formError { width: auto; } .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .formRowGroup.w50 .formError, .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .form-row.w50 .formError { width: 100%; } .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .formRowGroup.w33 .formError, .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .form-row.w33 .formError { width: 100%; } .pt_order-confirmation .register .defaultFormLayout:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .pt_order-confirmation .register .defaultFormLayout.errorBelow .form-row .formError, .pt_order-confirmation .register .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .pt_order-confirmation .register .defaultFormLayout.errorBelow.labelAbove .infoButton, .pt_order-confirmation .register .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, .pt_order-confirmation .register .defaultFormLayout.errorBelow.labelAbove .infoTooltip, .pt_order-confirmation .register .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .pt_order-confirmation .register .defaultFormLayout.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } #newsletterFastSubscribe .defaultFormLayout { font-size: 0.75rem; } #newsletterFastSubscribe .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } #newsletterFastSubscribe .defaultFormLayout .formRowGroup label, #newsletterFastSubscribe .defaultFormLayout .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } #newsletterFastSubscribe .defaultFormLayout legend.h2 { width: 100%; } #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline) label, #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .formRowGroup.fixedCountryRow label, #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .formRowGroup .formError, #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .form-row .formError { width: auto; } #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .formRowGroup.w50 .formError, #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .form-row.w50 .formError { width: 100%; } #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .formRowGroup.w33 .formError, #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .form-row.w33 .formError { width: 100%; } #newsletterFastSubscribe .defaultFormLayout:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } #newsletterFastSubscribe .defaultFormLayout.errorBelow .form-row .formError, #newsletterFastSubscribe .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } #newsletterFastSubscribe .defaultFormLayout.errorBelow.labelAbove .infoButton, #newsletterFastSubscribe .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, #newsletterFastSubscribe .defaultFormLayout.errorBelow.labelAbove .infoTooltip, #newsletterFastSubscribe .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 43px; } #newsletterFastSubscribe .defaultFormLayout.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } #newsletter-fastsubscribe-header h3, #newsletter-fastsubscribe-header h2 { color: #000!important; } .newsletterFastSubscribeFormContent label { color: #000; } #newsletter-fastsubscribe-header { padding: 1rem; } #newsletter-fastsubscribe-header h2, #newsletter-fastsubscribe-header h3 { width: 100%; color: #000; } .newsletterFastSubscribePrivacy { text-align: center; } #newsletterFastSubscribe { overflow: initial; } .defaultFormLayout { font-size: 0.75rem; } .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .defaultFormLayout .formRowGroup label, .defaultFormLayout .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .defaultFormLayout legend.h2 { width: 100%; } .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline) label, .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .defaultFormLayout:not(.labelAbove) .formRowGroup.fixedCountryRow label, .defaultFormLayout:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } .defaultFormLayout:not(.labelAbove) .formRowGroup .formError, .defaultFormLayout:not(.labelAbove) .form-row .formError { width: auto; } .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } .defaultFormLayout:not(.labelAbove) .formRowGroup.w50 .formError, .defaultFormLayout:not(.labelAbove) .form-row.w50 .formError { width: 100%; } .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } .defaultFormLayout:not(.labelAbove) .formRowGroup.w33 .formError, .defaultFormLayout:not(.labelAbove) .form-row.w33 .formError { width: 100%; } .defaultFormLayout:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .defaultFormLayout.errorBelow .form-row .formError, .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .defaultFormLayout.errorBelow.labelAbove .infoButton, .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, .defaultFormLayout.errorBelow.labelAbove .infoTooltip, .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .defaultFormLayout.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .pt_customer-service #main { font-size: 0.75rem; } .pt_customer-service #main fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_customer-service #main .formRowGroup label, .pt_customer-service #main .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_customer-service #main legend.h2 { width: 100%; } .pt_customer-service #main:not(.labelAbove) .formRowGroup:not(.label-inline) label, .pt_customer-service #main:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_customer-service #main:not(.labelAbove) .formRowGroup.fixedCountryRow label, .pt_customer-service #main:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } .pt_customer-service #main:not(.labelAbove) .formRowGroup .formError, .pt_customer-service #main:not(.labelAbove) .form-row .formError { width: auto; } .pt_customer-service #main:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, .pt_customer-service #main:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } .pt_customer-service #main:not(.labelAbove) .formRowGroup.w50 .formError, .pt_customer-service #main:not(.labelAbove) .form-row.w50 .formError { width: 100%; } .pt_customer-service #main:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, .pt_customer-service #main:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } .pt_customer-service #main:not(.labelAbove) .formRowGroup.w33 .formError, .pt_customer-service #main:not(.labelAbove) .form-row.w33 .formError { width: 100%; } .pt_customer-service #main:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .pt_customer-service #main.errorBelow .form-row .formError, .pt_customer-service #main.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .pt_customer-service #main.errorBelow.labelAbove .infoButton, .pt_customer-service #main.errorBelow.labelAbove .infoButtonRight, .pt_customer-service #main.errorBelow.labelAbove .infoTooltip, .pt_customer-service #main.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .pt_customer-service #main.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .product-notification-container .first-view .notification-left-column .notification-form form { font-size: 0.75rem; } .product-notification-container .first-view .notification-left-column .notification-form form fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .product-notification-container .first-view .notification-left-column .notification-form form .formRowGroup label, .product-notification-container .first-view .notification-left-column .notification-form form .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .product-notification-container .first-view .notification-left-column .notification-form form legend.h2 { width: 100%; } .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .formRowGroup:not(.label-inline) label, .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .formRowGroup.fixedCountryRow label, .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .formRowGroup .formError, .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .form-row .formError { width: auto; } .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .formRowGroup.w50 .formError, .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .form-row.w50 .formError { width: 100%; } .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .formRowGroup.w33 .formError, .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .form-row.w33 .formError { width: 100%; } .product-notification-container .first-view .notification-left-column .notification-form form:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .product-notification-container .first-view .notification-left-column .notification-form form.errorBelow .form-row .formError, .product-notification-container .first-view .notification-left-column .notification-form form.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .product-notification-container .first-view .notification-left-column .notification-form form.errorBelow.labelAbove .infoButton, .product-notification-container .first-view .notification-left-column .notification-form form.errorBelow.labelAbove .infoButtonRight, .product-notification-container .first-view .notification-left-column .notification-form form.errorBelow.labelAbove .infoTooltip, .product-notification-container .first-view .notification-left-column .notification-form form.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .product-notification-container .first-view .notification-left-column .notification-form form.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .defaultFormLayout { font-size: 0.75rem; } .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .defaultFormLayout .formRowGroup label, .defaultFormLayout .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .defaultFormLayout legend.h2 { width: 100%; } .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline) label, .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .defaultFormLayout:not(.labelAbove) .formRowGroup.fixedCountryRow label, .defaultFormLayout:not(.labelAbove) .form-row.fixedCountryRow label { width: auto; } .defaultFormLayout:not(.labelAbove) .formRowGroup .formError, .defaultFormLayout:not(.labelAbove) .form-row .formError { width: auto; } .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w50 label, .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w50 label { width: 100%; margin-left: 0; } .defaultFormLayout:not(.labelAbove) .formRowGroup.w50 .formError, .defaultFormLayout:not(.labelAbove) .form-row.w50 .formError { width: 100%; } .defaultFormLayout:not(.labelAbove) .formRowGroup:not(.label-inline).w33 label, .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline).w33 label { width: 100%; margin-left: 0; } .defaultFormLayout:not(.labelAbove) .formRowGroup.w33 .formError, .defaultFormLayout:not(.labelAbove) .form-row.w33 .formError { width: 100%; } .defaultFormLayout:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .defaultFormLayout.errorBelow .form-row .formError, .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .defaultFormLayout.errorBelow.labelAbove .infoButton, .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, .defaultFormLayout.errorBelow.labelAbove .infoTooltip, .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .defaultFormLayout.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } .defaultFormLayout.personalShopping { font-size: 0.75rem; } .defaultFormLayout.personalShopping fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .defaultFormLayout.personalShopping .formRowGroup label, .defaultFormLayout.personalShopping .form-row label { width: auto; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .defaultFormLayout.personalShopping legend.h2 { width: 100%; } .defaultFormLayout.personalShopping.errorBelow .form-row .formError, .defaultFormLayout.personalShopping.errorBelow .form-row.w50 .formError { width: 100%; margin-left: 0; } .defaultFormLayout.personalShopping.errorBelow.labelAbove .infoButton, .defaultFormLayout.personalShopping.errorBelow.labelAbove .infoButtonRight, .defaultFormLayout.personalShopping.errorBelow.labelAbove .infoTooltip, .defaultFormLayout.personalShopping.errorBelow.labelAbove .infoTooltipRight { top: 43px; } .defaultFormLayout.personalShopping.errorBelow .infoTooltip .infoTooltipArrow { background-image: none; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #navigation div.level-2 ul.level-2 li a:nth-child(1) { padding-left: 2em; } body.touch-device ul.level-1 li.hasFlyout.hover a.level-1 { background: none; } body { font-size: 16px; } #header #preHeader .headerWrapper .menu-utility-user { border-left: 1px solid #c0c0c0; margin-top: 0 !important; } #header #preHeader .headerWrapper .menu-utility-user, #header #preHeader .headerWrapper .headerWishlist { float: right; box-sizing: border-box; } #header #preHeader .headerWrapper .brandSelection { clear: both; } #footer, #navigation, #fall2014-wrapper, .headerWrapper, #header { max-width: 100%; } .header-navigation-wrapper { padding-bottom: 200px; } .header-navigation-wrapper .headerWrapper .nav-on { padding-bottom: 0; } .menu-utility-user { margin-bottom: 2em; } .headerWishlist { position: static; text-align: left; float: right; } #header { display: -ms-flexbox; display: flex; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } #header #preHeader { display: none; } .nav-on #header #preHeader { display: block; background-color: #f5f5f5; } #header #preHeader .headerWrapper .flRight, #header #preHeader .headerWrapper > * { float: none; } #header .primary-logo { width: auto; height: auto; text-align: center; } #header .primary-logo a { width: auto; } #header .primary-logo svg { height: 1.3125rem; width: 3.625rem; margin: 0 auto; } #header .mini-cart { font-size: 1rem; position: absolute; right: 0; top: 0px; margin: 0; z-index: 1; margin-right: 1em; } #header .mini-cart .mini-cart-item-word, #header .mini-cart .mini-cart-total-label, #header .mini-cart .mini-cart-label { display: none; } #header .mini-cart .mini-cart-total { margin: 0; } #header .mini-cart .mini-cart-total-empty .mini-cart-empty { display: none; } #header .mini-cart .mini-cart-total-empty .mini-cart-amount:before { content: "0"; } #header .mini-cart.flashlight .mini-cart-total .mini-cart-amount { -webkit-animation: flashlight 0.5s; animation: flashlight 0.5s; } #header .mini-cart-content { display: none; } #preHeader .content-asset { -ms-flex-order: 6; order: 6; width: 50%; } #header #preHeader .headerWishlist a, #header #preHeader .menu-utility-user a { text-align: center; line-height: 2.5em; padding: 0.5em 0; font-weight: 400; height: auto; color: #000; font-family: "universroman", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; border-bottom: 1px solid #c0c0c0; overflow: hidden; background-color: #e6e6e6; } #header #preHeader .headerWishlist a:before, #header #preHeader .menu-utility-user a:before { font-family: 'hug-icon-font'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e004"; padding-right: 0.75em; } #header #preHeader .menu-utility-user a { border-right: 1px solid #c0c0c0; box-sizing: border-box; } #header #preHeader .menu-utility-user a:before { content: "\e019"; } #preHeader .brandSelection.eMAG { display: block; width: 100%; position: absolute; bottom: 64px; } #preHeader .brandSelection.eMAG li:after { border: 0; } #header #preHeader .storeLocator { display: none; display: block; width: 100%; position: absolute; bottom: 0; } #header .store-locator { -ms-flex-order: 2; order: 2; } #header .menu-utility-user { -ms-flex-order: 0; order: 0; } #header .brandSelection li.level1:hover div.brandFlyout, #header .brandSelection li.level1:hover .brandFlyoutArrow { display: none; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout, #header .brandSelection li.brand-sub-on div.brandFlyout { display: block; position: static; width: auto; box-shadow: none; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout .brand_flyout_top, #header .brandSelection li.brand-sub-on div.brandFlyout .brand_flyout_top { position: relative; top: 2em; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout .brand_flyout_top div, #header .brandSelection li.brand-sub-on div.brandFlyout .brand_flyout_top div { position: absolute; top: 0; right: 0; margin: 0; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout .content-asset .brand_flyout_bottom, #header .brandSelection li.brand-sub-on div.brandFlyout .content-asset .brand_flyout_bottom { height: auto; background-color: transparent; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout .content-asset .brand_flyout_bottom a, #header .brandSelection li.brand-sub-on div.brandFlyout .content-asset .brand_flyout_bottom a { width: auto; padding: 0; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout .content-asset .brand_flyout_bottom a div, #header .brandSelection li.brand-sub-on div.brandFlyout .content-asset .brand_flyout_bottom a div { width: 100%; height: auto; background-color: rgba(0, 0, 0, 0.6); color: #fff; padding: 0.5em 1em; box-sizing: border-box; line-height: 1.5; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout .content-asset .brand_flyout_bottom img, #header .brandSelection li.brand-sub-on div.brandFlyout .content-asset .brand_flyout_bottom img { width: 100%; display: block; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout .contentWrapper, #header .brandSelection li.brand-sub-on div.brandFlyout .contentWrapper { padding: 0; border-top: 1px solid #c0c0c0; padding: 0 1.5em; background-color: transparent; position: relative; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout .contentWrapper:before, #header .brandSelection li.brand-sub-on div.brandFlyout .contentWrapper:before { position: absolute; border-width: 10px; border-color: #c0c0c0 transparent transparent transparent; border-style: solid; content: " "; top: 0; left: 50%; margin-left: -5px; margin-top: -1px; width: 0; height: 0; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout .contentWrapper:after, #header .brandSelection li.brand-sub-on div.brandFlyout .contentWrapper:after { position: absolute; border-width: 8px; border-color: #F5F5F5 transparent transparent transparent; border-style: solid; content: " "; top: 0; left: 50%; margin-left: -3px; margin-top: -1px; width: 0; height: 0; } #header .brandSelection li.level1.brand-sub-on:hover div.brandFlyout h2, #header .brandSelection li.brand-sub-on div.brandFlyout h2 { text-align: left; top: 0; margin-right: 98px; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 18px; font-size: 1.125rem; padding-top: 0; } #header #preHeader li .brandFlyout a { padding: 0; margin-bottom: 2em; } #header .header-right { display: none; } #header.flyout-on .header-right { display: block; } #navigation { display: none; position: static; background-color: #f5f5f5; border-top: 0; } .brandFlyoutArrowAllBrands, body.boss_orange .level1.boss_orange .brandFlyoutArrow, body.boss .level1.boss .brandFlyoutArrow, body.boss_green .level1.boss_green .brandFlyoutArrow, body.hugo .level1.hugo .brandFlyoutArrow { display: none; } .nav-on #navigation { display: block; } #navigation ul.level-1 li:hover div.level-2 { display: none !important; } #navigation ul.level-1 li.sub-on:hover div.level-2 { display: block !important; } } @media only screen and (max-width: 480px) and (orientation : portrait) and only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) and only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (max-width: 480px) and (orientation : portrait) and only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape), only screen and (max-width: 736px) and (orientation : landscape) and only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { #header #preHeader .storeLocator { display: block; } } #nav-icon { position: absolute; display: none; padding: 0; padding-left: 1.25em; padding-right: 1.25em; font-size: 1.2rem; background-color: #000; color: #fff !important; top: 0; height: 1.375rem; line-height: 1.375rem; } .boss #nav-icon, .boss_orange #nav-icon, .hugo #nav-icon, .boss_green #nav-icon { background-color: #fff; color: #000 !important; } #nav-icon:focus { outline: none; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #nav-icon { display: none; display: inline-block; } #nav-icon:before { font-family: 'hug-icon-font'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e056"; } .nav-on #nav-icon:before { content: "\e803"; } #preHeader .brandSelection, #navigation { display: none; box-sizing: border-box; } #navigation { padding: 0 0.75rem; width: auto; } #preHeader .brandSelection ul, #navigation ul { height: auto; } #navigation ul > li, #navigation li a { line-height: 1.5em; padding: 0; float: none; text-align: center; color: #000; margin: 0; background-color: #f5f5f5; } #navigation ul > li.first { border-top: 0; } #preHeader .brandSelection li a { display: block; } #preHeader .brandSelection ul li { color: #000; background-color: #f5f5f5; } .nav-on #preHeader .brandSelection, .nav-on #navigation { display: block; float: none; } .content-asset ul li { list-style-type: none; } .mini-cart-total span { display: none; } #header #preHeader .menu-utility-user { -ms-flex-order: 0; order: 0; margin: 0; width: 50%; } #header #preHeader .menu-utility-user li { float: none; } #header #preHeader .menu-utility-user li a { margin-left: 0; display: block; margin-bottom: 0; } #header #preHeader .menu-utility-user li a.user-account { text-overflow: clip; width: auto; text-align: center; } #header #preHeader .storeLocator { -ms-flex-order: 2; order: 2; margin: 0 auto; float: none; } #header #preHeader .storeLocator.desktop { display: none; } #header #preHeader .storeLocator a { display: block; margin-bottom: 0; } #header .brandSelection.eMAG { -ms-flex-order: 3; order: 3; display: none; } #header .brandSelection { -ms-flex-order: 10; order: 10; } #header .headerWishlist { -ms-flex-order: 4; order: 4; margin: 0; width: 50%; box-sizing: border-box; display: block; float: right; } #header .headerWishlist i { display: none; } #header .headerWishlist a.navWishlist { margin: 0; padding: 0; line-height: 1; display: block; height: auto; } #navigation a, #header #preHeader a, #navigation li a, #header #preHeader li a { text-align: center; line-height: 2.5em; padding: 0.5em 0; font-weight: 400; height: auto; color: #000; font-family: "universroman", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 1rem; } } @media only screen and (max-width: 480px) and (orientation : portrait) and only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) and only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (max-width: 480px) and (orientation : portrait) and only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape), only screen and (max-width: 736px) and (orientation : landscape) and only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { #header .brandSelection.eMAG { display: block; } } #navigation:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #navigation .level-3 li { border-top: 1px solid #c0c0c0; } #navigation .level-2 > li, #navigation .level-1 > li { padding-top: 0.5em; } #navigation .level-2 > li:nth-child(1) { border-top: 1px solid #A0A0A0; } #navigation .level-2 > li, #navigation .level-1 > li { border-top: 1px solid #c0c0c0; position: relative; min-height: 3.5rem; } #navigation .level-2 > li:after, #navigation .level-1 > li:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } #navigation .level-2 > li > a:nth-child(1), #navigation .level-1 > li > a:nth-child(1) { right: 3em; left: 0em; padding-left: 1em; position: absolute; text-align: left; background-color: transparent; } #navigation .level-2 > li > a:nth-child(2), #navigation .level-1 > li > a:nth-child(2) { width: 3em; float: right; border-left: 1px solid #c0c0c0; } #navigation .custom { display: none; } div.level-2 ul.level-2 > li { position: relative; } div.level-2 ul.level-2 > li:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } div.level-2 ul.level-2 > li > a:nth-child(1) { left: 0; right: 3em; padding-left: 2em; position: absolute; text-align: left; } li div.level-2 { position: static; float: none; display: none; clear: both; box-shadow: none; } li div.level-2 ul.level-2 a { padding-left: 1em; font-family: "universroman", "\534E\6587\7EC6\9ED1"; } li div.level-2 ul.level-2 li a { padding-left: 1.5em; color: pink; } li div.level-2 ul.level-3, li div.level-2 .level-3 { margin: auto; width: 100%; display: none; } li div.level-2 .menu-wrapper { padding: 0; } li.sub-on .level-2 .sub-on .level-3, li.sub-on .level-2 { display: block !important; width: 100%; background-color: #f5f5f5; } div.level-3 ul.level-3 li { width: auto; } } @media only screen and (max-width: 480px) and (orientation : portrait) and only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) and only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 480px) and (orientation : portrait) and only screen and (max-width: 736px) and (orientation : landscape), only screen and (max-width: 736px) and (orientation : landscape) and only screen and (max-width: 736px) and (orientation : landscape) { #navigation .level-2 > li > a:nth-child(1), #navigation .level-1 > li > a:nth-child(1) { padding-left: 2rem; } } #navigation div.level-2 ul.level-2 li a:nth-child(1), .boss #navigation div.level-2 ul.level-2 li a:nth-child(1) { width: auto; text-align: left; } #navigation div.level-2 ul.level-2 li a:nth-child(2), .boss #navigation div.level-2 ul.level-2 li a:nth-child(2) { width: 3em; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #navigation div.level-2 ul.level-2 li a:nth-child(1), .boss #navigation div.level-2 ul.level-2 li a:nth-child(1) { padding-left: 2em; } } .level-2 .sub-on .level-3 { width: 100%; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .mini-cart-total a { display: inline-block; width: 1.25rem; height: 1.25rem; font-size: 0.75rem; overflow: visible; position: relative; border: 1px solid #434343; background-color: #000; color: #fff; } .mini-cart-total a:before { content: "\e001"; font-family: 'hug-icon-font'; display: inline-block; position: absolute; left: 0; right: 0; text-align: center; top: 0.125rem; } .boss_green .mini-cart-total a, .boss_orange .mini-cart-total a, .hugo .mini-cart-total a, .boss .mini-cart-total a { background-color: #fff; } .mini-cart-total br { display: none; } .mini-cart-total .mini-cart-amount { border-radius: 100%; display: block; width: 1.40em; height: 1.40em; line-height: 1.40em; font-size: 0.6rem; text-align: center; float: right; margin-top: -0.85em; margin-right: -0.85em; background-color: #fff; color: #000; } .boss_green .mini-cart-total .mini-cart-amount, .boss_orange .mini-cart-total .mini-cart-amount, .boss .mini-cart-total .mini-cart-amount, .hugo .mini-cart-total .mini-cart-amount { background-color: #000; color: #fff; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .hugo .headerWrapper, .boss .headerWrapper, .boss_green .headerWrapper, .boss_orange .headerWrapper { border-top: 0; } #navigation, .hugo #navigation, .boss_orange #navigation, .boss_green #navigation, .boss #navigation { background-color: #f5f5f5; } #navigation .headerWrapper { height: auto; } } .hugo #header #mini-search, .boss_green #header #mini-search, .boss_orange #header #mini-search, #mini-search { position: absolute; right: 4rem; color: #000; height: 1.375rem; width: 1.375rem; line-height: 1.25rem; font-size: 1.1rem; display: none; top: 0; background-image: url("../../images/mobile_magnifier_white.svg"); background-size: 100% auto; background-repeat: no-repeat; background-position: center center; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .hugo #header #mini-search, .boss_green #header #mini-search, .boss_orange #header #mini-search, #mini-search { display: block; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .boss #header #mini-search, .hugo #header #mini-search, .boss_green #header #mini-search, .boss_orange #header #mini-search { background-image: url("../../images/mobile_magnifier.svg"); } } #header #mini-search-flyout { display: none; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #header #mini-search-flyout.flyout-on { display: block; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #header #mini-search-flyout { width: 100%; height: 2.625rem; position: absolute; top: 2.563rem; background: #000; z-index: 100; font-size: 13px; padding: 0 0.3125rem; box-sizing: border-box; border-top: 1px solid #000; border-bottom: 1px solid #000; } #header #mini-search-flyout form[name="simpleSearch"] { width: 75%; } #header #mini-search-flyout fieldset { float: left; width: 100%; min-width: inherit; max-width: inherit; } #header #mini-search-flyout input[type="submit"] { display: none; } #header #mini-search-flyout input[type="text"] { margin: 0.3125rem 0.3125rem 0.3125rem 0; width: 97%; background-color: #333; border: none; color: #fff; height: 1.875rem; box-sizing: border-box; } #header #mini-search-flyout input[type="text"]:focus { background: #ffffff; color: #000000; } #header #mini-search-flyout .btnCancelSearch { width: 25%; padding: 0.5rem 0; margin-top: 0.3125rem; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #mini-search-flyout { /* WebKit browsers */ /* Mozilla Firefox 4 to 18 */ /* Mozilla Firefox 19+ */ /* Internet Explorer 10+ */ } #mini-search-flyout input:focus::-webkit-input-placeholder { color: transparent; } #mini-search-flyout input:focus:-moz-placeholder { color: transparent; } #mini-search-flyout input:focus::-moz-placeholder { color: transparent; } #mini-search-flyout input:focus:-ms-input-placeholder { color: transparent; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .boss #header #mini-search-flyout { background-color: #fff; border-top: 1px solid #E5E5E5; border-bottom: 1px solid #E5E5E5; } .boss #header #mini-search-flyout input[type="text"] { background: #ffffff; color: #000000; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .boss_orange #header #mini-search-flyout { background-color: #fff; border-top: 1px solid #D75F14; border-bottom: 1px solid #D75F14; } .boss_orange #header #mini-search-flyout input[type="text"] { background-color: #E5E5E5; color: #000; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .boss_green #header #mini-search-flyout { background-color: #fff; border-top: 1px solid #61BF1A; border-bottom: 1px solid #61BF1A; } .boss_green #header #mini-search-flyout input[type="text"] { background-color: #E5E5E5; color: #000; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .hugo #header #mini-search-flyout { background-color: #fff; border-top: 1px solid #F8E6E7; border-bottom: 1px solid #F8E6E7; } .hugo #header #mini-search-flyout input[type="text"] { background-color: #E5E5E5; color: #000; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #header .primary-logo { font-size: 16px; font-size: 1rem; padding: 0; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { body.touch-device .iconCloseFlyout { display: none; } #header { padding-top: 1.625em; box-sizing: border-box; } #header .primary-logo a { box-sizing: border-box; padding-bottom: 1rem; margin: 0 7rem; } #header .primary-logo .logoImg { width: 60px; height: 21px; background-position: 0 -230px; } .boss #header .primary-logo .logoImg { background-position: 0 -262px; } .boss_orange #header .primary-logo .logoImg { background-position: 0 -294px; } .boss_green #header .primary-logo .logoImg { background-position: 0 -326px; } .hugo #header .primary-logo .logoImg { background-position: 0 -358px; } li.allBrandsCat:after, .all_brands li.allBrandsCat:after { background-color: #c0c0c0; } .boss li.allBrandsCat:after, .boss_orange li.allBrandsCat:after, .boss_green li.allBrandsCat:after, .hugo li.allBrandsCat:after { background-color: #fff; display: none; } .boss li.boss:after { background-color: #000; } .boss_green li.boss_green:after { background-color: #61BF1A; } .boss_orange li.boss_orange:after { background-color: #D75F14; } .hugo li.hugo:after { background-color: #C00; } .search-result-options { margin: 0; } #primary { padding: 0 1.25em; box-sizing: border-box; } .pt_product-search-noresult #primary { padding: 0; } } ul.level-3 a.mobile-subcat, ul.level-2 a.mobile-subcat, ul.level-1 a.mobile-subcat { display: none; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { ul.level-3 a.mobile-subcat, ul.level-2 a.mobile-subcat, ul.level-1 a.mobile-subcat { display: inline; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .categorystartpage { margin-bottom: 2em; } .categorystartpage .breadcrumb { display: none; } .search-result .breadcrumb .breadcrumb-result-text { display: none; } .pt_product-details li { width: auto; } div.level-2 ul.level-2 a.mobile-subcat, ul.level-1 a.mobile-subcat { display: block; } a.mobile-subcat:hover { text-decoration: none !important; } #brandtitle { display: block; padding-bottom: 1em; text-transform: uppercase; text-align: center; font-family: "universroman", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; } #navigation li { text-transform: uppercase; } #navigation li.hasFlyout.sub-on > a { color: #000; text-decoration: underline; } #navigation li.hasFlyout.sub-on > .mobile-subcat { color: #000; text-decoration: none; } #navigation li.hasFlyout.sub-on .level-2 .mainLi.sub-on > a { border-bottom: 1px solid #c0c0c0; } #navigation li.hasFlyout.sub-on .level-3 { background-color: #fff; } #navigation li.hasFlyout.sub-on .level-3 li { border-top: 0; background-color: #fff; } #navigation li.hasFlyout.sub-on .level-3 li a { background-color: transparent; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #header .header-search { float: none; margin: 0; position: static; } #header .header-search form { background-color: #000; } #header .header-search form fieldset { position: relative; padding: 0.5rem; } #header .header-search form input[name=q] { width: 100%; box-sizing: border-box; height: auto; line-height: 1.5; background-color: #fff; border-radius: 0.25rem; font-size: 1rem; float: none; color: #000; } #header .header-search form input[type=submit] { display: none; } #header .header-search form button, #header .header-search form div.closeSearch { height: 1.5rem; width: 1.5rem; border-radius: 100%; float: none; position: absolute; top: 0.75rem; right: 0.75rem; background: none; background-color: #c0c0c0; display: block; padding: 0; } #header .header-search form button:before, #header .header-search form div.closeSearch:before { font-family: 'hug-icon-font'; content: "\e803"; color: #fff; font-size: 0.5rem; top: 5px; left: 8px; position: relative; } #header .header-search form button:focus, #header .header-search form div.closeSearch:focus { outline: none; } .js #suggestions { display: block; width: auto; height: auto; position: static; } .js #suggestions .suggestblock2 { border-top: 0; } .js #suggestions .suggestionsleft, .js #suggestions .suggestionsright, .js #suggestions .suggestblock3 { float: none; width: 100%; margin: 0; height: auto; margin-bottom: 2rem; } .js #suggestions .suggestionsleft ul, .js #suggestions .suggestionsright ul, .js #suggestions .suggestblock3 ul { padding-left: 0; } .js #suggestions .suggestionsleft ul:after, .js #suggestions .suggestionsright ul:after, .js #suggestions .suggestblock3 ul:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .js #suggestions .suggestionsleft .suggestionsection div.suggestionheader, .js #suggestions .suggestionsright .suggestionsection div.suggestionheader, .js #suggestions .suggestblock3 .suggestionsection div.suggestionheader, .js #suggestions .suggestionsleft .suggestionheader, .js #suggestions .suggestionsright .suggestionheader, .js #suggestions .suggestblock3 .suggestionheader { line-height: 3rem; border-bottom: 1px solid #c0c0c0; font-size: 1rem; line-height: 2rem; color: #000; text-transform: uppercase; padding: 0; margin-top: 2rem; font-family: "universlight", "\534E\6587\7EC6\9ED1"; color: #292929; } .js #suggestions .suggestionsleft .suggestionsection, .js #suggestions .suggestionsright .suggestionsection, .js #suggestions .suggestblock3 .suggestionsection { border: 0; height: auto; } .js #suggestions .suggestionsleft .suggestionsection .suggestioncategory, .js #suggestions .suggestionsright .suggestionsection .suggestioncategory, .js #suggestions .suggestblock3 .suggestionsection .suggestioncategory, .js #suggestions .suggestionsleft .suggestionsection .suggestionterm, .js #suggestions .suggestionsright .suggestionsection .suggestionterm, .js #suggestions .suggestblock3 .suggestionsection .suggestionterm { padding: 0; } .js #suggestions .suggestionsleft .suggestionsection .suggestioncategory a, .js #suggestions .suggestionsright .suggestionsection .suggestioncategory a, .js #suggestions .suggestblock3 .suggestionsection .suggestioncategory a, .js #suggestions .suggestionsleft .suggestionsection .suggestionterm a, .js #suggestions .suggestionsright .suggestionsection .suggestionterm a, .js #suggestions .suggestblock3 .suggestionsection .suggestionterm a, .js #suggestions .suggestionsleft .suggestionsection .suggestioncategory div, .js #suggestions .suggestionsright .suggestionsection .suggestioncategory div, .js #suggestions .suggestblock3 .suggestionsection .suggestioncategory div, .js #suggestions .suggestionsleft .suggestionsection .suggestionterm div, .js #suggestions .suggestionsright .suggestionsection .suggestionterm div, .js #suggestions .suggestblock3 .suggestionsection .suggestionterm div { padding: 0; position: relative; border-bottom: 1px solid #c0c0c0; display: block; } .js #suggestions .suggestionsleft .suggestionsection .suggestioncategory a:before, .js #suggestions .suggestionsright .suggestionsection .suggestioncategory a:before, .js #suggestions .suggestblock3 .suggestionsection .suggestioncategory a:before, .js #suggestions .suggestionsleft .suggestionsection .suggestionterm a:before, .js #suggestions .suggestionsright .suggestionsection .suggestionterm a:before, .js #suggestions .suggestblock3 .suggestionsection .suggestionterm a:before, .js #suggestions .suggestionsleft .suggestionsection .suggestioncategory div:before, .js #suggestions .suggestionsright .suggestionsection .suggestioncategory div:before, .js #suggestions .suggestblock3 .suggestionsection .suggestioncategory div:before, .js #suggestions .suggestionsleft .suggestionsection .suggestionterm div:before, .js #suggestions .suggestionsright .suggestionsection .suggestionterm div:before, .js #suggestions .suggestblock3 .suggestionsection .suggestionterm div:before { font-family: 'hug-icon-font'; content: "\e805"; color: #c0c0c0; position: absolute; right: 0; font-size: 1rem; } .js #suggestions .suggestionsleft .suggestionproduct, .js #suggestions .suggestionsright .suggestionproduct, .js #suggestions .suggestblock3 .suggestionproduct { position: relative; width: 100%; } .js #suggestions .suggestionsleft .suggestionproduct:nth-child(even), .js #suggestions .suggestionsright .suggestionproduct:nth-child(even), .js #suggestions .suggestblock3 .suggestionproduct:nth-child(even) { margin-left: 0 ; } .js #suggestions .suggestionsleft .suggestionproduct:before, .js #suggestions .suggestionsright .suggestionproduct:before, .js #suggestions .suggestblock3 .suggestionproduct:before { font-family: 'hug-icon-font'; content: "\e805"; color: #c0c0c0; position: absolute; right: 0; font-size: 1rem; top: 50%; line-height: 1rem; margin-top: -0.5rem; } .js #suggestions .suggestionsleft .selectable, .js #suggestions .suggestionsright .selectable, .js #suggestions .suggestblock3 .selectable { padding: 0; color: #666; border-bottom: 1px solid #c0c0c0; line-height: 2.5rem; font-size: 1rem; font-family: "universlight", "\534E\6587\7EC6\9ED1"; } .js #suggestions .suggestionsleft .selectable .productname, .js #suggestions .suggestionsright .selectable .productname, .js #suggestions .suggestblock3 .selectable .productname { line-height: 1rem; font-size: 0.75rem; color: #292929; font-size: 1rem; } .js #suggestions .suggestionsleft .selectable b, .js #suggestions .suggestionsright .selectable b, .js #suggestions .suggestblock3 .selectable b { font-family: "universbold", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .js #suggestions .suggestbox1, .js #suggestions .suggestbox2, .js #suggestions .suggestbox3 { width: 100%; } } @-webkit-keyframes flashlight { from { -webkit-transform: scale(10); transform: scale(10); } to { -webkit-transform: scale(1); transform: scale(1); } } @keyframes flashlight { from { -webkit-transform: scale(10); transform: scale(10); } to { -webkit-transform: scale(1); transform: scale(1); } } /* Flow Navigation */ @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .boss_allbrands .active { color: #000000!important; position: relative; } .boss_allbrands .active:after { content: ""; border-color: transparent transparent #C0C0C0 transparent; border-width: 6px; border-style: solid; position: absolute; left: 50%; top: 100%; margin-left: -3px; margin-top: 3px; overflow: hidden; } .boss_boss .active { color: #000000!important; position: relative; } .boss_boss .active:after { content: ""; border-color: transparent transparent #C0C0C0 transparent; border-width: 6px; border-style: solid; position: absolute; left: 50%; top: 100%; margin-left: -3px; margin-top: 3px; overflow: hidden; } .boss_orange .active { color: #D15E16; position: relative; } .boss_orange .active:after { content: ""; border-color: transparent transparent #C0C0C0 transparent; border-width: 6px; border-style: solid; position: absolute; left: 50%; top: 100%; margin-left: -3px; margin-top: 3px; overflow: hidden; } .boss_green .active { color: #60BC1A; position: relative; } .boss_green .active:after { content: ""; border-color: transparent transparent #C0C0C0 transparent; border-width: 6px; border-style: solid; position: absolute; left: 50%; top: 100%; margin-left: -3px; margin-top: 3px; overflow: hidden; } .boss_hugo .active { color: #C60303!important; position: relative; } .boss_hugo .active:after { content: ""; border-color: transparent transparent #C0C0C0 transparent; border-width: 6px; border-style: solid; position: absolute; left: 50%; top: 100%; margin-left: -3px; margin-top: 3px; overflow: hidden; } #preHeader .brandSelection ul { margin: 0; padding: 0; white-space: nowrap; overflow-x: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; border-bottom: 1px solid #c0c0c0; } .boss #preHeader .brandSelection ul { border-color: #000; } .boss_orange #preHeader .brandSelection ul { border-color: #d75f14; } .boss_green #preHeader .brandSelection ul { border-color: #61bf1a; } .hugo #preHeader .brandSelection ul { border-color: #cc0000; } #preHeader .brandSelection ul li.first, #preHeader .brandSelection ul li { display: inline-block; padding: 0; margin: 0; padding: 0.5rem 1rem; text-align: center; letter-spacing: 0; float: none; position: relative; } #preHeader .brandSelection ul li.first:after, #preHeader .brandSelection ul li:after { border-width: 10px; border-style: solid; border-color: transparent transparent #c0c0c0 transparent; background: none; content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; margin-top: -20px; display: block; } .boss_orange #preHeader .brandSelection ul li.first:after, .boss_orange #preHeader .brandSelection ul li:after, .boss_green #preHeader .brandSelection ul li.first:after, .boss_green #preHeader .brandSelection ul li:after, .hugo #preHeader .brandSelection ul li.first:after, .hugo #preHeader .brandSelection ul li:after, .boss #preHeader .brandSelection ul li.first:after, .boss #preHeader .brandSelection ul li:after { display: none; } #preHeader .brandSelection ul li.first.boss:after, #preHeader .brandSelection ul li.boss:after { display: none; border-color: transparent transparent #000 transparent; } .boss #preHeader .brandSelection ul li.first.boss:after, .boss #preHeader .brandSelection ul li.boss:after { display: block; } #preHeader .brandSelection ul li.first.boss_orange:after, #preHeader .brandSelection ul li.boss_orange:after { display: none; border-color: transparent transparent #d75f14 transparent; } .boss_orange #preHeader .brandSelection ul li.first.boss_orange:after, .boss_orange #preHeader .brandSelection ul li.boss_orange:after { display: block; } #preHeader .brandSelection ul li.first.boss_green:after, #preHeader .brandSelection ul li.boss_green:after { display: none; border-color: transparent transparent #61bf1a transparent; } .boss_green #preHeader .brandSelection ul li.first.boss_green:after, .boss_green #preHeader .brandSelection ul li.boss_green:after { display: block; } #preHeader .brandSelection ul li.first.hugo:after, #preHeader .brandSelection ul li.hugo:after { display: none; border-color: transparent transparent #cc0000 transparent; } .hugo #preHeader .brandSelection ul li.first.hugo:after, .hugo #preHeader .brandSelection ul li.hugo:after { display: block; } .add-links { border-bottom: 1px solid #C0C0C0; } .add-links:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .add-links a { width: 50%; float: left; text-align: center; box-sizing: border-box; font-size: 0.75rem !important; } .add-links a:before { font-family: 'hug-icon-font'; font-style: normal; font-weight: normal; speak: none; display: inline-block; text-decoration: inherit; width: 1em; text-align: center; font-variant: normal; text-transform: none; line-height: 1em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; content: "\e019"; padding-right: 0.75em; } .add-links a:first-child { border-right: 1px solid #C0C0C0; } .add-links a:first-child:before { content: "\e01b"; } } #navigation .additional-navigation-links { display: none; border-bottom: 1px solid #000; margin-left: -1rem; margin-right: -1rem; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #navigation .additional-navigation-links { display: block; } #navigation .additional-navigation-links a { display: block; border-top: 1px solid #000; background-color: #e6e6e6; font-size: 0.75rem; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #main { width: 100%; } .items-per-page { display: none; } .pt_product-search-result .breadcrumb #mobile-filter { display: block; } .pt_product-search-result #primary { padding: 0px 1.25em; box-sizing: border-box; width: 100%; } .searchResultHeader { width: 100%; margin-bottom: 2em; } .search-result-items.perrow3 .grid-tile, .search-result-items.perrow4 .grid-tile, .search-result-items.perrow2 .grid-tile, .search-result-items.perrow1 .grid-tile, .search-result-items.perrow0 .grid-tile { margin: 0; } .search-result-items.perrow3 .grid-tile:first-child, .search-result-items.perrow4 .grid-tile:first-child, .search-result-items.perrow2 .grid-tile:first-child, .search-result-items.perrow1 .grid-tile:first-child, .search-result-items.perrow0 .grid-tile:first-child { padding-top: 1em; } .search-result-items.perrow3 .grid-tile .product-pricing, .search-result-items.perrow4 .grid-tile .product-pricing, .search-result-items.perrow2 .grid-tile .product-pricing, .search-result-items.perrow1 .grid-tile .product-pricing, .search-result-items.perrow0 .grid-tile .product-pricing { font-size: 12px; line-height: 1; padding: 0; } .search-result-items.perrow1 { margin: 0 auto; margin-left: 10%; margin-right: 10%; } .search-result-items.perrow1 img { width: 100%; } .search-result-items.perrow1 .grid-tile { width: 100%; } .search-result-items.perrow0 .grid-tile, .search-result-items.perrow2 .grid-tile { width: 50%; box-sizing: border-box; margin: 0; height: auto; } .search-result-items.perrow0 .grid-tile:nth-child(2), .search-result-items.perrow2 .grid-tile:nth-child(2) { padding-top: 1em; } .search-result-items.perrow0 .grid-tile:nth-child(odd), .search-result-items.perrow2 .grid-tile:nth-child(odd) { padding-right: 5%; } .search-result-items.perrow0 .grid-tile:nth-child(even), .search-result-items.perrow2 .grid-tile:nth-child(even) { padding-left: 5%; } .search-result-items.perrow4.hasMoreThanOnePage .grid-tile:first-child { padding-top: 0.25rem; } .search-result-options { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; margin-left: 1em; margin-right: 1em; } .gridSelection .selectWrapper { width: 4.5rem; width: 95%; } .sort-by { -ms-flex: auto; flex: auto; width: 50%; } .sort-by .selectWrapper { width: 95%; } .gridSelection select.desktop { display: none; } .gridSelection select.mobile { display: block; } .gridSelection { -ms-flex: auto; flex: auto; border-left: 0; text-aligin: right; } .sort-by, .gridSelection { border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; padding: 0.5em 0; width: 50%; box-sizing: border-box; } .sort-by label, .gridSelection label { font-size: 0.75rem; left: left; display: none; } .sort-by .selectWrapper, .gridSelection .selectWrapper { padding-right: 3%; } .sort-by #selectpprSelection, .gridSelection #selectpprSelection { text-overflow: ellipsis; } .sort-by #selectgrid-sort-header, .gridSelection #selectgrid-sort-header { font-size: 12px; font-size: 0.75rem; white-space: nowrap; padding-right: 15%; text-overflow: ellipsis; } .sort-by .search-result-items .grid-tile, .gridSelection .search-result-items .grid-tile, .sort-by .search-result-items.perrow2 .grid-tile select, .gridSelection .search-result-items.perrow2 .grid-tile select { width: none; } .sort-by .search-result-items .grid-tile option, .gridSelection .search-result-items .grid-tile option, .sort-by .search-result-items.perrow2 .grid-tile select option, .gridSelection .search-result-items.perrow2 .grid-tile select option { font-size: 1.25em; } .pagination { -ms-flex-flow: row wrap; flex-flow: row wrap; width: 100%; } .pagination .results-hits { float: left; } .product-tile { font-size: 22px; font-size: 1.375rem; line-height: 1.35em; } .product-tile .productInfoWrapper { min-height: 0; } .product-tile .product-swatches a { display: block; line-height: 1.5; padding-bottom: 1.5em; } .product-tile .product-name div { font-size: 12px; font-size: 0.75rem; line-height: 1.35em; color: #666666; } .product-tile .product-image { text-align: center; } .product-tile .product-tile-functions { position: absolute; top: 0px; left: 0px; height: 1.5625rem; width: 100%; } .product-tile .product-tile-functions .product-tile__wishlist { height: 1.5625rem; float: right; } .product-tile .product-tile-functions .product-tile__wishlist .product-tile__wishlist__link { margin: 0; } .breadcrumb { font-size: 16px; font-size: 1rem; margin: 0 1.25em; } .breadcrumb:before, .breadcrumb:after { content: " "; /* 1 */ display: table; /* 2 */ } .breadcrumb:after { clear: both; } .breadcrumb h1 { float: left; width: 60%; margin: auto; font-size: 12px; font-size: 0.75rem; } .breadcrumb .li { display: none; } .breadcrumb .li.last { display: block; font-size: 12px; float: left; font-size: 0.75rem; padding: 1.18em 0; } .breadcrumb .li.last:after { content: " (" attr(data-products-amount) ")"; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; color: #666666; } .breadcrumb .li.last strong { padding: 1.18em 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; color: #010101; white-space: nowrap; display: inline; } .search-result .breadcrumb #mobile-filter { display: block; } #main { position: relative; } .pt_product-search-noresult .section-header p { line-height: 100%; padding-left: 1.25rem; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 1.0625rem; } .pt_product-search-noresult .searchbox .newSearch { padding: 20px; } .pt_product-search-noresult .searchbox .newSearch .defaultFormLayout input:not([type="radio"]):not([type="checkbox"]) { width: 100%; } .pt_product-search-noresult .searchbox .newSearch .defaultFormLayout fieldset { max-width: inherit; } .scrollable { height: auto; margin-bottom: 0.6875rem; } /* Special stuff fot repsonsive content in the overlay-wrapper */ /* Mobile refinements overlay */ .pt_product-search-result #secondary { background-color: #fff; z-index: 2; width: 100%; display: none; float: none; } .pt_product-search-result #secondary button { margin-top: 4em; border-bottom: 1em solid #fff; } .overlay-is-on .pt_product-search-result #main > div:not(.overlay-wrapper), .overlay-is-on .pt_product-search-result #header, .overlay-is-on .pt_product-search-result #footer { display: none; } .overlay-is-on .pt_product-search-result .overlay-wrapper { position: static; } .overlay-is-on .overlay-wrapper .overlay-box.refiFilterOverlay { position: static; bottom: initial; } .overlay-is-on .overlay-wrapper .overlay-box.refiFilterOverlay .refinement { padding-left: 3em; border-bottom: 1px solid #c0c0c0; padding-top: 2em; padding-bottom: 2em; } /* .iegeneral class is added in app.js */ .ie-general #pprSelection .styled { margin-top: -4px; } } #mobile-filter { width: 40%; float: right; text-align: right; position: relative; text-transform: uppercase; line-height: 1em; padding: 1.18em 0; color: #000000; font-size: 12px; font-size: 0.75em; cursor: pointer; display: none; } #mobile-filter:before { font-family: "hug-icon-font"; content: '\e060'; font-size: 0.5em; position: absolute; line-height: 2em; margin-left: -2em; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .recommendations { max-width: 100%; margin: 0; } .pt_product-details .breadcrumb { float: none; } .pt_product-details .breadcrumb li { display: none; } .pt_product-details .breadcrumb li:last-child { display: block; } .pdp-main .product-name { float: none; clear: both; width: auto; } .pdp-main .product-col-1 { float: none; width: auto; margin: 0; } .pdp-main .product-primary-image { position: static; height: auto; } .arrowPrev, .arrowNext { display: none; } .swiper-container { clear: both; margin: 0 auto; position: relative; overflow: hidden; -webkit-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; } .swiper-wrapper { position: relative; width: 100%; -webkit-transition-property: -webkit-transform, left, top; -webkit-transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); -webkit-transition-timing-function: ease; -moz-transition-duration: 0s; -moz-transform: translate3d(0px, 0, 0); -moz-transition-timing-function: ease; -o-transition-duration: 0s; -o-transform: translate3d(0px, 0, 0); -o-transition-timing-function: ease; -o-transform: translate(0px, 0px); -ms-transition-duration: 0s; -ms-transform: translate3d(0px, 0, 0); -ms-transition-timing-function: ease; transition-property: transform,left,top; transition-duration: 0s; -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); transition-timing-function: ease; } .swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; } .swiper-slide { float: left; } .swiper-wp8-horizontal { -ms-touch-action: pan-y; } .swiper-wp8-vertical { -ms-touch-action: pan-x; } .swiper-slide { width: 100%; } .pt_product-details ol.breadcrumb li { display: none; } .pt_product-details ol.breadcrumb li:last-child { display: none; } .pt_product-details .backBtn { display: block; float: left; margin-left: 1.25em; } .pt_product-details #pdpMain { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; font-family: "universlight"; font-size: 0.75rem; } .pt_product-details #pdpMain .product-name { -ms-flex-order: 2; order: 2; } .pt_product-details #pdpMain .productName { text-align: left; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 1.0625rem; line-height: 1.2; color: #000; } .pt_product-details #pdpMain .product-col-1 { -ms-flex-order: 1; order: 1; } .pt_product-details #pdpMain .product-col-2 { -ms-flex-order: 3; order: 3; float: none; width: auto; padding-right: 0; margin-bottom: 0; } } #thumbnails, .product-primary-image { display: block; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .touch .product-primary-image, #thumbnails { display: none; } .touch .product-primary-image-mobile { display: block; } .pdp-main .product-tabs.tabs .tabs-menu { margin: 0; } .pdp-main .product-tabs .tab-content { border: 0; border-top: 1px solid #c0c0c0; height: auto !important; color: #333; } .pdp-main .product-tabs.tabs .tabs-menu li { width: 33.2%; } .pdp-main .product-tabs.tabs .tabs-menu li:nth-child(2) { width: 26%; } .pdp-main .product-tabs.tabs .tabs-menu li:first-child { width: 35%; } .pdp-main .product-tabs.tabs .tabs-menu li:last-child { width: 35%; } .sizeChartBasic .bodyPartDescr ul li { display: block; margin-bottom: 1em; } .sizeChartBasic .bodyPartDescr ul li h3 { font-family: "universbold", "\534E\6587\7EC6\9ED1"; font-weight: normal; text-transform: none; } .sizeChartBasic { margin: 0; } .sizeChartBasic .rightArea { padding: 0; margin: 0; min-width: 0; width: 100%; } .sizeChartBasic .rightArea img { float: left; } .sizeChartBasic .rightArea .bodyPartDescr { width: auto; min-width: none; max-width: none; margin-left: 8rem; margin-bottom: 20px; } .sizeChartBasic .rightArea .bodyPartDescr.shoeCare { float: left; margin-left: 0; } .sizeChartBasic .leftArea { clear: both; margin-right: 0; border: 0; padding: 0; } .sizeChartBasic .leftArea table { font-size: 0.625rem; margin: 0; margin-top: 1em; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .sizeChartBasic .leftArea table th, .sizeChartBasic .leftArea table td { min-width: 3.5rem; padding: 0.50rem; display: table-cell; height: 1.8125rem; font-size: 0.625rem; white-space: nowrap; } .sizeChartBasic .leftArea .form-row { margin-top: 0.25em; width: auto; margin-right: 1em; } .sizeChartBasic .leftArea .form-row label { text-transform: none; margin-left: 1.25rem; } .sizeChartBasic .leftArea .selectorTitle { margin-right: 1em; width: auto; } .sizeChartBasic .leftArea .size-selector .wrapper { float: left; width: 70%; } .pdp-main .product-set-list .block-add-to-cart.add-sub-product .add-to-cart, .pdp-main .product-set-list .block-add-to-cart.add-sub-product .add-to-cart-disabled, .pdp-main .product-add-to-cart button { width: 13.8rem; } .pdp-main .product-add-to-cart { margin: 18px 0 30px 0; } .pdp-main .attribute label, .pdp-main .attribute .label { float: left; width: 6em; padding-top: 0.5em; padding-right: 17px; color: #333; } .pdp-main .attribute .value { width: auto; } .category-related .catRelatedSlider, #lastVisited, .recommendations { border-top: 0; } .category-related .catRelatedSlider h3, #lastVisited h3, .recommendations h3, .category-related .catRelatedSlider h2.headline, #lastVisited h2.headline, .recommendations h2.headline { border-bottom: 1px solid #ccc; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; text-align: center; line-height: 1; padding-bottom: 0.5em; color: #000000; } .category-related .catRelatedSlider .product-pricing, #lastVisited .product-pricing, .recommendations .product-pricing, .category-related .catRelatedSlider .productInfoWrapper, #lastVisited .productInfoWrapper, .recommendations .productInfoWrapper { display: none; } .category-related .catRelatedSlider ul, #lastVisited ul, .recommendations ul { padding: 0; } .category-related .catRelatedSlider li, #lastVisited li, .recommendations li { width: 33%; margin: 0; float: left; } .category-related .catRelatedSlider .product-image, #lastVisited .product-image, .recommendations .product-image { width: auto; height: auto; } #footer .last-visited { border-top: 0; } #footer #lastVisited li:nth-child(n+4) { display: none; } #footer #lastVisited .product-image { width: auto; height: auto; } #footer #lastVisited .product-tile { height: auto; min-height: none; width: auto; } #footer #lastVisited .product-tile img { width: auto; height: auto; max-width: 100%; } .size-not-available { display: block; margin: 0; height: 1.625rem; } ul.product-action-buttons li:nth-child(odd) { min-width: 11.25rem; } ul.product-action-buttons li { float: left; } ul.product-action-buttons li .icon-store-locator-icon { margin-right: 0.625rem; } #fitsme_launcher { line-height: inherit; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #addtocartoverlay h2 { margin-top: 1rem; line-height: 1.5rem; } #addtocartoverlay .productBrand { display: none; } #addtocartoverlay .overlay-cart-text .mini-cart-name { line-height: 1.3rem; margin-bottom: 0.75rem; } #addtocartoverlay .overlay-cart-buttons { display: block; margin: 0; margin-bottom: 1rem; border: 0; } #addtocartoverlay .overlay-cart-buttons a.buttonIconRight, #addtocartoverlay .overlay-cart-buttons a.buttonIconLeft { display: block; float: none; margin: 0.5rem 0; } #addtocartoverlay footer { display: none; } #addtocartoverlay .recommendations { display: none; } #addtocartoverlay a.paypal-express-button, #addtocartoverlay .paypal-express-or { display: block; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .defaultFormLayout { font-size: 0.75rem; /*errors */ } .defaultFormLayout .formRowGroup label, .defaultFormLayout .defaultFormLayout .form-row label { text-align: left; display: block; float: none; padding-top: 0.5rem; } .defaultFormLayout .formRowGroup:after, .defaultFormLayout .formInputGroup:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .defaultFormLayout form-caption { padding: 0; } .defaultFormLayout .form-row { min-height: 0; } .defaultFormLayout .form-row.label-inline .form-indent { margin-left: 0; } .defaultFormLayout .form-row.label-inline.label-inline { margin-top: 1rem; } .defaultFormLayout .form-row.fixedCountryRow .fixedCountry { padding-top: 1rem; padding-bottom: 0.5rem; } .defaultFormLayout .form-row-button { padding-top: 1rem; padding-bottom: 0.5rem; } .defaultFormLayout .form-row-button button { width: 100%; } .defaultFormLayout .deliveryFieldset div:not(shippingAddressFormWrapper) .form-row label { font-family: "universbold", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .defaultFormLayout .deliveryFieldset div:not(shippingAddressFormWrapper) .form-row label div { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .defaultFormLayout .formRowGroup label, .defaultFormLayout .form-row label { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; text-align: left; display: block; float: none; padding-top: 1rem; padding-bottom: 0.5rem; } .defaultFormLayout .form-row.fixedCountryRow span.fixedCountry, .defaultFormLayout .form-row.fixedCountryRow label { padding-top: 1.25rem; float: left; width: auto; } .defaultFormLayout:not(.errorBelow) .form-row .formError, .defaultFormLayout:not(.errorBelow) .formRowGroup .formError { position: static; -ms-box-sizing: border-box; box-sizing: border-box; padding: 0 0 0.5rem 0; } .defaultFormLayout:not(.errorBelow) .form-row .formError.singleErrorMessage, .defaultFormLayout:not(.errorBelow) .formRowGroup .formError.singleErrorMessage { padding: 0 0 0.5rem 0; } .defaultFormLayout:not(.errorBelow) .form-row .formError span, .defaultFormLayout:not(.errorBelow) .formRowGroup .formError span { float: none; } .infoButton, .infoButtonRight { float: none; position: absolute; top: 38px; right: 0; } .label-inline .infoButton, .label-inline .infoButtonRight, .label-inline .infoTooltip, .label-inline .infoTooltipRight { top: 0px; } .infoTooltip, .infoTooltipRight { position: absolute; left: 0; right: 0; top: 30px; display: none; width: 100%; margin-left: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; color: 666666; padding-top: 1.25em; } .infoTooltip .infoTooltipArrow, .infoTooltipRight .infoTooltipArrow { right: 0.75rem; top: 0.25rem; left: initial; background-image: none; } .infoTooltip .infoTooltipArrow:after, .infoTooltipRight .infoTooltipArrow:after { content: "\e017"; font-family: 'hug-icon-font'; font-size: 80%; } .errorBelow .infoTooltip { right: 0; } .errorBelow .infoTooltip .infoTooltipArrow { right: 0.75rem; background-image: none; } .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove):not(.errorBelow) .formRowGroup .formError, .pt_checkout.shipping .primary-content .defaultFormLayout:not(.labelAbove):not(.errorBelow) .form-row .formError, .pt_account .defaultFormLayout .infoTooltip, .pt_account.register .defaultFormLayout .infoTooltip, .pt_order-confirmation .register.float-left .defaultFormLayout .infoTooltip, .pt_order-confirmation .register .defaultFormLayout .infoTooltip, .pt_checkout.shipping .primary-content .defaultFormLayout .infoTooltip, .pt_account .defaultFormLayout:not(.errorBelow) .infoTooltip, .pt_account.register .defaultFormLayout:not(.errorBelow) .infoTooltip, .pt_order-confirmation .register.float-left .defaultFormLayout:not(.errorBelow) .infoTooltip, .pt_order-confirmation .register .defaultFormLayout:not(.errorBelow) .infoTooltip, .pt_checkout.shipping .primary-content .defaultFormLayout:not(.errorBelow) .infoTooltip { width: 100%; } .pt_checkout .checkout-bottom .defaultFormLayout fieldset { margin-top: 0; margin-bottom: 0; } .error-form-wrapper { padding: 0; } .formError span.error, .defaultFormLayout span.error, .defaultFormLayout .error-message { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; padding: 0; } .defaultFormLayout .infoButtonWrapper .formError { margin-left: 0; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #header .primary-logo.checkout { font-size: 1rem; padding: 0; margin: 0; position: static; top: initial; left: initial; width: auto; height: auto; } /* Checkout */ .pt_checkout #header { height: 51px; padding-top: 0; } .pt_checkout #header .primary-logo.checkout { margin: 0; } .pt_checkout .headerBackLink { display: block; width: 2rem; height: 2rem; float: left; margin-top: 0; top: -0.75rem; position: absolute; } .pt_checkout .headerBackLink .headerLink, .pt_checkout .headerBackLink .backToShop { display: none; } .pt_checkout .headerBackLink:after { content: "\e01f"; font-family: 'hug-icon-font'; color: #ffffff; font-size: 1.5rem; } .pt_checkout #primary { padding: 0; margin: 0; } .pt_checkout #primary .MobileCheckoutTitle { display: block; text-align: center; } .pt_checkout #primary .MobileCheckoutTitle h1 { font-family: "universbold", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 1.25rem; margin: 2.5rem 0 0 0; } .pt_checkout .defaultFormLayout fieldset { margin-top: 1.5rem; border-bottom: 2px solid #cccccc; } .pt_checkout.summary fieldset { width: 100%; max-width: 100%; min-width: 100%; margin-bottom: 1.25rem; border-bottom: none; } .pt_checkout #footer .defaultFormLayout fieldset { border-bottom: none; } .checkoutPageWrapper { padding-top: 0; border-left: none; border-right: none; } .checkout-progress { margin: 0.3125rem -0.625rem 0.9375rem 0; overflow: hidden; } .checkout-progress-indicator { margin-left: 0; font-family: "universroman", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.6875rem; } .checkout-progress-indicator span, .checkout-progress-indicator a { font-family: "universroman", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.6875rem; } .checkout-progress-indicator div { min-height: 1.75rem; box-sizing: border-box; } .checkout-progress-indicator div.step-1:after, .checkout-progress-indicator div.step-2:after { padding-right: 0.25rem; padding-left: 0.25rem; } .privacyLinkCOShipping { line-height: normal; } /* Checkout Shipping */ .defaultFormLayout #shipping-method-list .form-row, .defaultFormLayout #shipping-method-list .infoButtonWrapper { border-bottom: 1px dashed #cccccc; margin-top: 1rem; padding-bottom: 1rem; } .defaultFormLayout #shipping-method-list .form-row:last-child, .defaultFormLayout #shipping-method-list .infoButtonWrapper:last-child, .defaultFormLayout #shipping-method-list .form-row .form-row, .defaultFormLayout #shipping-method-list .infoButtonWrapper .form-row { padding-bottom: 0; border-bottom: none; } .defaultFormLayout #shipping-method-list .infoTooltip, .defaultFormLayout #shipping-method-list .infoTooltipRight { top: 0; } .defaultFormLayout #shipping-method-list .infoButton, .defaultFormLayout #shipping-method-list .infoButtonRight { top: 0; bottom: initial; } .defaultFormLayout #shipping-method-list .shippingLabelWrapper, .defaultFormLayout #shipping-method-list .shippingIconWrapper { min-height: 0; } .defaultFormLayout #shipping-method-list .shippingError { margin: 1em 0; width: 100%; position: relative; } .defaultFormLayout .form-row .shippingLabelWrapper.hasIcon { padding-left: 0; float: none; clear: left; } .defaultFormLayout .form-row .shippingLabelWrapper label { font-family: "universbold", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; } .defaultFormLayout .form-row .shippingLabelWrapper .form-caption { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; } .defaultFormLayout .form-row .shippingLabelWrapper span.standard-shipping { text-decoration: line-through; } .billing .checkout-bottom, .shipping .checkout-bottom, .billing .checkout-top, .shipping .checkout-top { max-width: 23.75rem; margin-left: auto; margin-right: auto; } .billing .checkout-top { displat: block; } .billing .checkout-top .ssl-encrypted-message { margin-top: 0.6875rem; } .billing .checkout-top button { margin: 0; } .summary .checkout-bottom { float: left; } .checkout-bottom, .checkout-top { margin: 0 auto 5rem auto; padding: 0; width: 100%; font-size: 0.75rem; border-top: none; } .checkout-bottom .defaulFormLayout fieldset, .checkout-top .defaulFormLayout fieldset { margin-bottom: 0; margin-top: 0; border-top: none; border-bottom: none; } .checkout-bottom .form-row, .checkout-top .form-row { position: relative; } .checkout-bottom .icon-pov-left-arrow, .checkout-top .icon-pov-left-arrow { width: 33%; position: absolute; bottom: -3.75rem; left: 0; padding: 0.625rem 0.5rem; text-align: center; border: 1px solid #fff; -ms-box-sizing: border-box; box-sizing: border-box; } .checkout-bottom button, .checkout-top button, .checkout-bottom .form-row-button button, .checkout-top .form-row-button button { width: 66%; position: absolute; bottom: -3.75rem; right: 0; padding: 0.6875rem 0.5rem; -ms-box-sizing: border-box; box-sizing: border-box; } .checkout-bottom .infoTooltipRight, .checkout-top .infoTooltipRight, .checkout-bottom .infoButtonRight, .checkout-top .infoButtonRight { top: 0; } .checkout-top { display: block; margin: 0 auto 0 auto; padding: 0; padding-bottom: 5rem; } .shipping .checkout-top .privacy, .shipping .checkout-bottom .privacy { max-width: 100%; margin-left: 0; padding-right: 0; padding-top: 1.25rem; } .shipping .checkout-top .privacy .content-asset p, .shipping .checkout-bottom .privacy .content-asset p { padding-right: 42px; } .summary .checkout-bottom { margin: 0 auto 7rem auto; } .summary .checkout-bottom .icon-pov-left-arrow { width: 100%; bottom: -6.25rem; text-align: left; } .summary .checkout-bottom button { width: 100%; } .pt_checkout.shipping .error-form-wrapper { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } /* ShipToStore */ .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress { width: 100%; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress legend { width: 100%; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper { padding-left: 0; width: 100%; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper .selectedstore-box { width: 100%; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper .selectedstore-box .storeInformation { width: 100%; margin-bottom: 1rem; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper .selectedstore-map { width: 100%; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper .selectedstore-map .map-wrapper { float: left; height: 150px; width: 100%; min-width: 14rem; max-width: 23.75rem; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper .selectedstore-map .map-wrapper .currentStoreMap { height: 100%; width: 100%; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper .description-box { width: 100%; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper .shipToStore-action { width: 100%; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper .shipToStore-action .selectstore-button { width: 100%; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper .shipToStore-action:after { clear: both; } .pt_checkout.shipping .defaultFormLayout fieldset#DeliveryAddress .shipToStoreWrapper .shippingError { margin: 0 0 0.5rem 0; width: 100%; position: relative; } #shiptostore-dialog .storeSearchForm fieldset { margin-left: 0; margin-right: 0; min-width: 14rem; max-width: 23.75rem; width: auto; } #shiptostore-dialog .storeSearchForm fieldset .form-row { float: left; width: 100%; } #shiptostore-dialog .storeSearchForm fieldset .form-row label { width: 100% !important; margin-left: 0 !important; } #shiptostore-dialog .storeSearchForm fieldset .form-row.button-wrapper { width: 100%; float: left; margin-left: 0; } #shiptostore-dialog .store-result-box { display: none; float: left; width: 100%; height: initial; margin-left: 0; margin-right: 0; } #shiptostore-dialog .store-result-box #panel { height: initial; width: 100%; } #shiptostore-dialog .store-result-box #panel .storelist { width: 100%; height: initial; border-right: 1px solid #d5d5d5; box-sizing: border-box; } #shiptostore-dialog .store-result-box #panel .storelist .storeItem { padding: 10px; border-top: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; margin-top: -1px; min-width: 14rem; } #shiptostore-dialog .store-result-box #panel .storelist .storeItem.first { border-top: none; } #shiptostore-dialog .store-result-box #panel .storelist .storeItem.selected { background-color: #f5f5f5; } #shiptostore-dialog .store-result-box #panel .storelist .storeItem .colum-fist { width: 25px; height: 100%; float: left; } #shiptostore-dialog .store-result-box #panel .storelist .storeItem .storeNumber { float: left; padding: 1px; min-width: 10px; max-width: 20px; background-color: #999999; color: #fff; font-weight: bold; text-align: center; } #shiptostore-dialog .store-result-box #panel .storelist .storeItem .storeHeader { float: left; font-weight: bold; max-width: 130px; } #shiptostore-dialog .store-result-box #panel .storelist .storeItem .storeDistance { float: right; max-width: 90px; overflow: hidden; } #shiptostore-dialog .store-result-box #panel .storelist .storeItem .storeAddress { width: 80%; max-width: 250px; } #shiptostore-dialog .store-result-box #panel .storelist .storeItem .storeAddress:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } #shiptostore-dialog .store-result-box #map-canvas { min-height: initial; height: 200px; } #shiptostore-dialog .store-error-box { display: none; float: left; width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 0.75rem; } #shiptostore-dialog .dialog-action-line { width: 100%; margin-left: 0; margin-right: 0; } #shiptostore-dialog .dialog-action-line button { float: left; width: 100%; } #shiptostore-dialog .dialog-action-line button[disabled=disabled] { display: none; } /* billing */ .pt_checkout.billing .payment-method-options .w50 { width: 100%; } .pt_checkout.billing .form-caption.creditcard-icons { padding-top: 1.25rem; } .pt_checkout.billing .cvnWrapper { padding-bottom: 1.25rem; } .pt_checkout.billing .checkout-bottom .ssl-encrypted-message { padding-top: 1.25rem; float: none; text-align: center; } .pt_checkout.billing .primary-content .defaultFormLayout .infoTooltip { width: 100%; } .pt_checkout.billing .defaultFormLayout .form-row.cvn { margin-right: 0; } .pt_checkout.billing .defaultFormLayout .form-row.cvn input { width: 50%; } .pt_checkout.billing .defaultFormLayout .form-row.cvn .formError { margin-right: 0; width: 50%; } .pt_checkout.billing .cvnRow .infoButton, .pt_checkout.billing .infoButtonRight { left: 50%; right: initial; top: 38px; bottom: initial; z-index: 50; } .pt_checkout.billing .checkout-3d-secure-logos { padding-top: 1.25rem; } .pt_checkout.billing .checkout-bottom button, .pt_checkout.billing .checkout-bottom a { margin: 0; float: none; } .pt_checkout.billing .checkout-bottom a { padding-top: 0.625rem; } .pt_checkout.billing .defaultFormLayout .checkBoxArea, .pt_checkout.billing #PaymentMethod_CREDIT_CARD { width: 100%; } .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .form-row.cvn .formError { margin-right: 0; margin-left: 0; width: 50%; } .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .formRowGroup .formError, .pt_checkout.billing .primary-content .defaultFormLayout:not(.labelAbove) .form-row .formError { width: 100%; } /* summary */ .pt_checkout.summary #main .checkoutSummaryTable { padding: 0; } .pt_checkout.summary #main .checkoutSummaryTable .column.first, .pt_checkout.summary #main .checkoutSummaryTable .column.last { width: 100%; padding: 0; float: none; } .pt_checkout.summary .checkout-bottom .defaultFormLayout { float: none; } .pt_checkout.summary .defaultFormLayout fieldset { margin-top: 0; } .pt_checkout.summary #cart-table th.section-header { text-align: center; padding-left: 0; } .pt_checkout.summary .checkout-bottom .defaultFormLayout .form-row.label-inline.termsAndCondition { width: auto; float: none; } .pt_checkout.summary .checkout-bottom .defaultFormLayout .form-row.label-inline label { text-align: left; } .pt_checkout.summary .checkout-bottom .defaultFormLayout:not(.labelAbove) .form-row.label-inline.required:not(.w50):not(.w33) label { width: auto; } .pt_checkout.summary .defaultFormLayout .german-2nd-sentence-privacy { float: left; } .order-component-block h3.section-header { -ms-box-sizing: border-box; box-sizing: border-box; } .pt_checkout #cart-table .left-pad { margin-left: 0rem; } /* confirmation */ .pt_order-confirmation h1 { font-size: 1rem; } .pt_order-confirmation p { font-size: 0.75rem; } .pt_order-confirmation .thankyou { margin-top: 3.75rem; } .pt_order-confirmation .thankyou a.buttonstyle { display: block; } .pt_order-confirmation .thankyou .confirmation-banner { width: 100%; overflow: hidden; padding-top: 1.25rem; padding-bottom: 0; padding-left: 0; display: block; clear: both; border-top: 1px solid #ccc; } .pt_order-confirmation .thankyou .confirmation-banner.float-left { float: left; padding-left: 0; } .pt_order-confirmation .thankyou .confirmation-banner img { height: auto; max-width: 100% !important; } .pt_order-confirmation .thankyou .confirmation-banner p { max-width: 100% !important; } .pt_order-confirmation .confirmation-banner { width: 100%; overflow: hidden; padding-top: 1.25rem; padding-bottom: 0; padding-left: 0; display: block; clear: both; border-top: 1px solid #ccc; } .pt_order-confirmation .confirmation-banner.border-left { border-left: 0; } .pt_order-confirmation .confirmation-banner img { height: auto; max-width: 100% !important; } .pt_order-confirmation .confirmation-banner p { max-width: 100% !important; } .pt_order-confirmation .confirmationPageWrapper { width: 100%; } .pt_order-confirmation .confirmationPageWrapper.float-left { float: left; padding-bottom: 1.25rem; } .pt_order-confirmation .confirmationPageWrapper.float-right { float: left; } .pt_order-confirmation .confirmationPageWrapper.border-left { border-left: none; } .pt_order-confirmation .confirmationPageWrapper.normal-spaced { width: 100%; margin-bottom: 0; padding-left: 0; } .pt_order-confirmation .register { margin-top: 1.875rem; width: 100%; display: block; } .pt_order-confirmation .register.float-left { margin-top: 0; margin-bottom: 0; padding-left: 0; width: 100%; overflow: hidden; } .pt_order-confirmation .register.float-left .defaultFormLayout fieldset { width: 70%; margin-left: 0; } .pt_order-confirmation .register.float-left .defaultFormLayout legend.h2 { width: 142.85714286%; } .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow .form-row { position: relative; } .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow .form-row .formError { width: 100%; } .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow .formRowGroup .form-row .formError, .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow .formRowGroup .form-row.w50 .formError, .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow .formRowGroup .form-row.w33 .formError { width: auto; left: 0; padding-left: 0; } .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow .form-row.w50 .formError { width: 200%; } .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow .form-row.w33 .formError { width: 300%; } .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow.labelAbove .infoButton, .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow.labelAbove .infoButtonRight, .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow.labelAbove .infoTooltip, .pt_order-confirmation .register.float-left .defaultFormLayout.errorBelow.labelAbove .infoTooltipRight { top: 27px; } .pt_order-confirmation .register.float-left .defaultFormLayout:not(.errorBelow) .infoTooltip { width: 36.78571429%; } .pt_order-confirmation .register.float-left .defaultFormLayout fieldset { padding-bottom: 1rem; } .pt_order-confirmation .register.float-left .defaultFormLayout fieldset .formRowGroup .form-caption, .pt_order-confirmation .register.float-left .defaultFormLayout fieldset .form-row .form-caption { padding-bottom: 0; } .pt_order-confirmation .register.float-left .defaultFormLayout fieldset .formRowGroup .formError, .pt_order-confirmation .register.float-left .defaultFormLayout fieldset .form-row .formError { width: auto; box-sizing: border-box; left: 0; margin-top: 0; padding-left: 0; position: relative; top: auto; } .pt_order-confirmation .register.border-left { border-left: 0; } .pt_order-confirmation .login { width: 100%; } .pt_order-confirmation .login.border-top { border-top: 1px solid #ccc; } .pt_order-confirmation .login fieldset { padding-bottom: 1rem; } .pt_order-confirmation .content-asset ul li { list-style: outside none square; font-size: 0.75rem; } .pt_order-confirmation .content-asset ol li { list-style: outside none decimal; font-size: 0.75rem; } .pt_order-confirmation .bottom-slot { width: 100%; } .pt_order-confirmation .bottom-slot img { width: 100%; height: auto; } .pt_order-confirmation .bottom-slot p { max-width: 100% !important; } .order-summary-footer .cart-banner { width: 100%; } .checkout-progress .step-1.inactive > a:before, .checkout-progress .step-2.inactive > a:before { top: -1px; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .pt_cart .breadcrumb { display: none; } .pt_cart .cart-actions { display: block; } .pt_cart .cart-action-checkout { border-bottom: 1px solid #ccc; } .pt_cart .cart-action-checkout a { font-size: 0.75rem; } .pt_cart .cart-action-checkout .inline-space { display: none; } .pt_cart .cart-action-checkout .paypal-express-button { display: block; float: none; clear: both; margin: 5px 0 10px 0; } .pt_cart .error-form { padding-top: 0.5rem; padding-bottom: 0.5rem; } .pt_cart .error-form button { width: 100%; margin-bottom: 1rem; } .summary th a { font-size: 0.6875rem; line-height: 0.6875rem; } .order-summary-footer { border-top: 0; } .order-totals { float: none; width: 100%; min-width: 100%; } .order-totals .order-subtotal td:first-child, .order-totals .order-title td:first-child, .order-totals .order-shipping td:first-child, .order-totals .order-sales-tax td:first-child, .order-totals .order-coupon-code td:first-child, .order-totals .order-total td:first-child { padding-left: 0.75rem; } .order-totals .order-subtotal td:last-child, .order-totals .order-title td:last-child, .order-totals .order-shipping td:last-child, .order-totals .order-sales-tax td:last-child, .order-totals .order-coupon-code td:last-child, .order-totals .order-total td:last-child { padding-right: 0.75rem; } .order-totals order-subtotal td, .order-totals .order-shipping td, .order-totals .order-sales-tax td, .order-totals .order-coupon-code td, .order-totals .order-total td { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; } .order-totals .order-coupon-code .edit { position: relative; } .order-totals .order-coupon-code .edit input { float: none; padding-right: 6.75rem; width: 100%; } #primary .order-totals button { margin-right: 0; width: 6.25rem; position: absolute; right: 0; } .cart-banner { float: none; width: 100%; margin-top: 0.3125rem; margin-bottom: 1.25rem; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .loginPageWrapper { margin: 0; padding: 0; } .login-box { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; margin-top: 1.5rem; margin-bottom: 1.5rem; } .login-box .required-indicator { padding: 0; } h2 .login-box.primary-content { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; } .login-box p { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; margin-bottom: 1.25rem; } .login-box .defaultFormLayout.labelAbove fieldset > .form-row.rememberMe { margin-bottom: 3rem; } .login-box button { width: 100%; } .cmp_loginbox.last { border-top: 1px solid #d5d5d5; border-left: none; border-right: none; min-height: 15rem; } .cmp_loginbox h1.heading { margin: 0 auto; max-width: 23.75rem; } .cmp_loginbox .login-box a#password-reset { position: absolute; top: -2.6875rem; left: 0; margin-left: 0; } .pt_checkout .login-box .defaultFormLayout fieldset { margin-top: 0; border-bottom: none; } p { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.6875rem; } .rememberMe label { margin-left: 0px !important; } .pt_account.login #primary { padding: 0px; } .pt_account .content-asset ul li { list-style: outside none square; font-size: 0.75rem; } .pt_account .content-asset ol li { list-style: outside none decimal; font-size: 0.75rem; } .pt_account #edit-communication-settings .settings-description, .pt_account #edit-communication-settings .settings-heading { font-size: 0.75rem; } .pt_account #edit-communication-settings .settings-group { margin-bottom: 0; } .pt_account #edit-communication-settings .settings-group .setting-container { font-size: 0.75rem; width: 100%; } .pt_account #edit-communication-settings .settings-group .setting-container .form-row label, .pt_account #edit-communication-settings .settings-group .setting-container .form-row .formValueLabel { font-size: 0.75rem; } .pt_account #edit-communication-settings .settings-group .setting-container.enable-email-container { margin-top: 10px; border-top: 1px solid #E5E5E5; } .pt_account #edit-communication-settings .settings-group .setting-container.enable-postal-mail-container, .pt_account #edit-communication-settings .settings-group .setting-container.enable-phone-container { border-bottom: 1px solid #E5E5E5; padding-bottom: 20px; } .pt_account #edit-communication-settings .settings-group .setting-container.enable-fashion-newsletter-container { display: none; } .pt_account { /* Hugo Boss Experience */ /* Addresses */ /* Payment */ /* Order History */ } .pt_account #main { width: 94% !important; } .pt_account .breadcrumb { display: none; } .pt_account #primary.overview { display: none; } .pt_account #secondary.overview, .pt_account #primary.subpage, .pt_account #secondary.nav { width: 100% !important; } .pt_account #secondary.nav { min-height: inherit; } .pt_account #secondary.nav.subpage li:not(.backtoAccount) { display: none; } .pt_account #secondary .assetWrapper .content-asset { margin: 0.625rem 0.625rem 0 0.625rem; } .pt_account #secondary .assetWrapper { width: 100%; } .pt_account #secondary.overview .assetWrapper { margin-top: 0px; } .pt_account .backtoAccount, .pt_account .accountBackBtn { width: 100%; margin-top: 0.9375rem; margin-bottom: 0.9375rem; float: none; display: block; } .pt_account .backtoAccount a, .pt_account .accountBackBtn a { display: block; } .pt_account ul.accountNavigation li.backtoAccount a { width: 100%; } .pt_account #primary.subpage { padding: 1.563rem 0 0 0; border-bottom: 0.3125rem solid #000; border-left: none; } .pt_account #myHeadline { display: block; margin-top: 1.563rem; box-sizing: border-box; padding-bottom: 1.563rem; width: 100%; } .pt_account #myHeadline.mobile { display: block; } .pt_account #myHeadline .myLogout { top: 0; } .pt_account #myHeadline .myUsername { top: 0; margin: 0.3125rem 0 0 0; width: 100%; } .pt_account .accountNavigation .navimg { display: none; } .pt_account .accountNavigation .navContent { float: left; width: 100%; } .pt_account .accountNavigation .topic { margin: 1.375rem 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 1.375rem; width: 97%; } .pt_account .accountNavigation .navContent:after { content: "\e805"; font-size: 13px; font-family: "fontello"; color: #000; top: 1.563rem; position: relative; } .pt_account .accountNavigation li { height: auto; width: auto; margin: 0 0.625rem 0 0.625rem !important; } .pt_account .accountNavigation li.backtoAccount { width: 100%; box-sizing: border-box; margin: 0 !important; } .pt_account #primary { min-height: 15rem; } .pt_account #primary .overview-content .indent-small { margin-left: 0; } .pt_account #primary .overview-content .cta-buttons { width: 100%; } .pt_account #primary .overview-content .cta-buttons a { width: 100%; display: block; margin: 1.25rem 0; } .pt_account #welcomepackage-select .form { padding-bottom: 0rem; } .pt_account #welcomepackage-select .infoButton { float: right; margin-top: 0; top: 1.5rem; } .pt_account #activateCRMCustomer.defaultFormLayout fieldset { width: 100%; margin-left: auto; margin-right: auto; } .pt_account .experienceAccount #myHeadline.mobile { display: block; border-bottom: 0; } .pt_account .experienceAccount #primary { min-height: 15rem; } .pt_account .experienceAccount #primary.experiencecontent { border-left: 0; border-right: 0; } .pt_account .experienceAccount #primary.experiencecontent .myaccount-back-small { display: none; } .pt_account .experienceAccount #primary .overview-content { padding: 1rem 0; } .pt_account .experienceAccount #primary .wishlist-content .header-details, .pt_account .experienceAccount #primary .wishlist-content td.item-details, .pt_account .experienceAccount #primary .wishlist-content th.item-details { padding-left: 0.25rem; padding-right: 0.5rem; width: 33.33333333%; line-height: normal; } .pt_account .experienceAccount #primary .form-content { margin: 0; padding: 0; } .pt_account .experienceAccount #primary .form-content.activateform { margin: 0; padding: 0; } .pt_account .experienceAccount #primary .form-content.activateform .registrationPageWrapper { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; margin-top: 1.875rem; } .pt_account .experienceAccount #primary .form-content.activateform #activateCRMCustomer fieldset { width: 100%; margin-bottom: 0; margin-left: auto; } .pt_account .experienceAccount #primary .form-content .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_account .experienceAccount #primary .form-content .defaultFormLayout fieldset .form-row-button .icon-pov-left-arrow { display: block !important; float: left; padding: 0.7rem 0.25rem; text-decoration: none; width: 20%; } .pt_account .experienceAccount #primary .form-content .defaultFormLayout fieldset .form-row-button button { width: 70%; min-width: 8rem; max-width: 24rem; float: right; } .pt_account .experienceAccount #primary .form-content .defaultFormLayout fieldset .form-row-button button:after { clear: both; } .pt_account .experienceAccount #primary .form-content .defaultFormLayout#upgrade-form fieldset { width: 100%; margin-left: auto; } .pt_account .experienceAccount #primary .form-content .defaultFormLayout#upgrade-form fieldset .form-row-button button { width: 100%; } .pt_account .experienceAccount #primary #showprofile-form fieldset { width: 100%; } .pt_account .experienceAccount #primary #showprofile-form fieldset .formValueLabel { margin-bottom: 1rem; } .pt_account .experienceAccount #primary #addresses .defaultAddress fieldset { width: 100%; } .pt_account .experienceAccount #secondary { border-top: none; } .pt_account .experienceAccount #secondary .accountNavigation li { border-bottom: 1px solid #d5d5d5 !important; height: auto; } .pt_account .experienceAccount #secondary .accountNavigation li .navContent { float: left; width: 100%; padding: 0; } .pt_account .experienceAccount #secondary .accountNavigation li .navContent .topic { margin: 1.375rem 0; font-size: 1.375rem; padding: 0; width: 97%; } .pt_account .experienceAccount #secondary .accountNavigation li .navContent .topic .experience-menu-headline { font-size: 1.375rem; } .pt_account .experienceAccount #secondary .accountNavigation li .navContent .topic .experience-menu-subheadline { font-size: 1.375rem; } .pt_account .experienceAccount #secondary .accountNavigation li#li-experience .navContent .topic { padding: 0; } .pt_account .experienceAccount #secondary.subpage .accountNavigation li.backtoAccount { display: block; } .pt_account .experienceAccount #secondary.subpage .accountNavigation li:not(.backtoAccount) { display: none; } .pt_account #edit-profile-form.defaultFormLayout .conditionshint, .pt_account #RegistrationForm.defaultFormLayout .conditionshint, .pt_account #upgrade-form.defaultFormLayout .conditionshint, .pt_account #activateCRMCustomer.defaultFormLayout .conditionshint { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_account #addresses { box-sizing: border-box; } .pt_account #addresses .addAddressBtnWrapper a { display: block; } .pt_account .topic-message span { color: #868585; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_account .address-list { margin-bottom: 1.875rem; margin-left: 100px; } .pt_account .address-list fieldset { margin-bottom: 0 !important; } .pt_account .address-list h2 { padding: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_account .address-list .topic-message { margin: 0px; } .pt_account .address-list .btnrow { left: 0; width: 100%; } .pt_account .address-list .btnrow a.buttonstyle { width: 49%; margin-right: 0; } .pt_account .address-list .btnrow a.address-edit { float: left; } .pt_account .address-list .btnrow a.address-delete { float: right; margin-right: 0px; } .pt_account .address-list .btnrow a.address-add { margin-right: 0px; width: 100%; margin-top: 0.625rem; float: left; } .pt_account .address-list li:first-child { padding-bottom: 1.5rem; margin-bottom: 1.5rem; } .pt_account .address-list li:nth-child(2) { border: none; padding: 0; } .pt_account .address-list li:nth-child(3) { padding-top: 2rem; margin-top: 1rem; border-top: 1px solid #CCC; } .pt_account .address-list .btnrow a.address-make-default { width: 100%; margin-right: 0px; margin-top: 0.625rem; float: left; } .pt_account .address-list .otherAddress { width: 100%; min-height: inherit; padding-bottom: 0px; } .pt_account .address-list .otherAddress h3 { padding-left: 0.625rem; margin-bottom: 0.3125rem; } .pt_account .address-list .otherAddress fieldset { padding-left: 0.625rem; min-height: inherit; } .pt_account .address-list .otherAddress .form-row.btnrow { position: relative; bottom: initial; margin: 20px 0; padding: 0.25rem 0; width: auto; } .pt_account .address-list .otherAddress.btnrow { width: auto; } .pt_account .address-list .otherAddress .btnrow a.address-make-default { width: auto; margin: 0; float: left; } .pt_account .address-list .otherAddress .formValueLabel { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; } .pt_account .address-list .defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { padding: 0.3125rem 0; } .pt_account .edit-account-profile.defaultFormLayout:not(.labelAbove) .form-row:not(.label-inline) label { padding: 0.3125rem 0; } .pt_account .defaultFormLayout fieldset { min-width: inherit; max-width: inherit; margin-bottom: 1.875rem; } .pt_account .defaultAddress.defaultFormLayout fieldset .form-row, .pt_account .mobileFormWrapper { margin-left: 0.625rem; } .pt_account .defaultFormLayout fieldset .form-row.btnrow { margin-left: 0px; margin-bottom: 0; padding-bottom: .5rem; } .pt_account #edit-profile-form .infoButton, .pt_account .infoButtonRight { bottom: inherit; } .pt_account #edit-profile-form .cancel-button { margin-top: 0.625rem; } .pt_account .defaultFormLayout.labelForm .form-row.form-row-button { width: 100%; right: 0; margin: 0; padding: 0; } .pt_account .defaultFormLayout.labelForm .form-row.form-row-button button { float: right; } .pt_account .defaultFormLayout .formValueLabel { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; padding: 0; } .pt_account #edit-address-form.defaultFormLayout .form-row.form-row-button { width: 100%; } .pt_account #edit-address-form.defaultFormLayout .form-row.form-row-button .apply-button { width: 100%; } .pt_account #edit-address-form.defaultFormLayout .form-row.form-row-button .cancel-button, .pt_account #edit-address-form.defaultFormLayout .form-row.form-row-button .delete-button { width: 49%; margin-top: 10px; } .pt_account #edit-address-form.defaultFormLayout .form-row.form-row-button .cancel-button.mobileWidth100 { width: 100%; } .pt_account #edit-address-form.defaultFormLayout .form-row.form-row-button .delete-button { float: right; } .pt_account .payment-overview { margin-bottom: 1.875rem; } .pt_account .payment-overview .box-header { margin-left: 0.625rem; } .pt_account .payment-overview .paymentmethod-box { width: 100%; margin-top: 1rem; } .pt_account .payment-overview .paymentmethod-box .form-row { margin-left: 0.625rem; } .pt_account .payment-overview .width-button { width: 100%; display: block; } .pt_account #CreditCardForm fieldset .cancel-button { margin-top: 10px; } .pt_account .order-detailButton { border-left: none; } .pt_account .order-detailButton button { width: 100%; height: 2.5rem !important; font-size: 0.9rem; } .pt_account .columnWrapper, .pt_account .columnWrapper:last-of-type { width: 100%; } .pt_account .columnWrapper:last-of-type .order-history-header > div { width: 100%; } .pt_account .columnWrapper:last-of-type .order-history-body > div { display: none; } .pt_account .order-history-header > div:not(.order-detailButton), .pt_account .order-history-body > div { min-height: 2.5rem; height: auto; padding: 0.6rem 0; } .pt_account .search-result-items li { margin-bottom: 1.875rem; padding-bottom: 1.875rem; border-bottom: 1px solid #ccc; } .pt_account .search-result-items { padding: 0; } .pt_account .search-result-options, .pt_account .pagination .results-hits-resultCount { display: block; } .pt_account .search-result-options h1 { float: left; } .pt_account .search-result-options .pagination { border-bottom: 0; } .pt_account .search-result-options .pagination .results-hits-fromTo, .pt_account .search-result-options .pagination li.first-last a, .pt_account .search-result-options .pagination a { font-size: 0.75rem; } .pt_account .search-result-options .pagination .results-hits-resultCount { display: none !important; } .pt_account .search-result-options .pagination .pager { width: 68%; float: left !important; display: block; padding: 6px 0; margin: 0 !important; } .pt_account .search-result-options.fright { float: none; } .pt_account .order-history-tabs ul.tabs-menu li { height: 40px; } .pt_account .order-history-tabs ul.tabs-menu li .innerContainer { padding: 2% 0; } .pt_account .order-history-tabs ul.tabs-menu li .innerContainer a { height: 35px; } .pt_account .orderDetails #cart-table .section-header:first-child { width: 20%; height: 33px; } .pt_account .orderDetails #cart-table .section-header.header-product { text-align: left; width: 33%; } .pt_account .orderDetails #cart-table .section-header.header-normal-price { text-align: right; } .pt_account.register #primary { padding: 0px; } .pt_account.register .registrationPageWrapper { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; margin-top: 1.875rem; } .defaultFormLayout.passwordResetForm.w33 { width: 100%; } .pt_product-search-noresult .primary-content h1 { text-transform: none; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 1.625rem; margin: 0; padding-left: 1.25rem; line-height: 85%; } .pt_product-search-noresult .section-header { margin-top: 0.75rem; margin-bottom: 1rem; color: #6A6A6A; font-family: "universroman", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.875rem; } .pt_product-search-noresult .searchbox .newSearch .defaultFormLayout fieldset { min-width: 0; } .pt_product-search-noresult .no-hits-help p { font-family: "universroman", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.875rem; } .pt_product-search-noresult .searchbox .defaultFormLayout button { width: 100%; font-size: 1.2rem; } .pt_product-search-noresult .searchbox .defaultFormLayout button:after { content: ""; } .pt_product-search-noresult .searchbox .defaultFormLayout button span { display: inline; } .pt_order-confirmation h1 { font-family: "universbold", "\534E\6587\7EC6\9ED1"; } .pt_order-confirmation .confirmationPageWrapper { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; margin-top: 0.25rem; clear: both; float: none !important; } .pt_order-confirmation .login .defaultFormLayout fieldset { width: 100%; } .pt_order-confirmation .login .defaultFormLayout fieldset a#password-reset { margin-left: 0; } .pt_order-confirmation #RegistrationForm fieldset { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_order-confirmation #RegistrationForm fieldset .form-row:not(.label-inline) label, .pt_order-confirmation #RegistrationForm fieldset .formRowGroup:not(.label-inline) label { width: 100%; margin-left: 0; } .pt_order-confirmation #RegistrationForm fieldset #welcomepackage-select .infoToolTip { top: 1.5rem !important; margin-top: 0 !important; } .pt_order-confirmation #RegistrationForm fieldset #welcomepackage-select .infoButton { top: 1.5rem; margin-top: 0; } .pt_order-confirmation .bottom-slot { margin-top: 0.75rem; border-top: 1px solid #d5d5d5; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .pt_emag #secondary { display: block; width: 100%; } .pt_emag .emag #primary { border-right: none; } .pt_emag .overlay-header { padding-bottom: 0.5rem; } .pt_emag .searchResults .w50, .pt_emag .searchResults .w25 { width: 100%; } .pt_emag .searchResults .w50 h2, .pt_emag .searchResults .w50 .h2 { font-size: 2.3125rem; line-height: 2.3125rem; } .pt_emag .searchResults .w25 { margin-bottom: 30px; } .pt_emag .searchResults .w25 h2, .pt_emag .searchResults .w25 .h2 { font-size: 2.3125rem; line-height: 2.3125rem; } .pt_emag .video-player object { max-width: 100%; } .pt_emag .emag .sortAndfilter .sort-by { width: 50%; border-bottom: none; border-top: none; float: left; } .pt_emag .emag .sortAndfilter .sort-by .selectWrapper { width: 100%; } .pt_emag .emag .sortAndfilter .sort-by:nth-child(even) fieldset { border: none; } .pt_emag .emag .sortAndfilter .sort-by fieldset { position: relative; padding-right: 1rem; } .pt_emag .emag .sortAndfilter .sort-by a { position: absolute; right: 4px; top: 6px; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .cslanding, .contactInformation { width: 100%; } .pt_customer-service #primary { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.6875rem; } .pt_customer-service #primary h1 { color: #000000; } .pt_customer-service #primary h1, .pt_customer-service #primary p { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.6875rem; } .pt_customer-service #primary .content-asset { padding-right: 0; } .pt_customer-service .breadcrumb { display: none; } .pt_customer-service #secondary { width: 100%; margin-bottom: 2rem; } .pt_customer-service #secondary .navLine { display: none; } .pt_customer-service #secondary nav ul li a.active { color: #000000 !important; font-family: "universbold", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .pt_customer-service .csbottom { border-top: none; } .pt_customer-service .requiredfields { float: none; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .pt_account .wishlist-conten #cart-table, #cart-table { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 1rem; width: 100%; display: block; } .pt_account .wishlist-conten #cart-table thead, #cart-table thead, .pt_account .wishlist-conten #cart-table tbody, #cart-table tbody, .pt_account .wishlist-conten #cart-table tfoot, #cart-table tfoot, .pt_account .wishlist-conten #cart-table tr, #cart-table tr, .pt_account .wishlist-conten #cart-table th, #cart-table th, .pt_account .wishlist-conten #cart-table td, #cart-table td { display: block; -ms-box-sizing: border-box; box-sizing: border-box; } .pt_account .wishlist-conten #cart-table thead:after, #cart-table thead:after, .pt_account .wishlist-conten #cart-table tbody:after, #cart-table tbody:after, .pt_account .wishlist-conten #cart-table tfoot:after, #cart-table tfoot:after, .pt_account .wishlist-conten #cart-table tr:after, #cart-table tr:after, .pt_account .wishlist-conten #cart-table th:after, #cart-table th:after, .pt_account .wishlist-conten #cart-table td:after, #cart-table td:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .pt_account .wishlist-conten #cart-table thead, #cart-table thead, .pt_account .wishlist-conten #cart-table tr, #cart-table tr, .pt_account .wishlist-conten #cart-table tfoot, #cart-table tfoot { width: 100%; margin-bottom: 0; } .pt_account .wishlist-conten #cart-table thead, #cart-table thead { background-color: #e5e5e5; } .pt_account .wishlist-conten #cart-table thead tr, #cart-table thead tr { padding-bottom: 0; } .pt_account .wishlist-conten #cart-table tfoot tr, #cart-table tfoot tr { border-top: 1px solid #ccc; } .pt_account .wishlist-conten #cart-table th, #cart-table th, .pt_account .wishlist-conten #cart-table td, #cart-table td { float: left; } .pt_account .wishlist-conten #cart-table td.item-image, #cart-table td.item-image, .pt_account .wishlist-conten #cart-table td.item-details, #cart-table td.item-details, .pt_account .wishlist-conten #cart-table td.item-quantity, #cart-table td.item-quantity, .pt_account .wishlist-conten #cart-table td.item-quantity.bonusItem, #cart-table td.item-quantity.bonusItem, .pt_account .wishlist-conten #cart-table td.header-quantity-details, #cart-table td.header-quantity-details, .pt_account .wishlist-conten #cart-table td.header-total-price, #cart-table td.header-total-price, .pt_account .wishlist-conten #cart-table td.item-price, #cart-table td.item-price, .pt_account .wishlist-conten #cart-table td.item-total, #cart-table td.item-total { padding-top: 1.25rem; } .pt_account .wishlist-conten #cart-table td.item-price.bonusItem, #cart-table td.item-price.bonusItem { padding: 0; } .pt_account .wishlist-conten #cart-table .rowcoupons td.item-total, #cart-table .rowcoupons td.item-total { padding-top: 1.375rem; } .pt_account .wishlist-conten #cart-table .section-header:first-child, #cart-table .section-header:first-child { width: 53.33333333%; } .pt_account .wishlist-conten #cart-table .section-header.item-image, #cart-table .section-header.item-image { width: 31.66666667%; } .pt_account .wishlist-conten #cart-table .section-header.left, #cart-table .section-header.left { width: 31.66666667%; } .pt_account .wishlist-conten #cart-table .header-image, #cart-table .header-image, .pt_account .wishlist-conten #cart-table td.item-image, #cart-table td.item-image { padding-left: 0; width: 20%; } .pt_account .wishlist-conten #cart-table td.item-image img, #cart-table td.item-image img { max-width: 58px; width: 100%; } .pt_account .wishlist-conten #cart-table .header-details, #cart-table .header-details, .pt_account .wishlist-conten #cart-table td.item-details, #cart-table td.item-details, .pt_account .wishlist-conten #cart-table th.item-details, #cart-table th.item-details { padding-left: 0.25rem; padding-right: 0.5rem; width: 33.33333333%; line-height: normal; } .pt_account .wishlist-conten #cart-table td.item-details .product-list-item, #cart-table td.item-details .product-list-item { word-wrap: break-word; } .pt_account .wishlist-conten #cart-table .rowcoupons td.item-details .name.bonus-product, #cart-table .rowcoupons td.item-details .name.bonus-product, .pt_account .wishlist-conten #cart-table td.item-details .product-list-item .name.bonus-product, #cart-table td.item-details .product-list-item .name.bonus-product { display: block; } .pt_account .wishlist-conten #cart-table .header-quantity, #cart-table .header-quantity, .pt_account .wishlist-conten #cart-table td.item-quantity, #cart-table td.item-quantity { width: 20%; padding-left: 0; text-align: center; } .pt_account .wishlist-conten #cart-table td.item-quantity, #cart-table td.item-quantity { padding-bottom: 3rem; } .pt_account .wishlist-conten #cart-table td.item-quantity .selectWrapper, #cart-table td.item-quantity .selectWrapper { margin: auto; } .pt_account .wishlist-conten #cart-table .header-quantity-details, #cart-table .header-quantity-details, .pt_account .wishlist-conten #cart-table td.item-quantity-details, #cart-table td.item-quantity-details { width: 0; } .pt_account .wishlist-conten #cart-table .header-total-price, #cart-table .header-total-price { display: none; } .pt_account .wishlist-conten #cart-table .header-normal-price .layoutSmall, #cart-table .header-normal-price .layoutSmall { display: inline; } .pt_account .wishlist-conten #cart-table .header-normal-price .layoutLarge, #cart-table .header-normal-price .layoutLarge { display: none; } .pt_account .wishlist-conten #cart-table .header-normal-price, #cart-table .header-normal-price, .pt_account .wishlist-conten #cart-table td.item-price, #cart-table td.item-price, .pt_account .wishlist-conten #cart-table td.item-total, #cart-table td.item-total { width: 26.66666667%; padding-left: 0; } .pt_account .wishlist-conten #cart-table td.item-price, #cart-table td.item-price, .pt_account .wishlist-conten #cart-table td.item-total, #cart-table td.item-total { text-align: right; padding-right: 0.25rem; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.875rem; } .pt_account .wishlist-conten #cart-table td.item-price .layoutSmall, #cart-table td.item-price .layoutSmall, .pt_account .wishlist-conten #cart-table td.item-total .layoutSmall, #cart-table td.item-total .layoutSmall { display: block; } .pt_account .wishlist-conten #cart-table td.item-price .right-pad, #cart-table td.item-price .right-pad, .pt_account .wishlist-conten #cart-table td.item-total .right-pad, #cart-table td.item-total .right-pad { margin-right: 0; } .pt_account .wishlist-conten #cart-table .name, #cart-table .name, .pt_account .wishlist-conten #cart-table brand, #cart-table brand { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.875rem; } .pt_account .wishlist-conten #cart-table .sku, #cart-table .sku { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; line-height: normal; } .pt_account .wishlist-conten #cart-table .attribute, #cart-table .attribute, .pt_account .wishlist-conten #cart-table .material-info-tab, #cart-table .material-info-tab, .pt_account .wishlist-conten #cart-table .item-quantity button i, #cart-table .item-quantity button i, .pt_account .wishlist-conten #cart-table .item-quantity button span, #cart-table .item-quantity button span, .pt_account .wishlist-conten #cart-table ul.product-availability-list li, #cart-table ul.product-availability-list li { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.6875rem; } .pt_account .wishlist-conten #cart-table .material-info-tab .arrow, #cart-table .material-info-tab .arrow { vertical-align: initial; margin-bottom: 1px; } .pt_account .wishlist-conten #cart-table .material-info-tab .arrow.active, #cart-table .material-info-tab .arrow.active { margin-bottom: 0px; } .pt_account .wishlist-conten #cart-table .item-quantity button i:before, #cart-table .item-quantity button i:before { font-size: 7px; padding-right: 0px; } .pt_account .wishlist-conten #cart-table td.item-details .product-list-item .attribute, #cart-table td.item-details .product-list-item .attribute { float: none; } .pt_account .wishlist-conten #cart-table .cartAttributeSeparator, #cart-table .cartAttributeSeparator { display: none; } .pt_account .wishlist-conten #cart-table tr.giftWrap td.item-details .name, #cart-table tr.giftWrap td.item-details .name { text-overflow: ellipsis; overflow: hidden; } .pt_account .wishlist-conten #cart-table tr.giftWrap td.item-details .descr, #cart-table tr.giftWrap td.item-details .descr { text-overflow: ellipsis; overflow: hidden; } .pt_account .wishlist-conten #cart-table #giftwrapSelection, #cart-table #giftwrapSelection { display: inline-block; width: auto; } .pt_account .wishlist-conten #cart-table #giftwrapSelection .wrapper, #cart-table #giftwrapSelection .wrapper { width: 60%; float: left; } .pt_account .wishlist-conten #cart-table .rowcoupons .item-price, #cart-table .rowcoupons .item-price, .pt_account .wishlist-conten #cart-table .giftWrap .item-price, #cart-table .giftWrap .item-price { display: none; } .pt_account .wishlist-conten #cart-table .promo-adjustment, #cart-table .promo-adjustment { display: block; text-overflow: ellipsis; overflow: hidden; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.6875rem; } .pt_account .wishlist-conten #cart-table .discount, #cart-table .discount, .pt_account .wishlist-conten #cart-table .cart-coupon, #cart-table .cart-coupon, .pt_account .wishlist-conten #cart-table .cartcoupon, #cart-table .cartcoupon { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.875rem; } .pt_account .wishlist-conten #cart-table .discount .label, #cart-table .discount .label, .pt_account .wishlist-conten #cart-table .cart-coupon .label, #cart-table .cart-coupon .label, .pt_account .wishlist-conten #cart-table .cartcoupon .label, #cart-table .cartcoupon .label, .pt_account .wishlist-conten #cart-table .discount .value, #cart-table .discount .value, .pt_account .wishlist-conten #cart-table .cart-coupon .value, #cart-table .cart-coupon .value, .pt_account .wishlist-conten #cart-table .cartcoupon .value, #cart-table .cartcoupon .value { display: block; text-overflow: ellipsis; overflow: hidden; padding-bottom: 0.25rem; } .pt_account .wishlist-conten #cart-table .rowcoupons, #cart-table .rowcoupons { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.875rem; } .pt_account .wishlist-conten #cart-table .rowcoupons button, #cart-table .rowcoupons button { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.6875rem; } .pt_account .wishlist-conten #cart-table .rowcoupons .item-total span, #cart-table .rowcoupons .item-total span { display: block; text-overflow: ellipsis; overflow: hidden; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.6875rem; } .pt_account #cart-table .section-header.header-quantity, .summary #cart-table .section-header.header-quantity, .pt_account #cart-table .section-header.header-image, .summary #cart-table .section-header.header-image, .pt_account #cart-table td.item-image, .summary #cart-table td.item-image { width: 20%; } .pt_account #cart-table .right-pad, .summary #cart-table .right-pad { margin-right: 0; } .pt_account #cart-table .section-header.header-details, .summary #cart-table .section-header.header-details, .pt_account #cart-table td.item-details, .summary #cart-table td.item-details { width: 33.33333333%; } .pt_account #cart-table .section-header.header-normal-price, .summary #cart-table .section-header.header-normal-price, .pt_account #cart-table td.item-price, .summary #cart-table td.item-price, .pt_account #cart-table td.item-total, .summary #cart-table td.item-total { width: 26.66666667%; } .pt_account #cart-table td.item-price, .summary #cart-table td.item-price { text-align: right; } .pt_account #cart-table .rowcoupons td.item-quantity-details, .summary #cart-table .rowcoupons td.item-quantity-details { display: none; } .pt_account #cart-table .rowcoupons td.item-details, .summary #cart-table .rowcoupons td.item-details { width: 33.33333333%; } .pt_account #cart-table .rowcoupons td.item-quantity, .summary #cart-table .rowcoupons td.item-quantity { padding-top: 1.25rem; } .pt_account #cart-table .rowcoupons td.item-total, .summary #cart-table .rowcoupons td.item-total { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.875rem; padding-top: 1.25rem; } .pt_account #cart-table .rowcoupons td.item-total span, .summary #cart-table .rowcoupons td.item-total span { display: block; text-overflow: ellipsis; overflow: hidden; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.6875rem; } /* Order History */ .order-detailButton { border-left: none; } .order-detailButton button { width: 100%; height: 2.5rem !important; font-size: 0.9rem; } .columnWrapper, .columnWrapper:last-of-type { width: 100%; } .columnWrapper:last-of-type .order-history-header > div { width: 100%; } .columnWrapper:last-of-type .order-history-body > div { display: none; } .order-history-header > div, .order-history-body > div { height: 2.5rem; padding-top: 0.6rem; } .search-result-items li { margin-bottom: 1.875rem; padding-bottom: 1.875rem; border-bottom: 1px solid #ccc; } .search-result-items { padding: 0; } .search-result-options { display: block; } .search-result-options h1 { float: left; } /* Order History - Detail */ .pt_account .orderDetails h1 { float: left; } .pt_account .orderDetails .buttonIconLeft.icon-my-account-print { display: none; } .pt_account .orderDetails a.icon-my-account-close { background: #fff; margin: 0; color: #000 !important; padding: 0.3125rem; font-size: 16px; } .pt_account .orderDetails a.icon-my-account-close span { display: none; } .pt_account .orderDetails .orderDetailsItem { display: block; } .pt_account .orderDetails .orderDetailsItem tbody { width: 100%; } .pt_account .orderDetails .orderDetailsItem td { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.875rem; } .summary th a { font-size: 0.6875rem; line-height: normal; } .order-summary-footer { border-top: 0; } .order-totals { float: none; width: 100%; min-width: 100%; } .order-totals .order-subtotal td:first-child, .order-totals .order-title td:first-child, .order-totals .order-shipping td:first-child, .order-totals .order-sales-tax td:first-child, .order-totals .order-coupon-code td:first-child, .order-totals .order-total td:first-child { padding-left: 0.75rem; } .order-totals .order-subtotal td:last-child, .order-totals .order-title td:last-child, .order-totals .order-shipping td:last-child, .order-totals .order-sales-tax td:last-child, .order-totals .order-coupon-code td:last-child, .order-totals .order-total td:last-child { padding-right: 0.75rem; } .order-totals order-subtotal td, .order-totals .order-shipping td, .order-totals .order-sales-tax td, .order-totals .order-coupon-code td, .order-totals .order-total td { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; } .order-totals .order-coupon-code .edit { position: relative; } .order-totals .order-coupon-code .edit input { float: none; padding-right: 6.75rem; width: 100%; } #primary .order-totals button { margin-right: 0; width: 6.25rem; position: absolute; right: 0; } .pt_cart #cart-table .cart-row { position: relative; } .pt_cart #cart-table .section-header.header-normal-price { text-align: right; } .pt_cart #cart-table .section-header.header-quantity { text-align: center; } .pt_cart #cart-table td.item-quantity-details { position: absolute; left: 53.3333333%; top: 70px; width: 20%; padding-top: 0; z-index: 100; text-align: center; } .pt_cart #cart-table td.item-quantity { width: 20%; text-align: center; } .pt_checkout #cart-table td.item-quantity { width: 20%; } .pt_checkout #cart-table td.item-quantity, .pt_checkout #cart-table td.item-price, .pt_checkout #cart-table td.item-total { padding-top: 1.25rem; } .pt_checkout #cart-table td.item-price.bonusItem { padding-top: 0; } .pt_account .wishlist-content #cart-table td.addToCart, .pt_account .wishlist-content #cart-table td.removeItemFromWishlis { padding: 0; width: 100%; } .pt_account .wishlist-content #cart-table td.addToCart button, .pt_account .wishlist-content #cart-table td.removeItemFromWishlis button, .pt_account .wishlist-content #cart-table td.addToCart a.buttonstyle, .pt_account .wishlist-content #cart-table td.removeItemFromWishlis a.buttonstyle { width: 100%; margin-bottom: 1rem; margin-top: 0rem; display: block; } /* pagination/paging pov, order history, emag */ .page-selection-list { display: none; } .results-hits.desktop { display: none; } .results-hits .desktop { display: none; } .sort-by.mobile { display: block; } .tab-search-result .search-result-options:not(.isCategory) { margin-left: 0; margin-right: 0; } .tab-search-result .search-result-options:not(.isCategory) .pagination .sort-by { width: 50%; } .tab-search-result .search-result-options:not(.isCategory) .sort-by { width: 100%; } .tab-search-result .search-result-options:not(.isCategory) .sort-by #selectgrid-sort-header, .tab-search-result .search-result-options:not(.isCategory) .sort-by .select, .tab-search-result .search-result-options:not(.isCategory) .sort-by select { border-right: none; } .pagination { float: right; display: block; width: 100%; padding-top: 5px; border-bottom: 1px solid #c0c0c0; } .pagination .sort-by, .pagination .gridSelection { border-top: none; border-bottom: none; padding-top: 0; } .pagination .sort-by .select { border-right: 1px solid #c0c0c0; } .pagination .results-hits-fromTo, .pagination li.first-last a, .pagination a { font-size: 0.75rem; color: #c0c0c0; } .pagination .results-hits-fromTo.mobile { display: inline; } .pagination .results-hits-fromTo { border-right: none; } .pagination .results-hits-resultCount { display: none; } .pagination .results-hits { width: 50%; float: right; padding-top: 0; text-align: right; } .pagination ul { width: 68%; padding: 6px 0; } .pagination ul li { width: 16.5%; padding: 3px 0; text-align: center; font-size: 0.75rem; } .pagination .pager a { width: 16.5%; padding: 0 !important; text-align: center; } .primary-content .pagination li.current-page { padding-top: 3px; } .primary-content .pagination a { font-size: 0.75rem; } .pt_product-search-noresult .recommendations h2.headline, .pt_cart .recommendations h2.headline, .order-summary-footer .recommendations h2.headline { top: -0.5rem; border-bottom: none; } } /* newsletter */ @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .pt_newsletter #main .column.first { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; padding-right: 0; float: none; padding-bottom: 2.5rem; } .pt_newsletter #main .column.first .content-asset p { width: 100%; } .pt_newsletter #main .column.last { display: block; } .pt_newsletter #main .defaultFormLayout .form-row-button, .pt_newsletter #main .defaultFormLayout .form-row.form-inline.privacy { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .pt_newsletter #main .defaultFormLayout .form-row.privacy p { padding-left: 0; width: 100%; } .pt_newsletter #main .defaultFormLayout .form-row-button { padding-left: 0; } .newsletterOverlayContainer { width: 100%; height: 100%; position: relative; } .newsletterOverlayMarketingContent { display: block; background-color: transparent; } .newsletterOverlayMarketingContentWrapper { display: none; } .newsletterFastSubscribeFormContent { width: 100%; margin-left: 0; padding-left: 0.625rem; padding-right: 0.625rem; padding-bottom: 3rem; box-sizing: border-box; background-color: #e6e6e6; opacity: 1; color: #000; text-align: center; } .newsletterFastSubscribeFormContent .newsletterSubscribeInfo { padding: 0.25rem 0 1.25rem 0; color: #000; font-size: 0.8rem; line-height: 1.2rem; } .newsletterFastSubscribeFormContent h1 { width: 100%; padding: 5rem 0 0 0; color: #000; } .newsletterFastSubscribeFormContent a { color: #000; text-decoration: underline; } .newsletterFastSubscribeFormContent button { margin: 1.25rem 0 0 5.5rem; width: auto; float: left; } .newsletterFastSubscribePrivacy { margin-left: 0; float: right; margin-bottom: 1rem; margin-bottom: 0rem; margin-top: 1rem; } #newsletterFastSubscribe .defaultFormLayout .formRowGroup .form-row:first-child { border-right: 0.1875rem #e6e6e6 solid; } #newsletterFastSubscribe .defaultFormLayout .formRowGroup .form-row:last-child { border-left: 0.1875rem #e6e6e6 solid; } #newsletterFastSubscribe .defaultFormLayout input, #newsletterFastSubscribe .defaultFormLayout select, #newsletterFastSubscribe .defaultFormLayout .select, #newsletterFastSubscribe .defaultFormLayout textarea { background-color: #fff; border: #e6e6e6 1px solid; text-align: left; } #newsletterFastSubscribe .required-indicator { color: #000; } .newsletterFastSubscribeFormContent .shopNowBtn { margin: 1.25rem 10% 2.3125rem 10%; float: none; } #newsletterFastSubscribe .defaultFormLayout input:not([type="radio"]):not([type="checkbox"]).error, #newsletterFastSubscribe .defaultFormLayout textarea.error, #newsletterFastSubscribe .defaultFormLayout .form-row.error input, #newsletterFastSubscribe .defaultFormLayout .form-row.error select, #newsletterFastSubscribe .defaultFormLayout .form-row.error textarea { border-color: #F4D9D9; background-color: #F4D9D9; } #newsletterFastSubscribe .defaultFormLayout .formRowGroup label, #newsletterFastSubscribe.defaultFormLayout .form-row label { padding: 0.3rem; } #newsletterFastSubscribe { height: auto !important; } #newsletterFastSubscribe .defaultFormLayout .errorBelow { margin: 0; } #newsletterFastSubscribe .defaultFormLayout label { padding: 0.3rem; } .newsletterFastSubscribeFormContainer { width: 100%; height: 100%; position: absolute; top: 0px; padding-left: 0; padding-top: 0; } #newsletterFastSubscribe .defaultFormLayout fieldset { min-width: 18rem; max-width: 23.75rem; width: 61.25%; margin-left: auto; margin-right: auto; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #footer { padding: 0; max-width: 100%; overflow: auto; } #footer #lastVisited li { margin-right: 0; } footer { padding: 0 1rem; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .custom-grid > .grid-items > .custom-grid-tile { width: 49%; } .custom-grid > .grid-items > .tile-detail, .custom-grid > .grid-items > .tile-fallback, .custom-grid > .grid-items > .tile-zoom { width: 100%; } .custom-grid > .grid-items > .tile-mini, .custom-grid > .grid-items > .tile-thumbnail, .custom-grid > .grid-items > .tile-somefancyspecial { width: 49%; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .product-notification-container { min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .notification-right-column { display: none; } .product-notification-container .first-view .notification-left-column { width: auto; float: none; margin-left: 0; margin-right: 0; } .product-notification-container .first-view .notification-left-column .notification-title { margin-top: 0; } .product-notification-container .first-view .notification-left-column .product-variations label { display: block; text-align: left; margin-left: 0; font-size: 0.75rem; float: none; padding-top: 1rem; padding-bottom: 0.5rem; } .product-notification-container .first-view .notification-left-column .notification-form form fieldset { margin-left: auto; margin-right: auto; width: auto; } .product-notification-container .first-view .notification-left-column .size-variation-container { width: auto; margin-left: 0; } .product-notification-container .first-view .notification-left-column .notification-form form { clear: both; } .product-notification-container .second-view .notification-left-column { width: auto; float: none; margin-left: 0; margin-right: 0; padding-left: 0; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .countrySelectionWrapper h2 { color: #000; border-bottom: 1px solid #000; } .countrySelectionWrapper a, .countrySelectionWrapper a:hover, .countrySelectionWrapper a:visited { color: #000; } .countrySelectionWrapper .linkWrapper { position: static; width: auto; float: none; margin: 1.25rem 0rem; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .related-recommendations-slot { padding: 0px 1.25em; } .related-recommendations-slot .category-related { width: auto; } .related-recommendations-slot .wearWith { float: none; border-bottom: 1px solid #CCC; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; text-align: center; line-height: 1; color: #000; width: 100%; height: auto; } .related-recommendations-slot .category-related .tabBody { border-top: 0; padding: 0; } .related-recommendations-slot .categoryRelatedHref a, .related-recommendations-slot .related-recommendations-slot .categoryRelatedHref a { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 1rem; } .related-recommendations-slot .tabs .tabs-menu { white-space: nowrap; overflow: scroll; overflow-y: hidden; -webkit-overflow-scrolling: touch; } .related-recommendations-slot .tabs .tabs-menu li { float: none; display: inline; } .related-recommendations-slot .tabs .tabs-menu li a { display: inline; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; } .related-recommendations-slot .tabs .tabs-menu li.active { border: none; } .category-related-tabs { border: 0; } .category-related .tabs .tabs-menu li { width: auto; } .category-related .recommendations li { width: 33%; } #lastVisited li, .recommendations li { width: 33%; margin: 0; float: left; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .reservation-container { padding: 0; min-width: 18rem; max-width: 23.75rem; width: 100%; margin-left: auto; margin-right: auto; } .reservation-container .buttonIconLeft.back-to-product { display: block; } .reservation-container .reservation-title { padding-bottom: 2rem; } .pt_retailavailability .pagecontainer { width: auto; margin-right: 5px; } .pt_retailavailability .breadcrumb { display: none; } .pt_retailavailability .backBtn-outer { width: auto; margin-right: 10px; overflow: hidden; } .pt_retailavailability .backBtn { float: left; margin-left: 0.8em; width: 100%; } .pt_retailavailability .backBtn a { background-color: #000; padding: 0.75rem; color: #ccc !important; width: 100%; display: block; z-index: 1; padding-left: 0px; text-align: center; } .pt_retailavailability .retail-search-box h1 { font-size: 1.2rem; } .pt_retailavailability .retail-search-box .retailavailability-subtitle p { text-align: justify; margin-right: 5px; font-size: 1rem; } .pt_retailavailability .retail-search-box .retailavailability-search { margin-top: 1rem; } .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-variant, .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-productimage, .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-form { float: none; width: auto; margin: 30px 5px 10px 5px; } .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-variant .button, .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-productimage .button, .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-form .button, .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-variant .retailavailability-form input, .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-productimage .retailavailability-form input, .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-form .retailavailability-form input { width: 100%; } .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-variant fieldset, .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-productimage fieldset, .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-form fieldset { max-width: none; width: auto; } .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-productimage { text-align: center; margin: 0; } .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-productimage img { margin: 0px; } .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-variant { margin-top: 20px; } .pt_retailavailability .retail-search-box .retailavailability-search .retailavailability-variant .product-name { font-size: 1.1rem; } .pt_retailavailability .retail-search-box .retailavailability-search .section-title { font-size: 1.1rem; margin-bottom: 0; } .pt_retailavailability .retail-search-box .retailavailability-search .label, .pt_retailavailability .retail-search-box .retailavailability-search .defaultFormLayout .formRowGroup label, .pt_retailavailability .retail-search-box .retailavailability-search .defaultFormLayout .form-row label { font-size: 1rem; font-weight: bold; padding-top: 0.5rem; font-family: "universroman", "\534E\6587\7EC6\9ED1", "sans-serif"; } .pt_retailavailability .retail-search-box .retailavailability-search .no-search-result { margin: 0px 5px 25px 5px; } .pt_retailavailability .retail-result-description { text-align: justify; } .pt_retailavailability .retail-result-box .retail-search-results .store, .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility, .pt_retailavailability .retail-result-box .retail-search-results .store-last, .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility-last { width: 100%; min-height: 200px; height: auto; border: 0; padding: 0 0 20px; } .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility { border-bottom: 1px solid #999999; margin-bottom: 40px; height: 180px; } .pt_retailavailability .retail-result-box .retail-search-results .store-last, .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility-last { border-bottom: 0; } .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility-header, .pt_retailavailability .retail-result-box .retail-search-results .store-header { border: 0; padding: 15px 0 15px 0px; text-align: center; } .pt_retailavailability .retail-result-box .retail-search-results .notfirstheader { display: block; } .pt_retailavailability .retail-result-box .retail-search-results .store-cell:after { content: ""; display: block; clear: both; } .pt_retailavailability .retail-result-box .retail-search-results .store-cell .retail-store, .pt_retailavailability .retail-result-box .retail-search-results .store-cell .retail-store-icon, .pt_retailavailability .retail-result-box .retail-search-results .store-cell .retail-store-map { margin-top: 20px; } .pt_retailavailability .retail-result-box .retail-search-results .store-cell .retail-store-icon { text-align: left; width: 16px; margin-right: 5px; } .pt_retailavailability .retail-result-box .retail-search-results .store-cell .retail-store { width: 47%; } .pt_retailavailability .retail-result-box .retail-search-results .store-cell .retail-store-address { font-size: 0.9rem; } .pt_retailavailability .retail-result-box .retail-search-results .store-cell .retail-store-map { width: 46%; max-width: 198px; float: right; } .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility-header .distance-header, .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility-header .availability-header { width: 50%; } .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility-cell .retail-store-distance, .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility-cell .retail-store-availability { float: left; width: 50%; padding: 20px 0 20px 0; } .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility-cell .retail-store-reservation { clear: both; padding-top: 0px; margin-left: 0px; width: 100%; } .pt_retailavailability .retail-result-box .retail-search-results .distance-availablility-cell .retail-store-reservation .retail-href-style { padding-left: 0; padding-right: 0; width: 100%; display: inline-block; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .pov-mixed-overview .search-result-items .grid-tile { margin: 0; float: left; box-sizing: border-box; padding: 0.75rem; } .pov-mixed-overview .search-result-items .grid-tile:first-child { padding: 0.75rem; } .pov-mixed-overview .search-result-items .grid-tile:nth-of-type(1) { padding-left: 0; } .pov-mixed-overview .search-result-items .grid-tile:nth-of-type(2) { padding-right: 0; } } .search-result-wrapper { margin: 0px 0.625rem; position: relative; padding-top: 1rem; box-sizing: border-box; border-top: 1px solid #d5d5d5; } .search-result-wrapper:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { .search-result-wrapper { border: 1px solid #d5d5d5; margin: 0; } } .search-result-wrapper .search-refinebar, .search-result-wrapper .tab-search-result { display: none; } .search-result-wrapper .search-refinebar.active, .search-result-wrapper .tab-search-result.active { display: block; } .pt_product-search-result .search-result-wrapper #primary { padding: 1rem; } .search-result-header { margin: 0px 0.625rem; margin-top: 1em; } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { .search-result-header { margin-top: 0; } } .search-result-header h1 { font-family: "universbold", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 1rem; line-height: 1; margin-bottom: 1rem; text-transform: uppercase; } .search-result-header h2 { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 1.25rem; line-height: 1; margin-bottom: 1rem; } .search-result-header #mobile-filter { display: none; width: auto; padding-left: 1rem; border: none; font-size: 0.75rem; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .search-result-header #mobile-filter.products-active.has-product-refinements { display: block; } .search-result-header #mobile-filter.content-active.has-content-refinements { display: block; } } .search-result-header .refine { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.875rem; } .search-result-header .refine:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } .search-result-header .refine h3 { float: left; line-height: 1; margin: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-weight: bold; padding-right: 3rem; padding: 1rem; padding-left: 0; display: none; } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { .search-result-header .refine h3 { display: block; } } .search-result-header .refine a { float: left; line-height: 1; padding: 1rem; position: relative; z-index: 2; box-sizing: border-box; color: #a3a3a3; top: 1px; border: 1px solid #fff; border-bottom: 1px solid #d5d5d5; background-color: #fff; cursor: pointer; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { .search-result-header .refine a { font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.875rem; padding: 1rem 2rem; top: 1px; } } .search-result-header .refine a.active { border: 1px solid #d5d5d5; border-bottom: 1px solid #fff; color: #000; } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { .search-result-header .refine #mobile-filter { display: none; } } .pt_product-search-result .search-result-wrapper #primary { float: left; padding: 0; width: 768px; } .pt_product-search-result .search-result-wrapper #primary.full-width { width: 100%; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .pt_product-search-result .search-result-wrapper #primary { width: auto; padding: 1rem; } } .pt_product-search-result #primary { border-left: 0; box-sizing: border-box; padding: 0; } .pt_product-search-result #primary.full-width { width: 100%; } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { .pt_product-search-result #primary { width: 789px; } } @media only screen and (min-width: 1025px) { .pt_product-search-result #primary { width: 789px; } } .pt_product-search-result #primary .results-hits-fromTo { padding-right: 0.3125rem; } .pt_product-search-result .full-width #primary { width: 100%; } .pt_product-search-result #secondary { border-right: 0; box-sizing: border-box; height: 100%; min-height: 1px; } .content-search-item { display: table; color: #000000; width: 100%; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; border-bottom: 0; padding-bottom: 0; } .content-search-item:after { clear: both; content: " "; display: block; font-size: 0; height: 0; visibility: hidden; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .content-search-item { border-bottom: 1px solid #d5d5d5; padding-bottom: 0.5rem; } } .content-search-item a:hover h3 { text-decoration: underline; } .content-search-item a > img { display: block; width: 155px; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .content-search-item a > img { width: 100%; } } .content-search-item h3 { font-size: 1rem; margin-bottom: 0; line-height: 1.5; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; color: #000; margin-top: 1.5rem; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .content-search-item h3 { font-family: "universbold", "\534E\6587\7EC6\9ED1"; font-weight: normal; margin-top: 0.5rem; } } .content-search-item p { margin: 0; font-family: "universlight", "\534E\6587\7EC6\9ED1"; font-weight: normal; font-size: 0.75rem; } .content-search-item img { margin-top: 0; float: right; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .content-search-item img { float: none; margin-top: 0.5rem; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .content-search-item .content-search-text { margin-right: 0; } } .content-search-item .content-search-text h3 { text-align: left; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .content-search-item .content-search-text h3 { text-align: center; } } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { .content-search-item .content-search-text { margin-right: 10.5rem; } } .content-search-item .content-search-text img { display: block; width: 100%; margin-bottom: 1rem; } @media only screen and (min-width: 481px) and (max-width: 1024px) and (orientation : portrait), only screen and (min-width: 737px) and (max-width: 1024px) and (orientation : landscape) { .content-search-item .content-search-text img { display: none; } } .pt_product-search-result .overlay-wrapper .search-refinebar { display: none; } .pt_product-search-result .overlay-wrapper .search-refinebar.active { display: block; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #secondary .search-refinebar { float: none; } } .search-result-wrapper #secondary { float: none; width: auto; width: 170px; float: left; } .search-result-wrapper #primary { margin-left: 0px; } .search-result-wrapper .search-result-content { clear: none; } .search-result-wrapper .search-result-items.perrow4 .grid-tile { margin: 1rem 1% 2rem 1%; margin-left: 0; margin-right: 0; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .overlay-is-on .overlay-wrapper .overlay-box.desktop .product-thumbnails { top: initial; left: 0; width: 100%; bottom: 0; right: 0; height: 15%; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .overlay-is-on .overlay-wrapper .overlay-box.desktop .product-thumbnails { top: initial; left: 0; width: 100%; bottom: 0; right: 0; height: 15%; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .overlay-is-on .overlay-wrapper .overlay-box.desktop button.next, .overlay-is-on .overlay-wrapper .overlay-box.desktop button.prev { width: 3rem; height: 3rem; margin-top: -1.5rem; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .overlay-is-on .overlay-wrapper .overlay-box.desktop button.prev { left: 0; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .no-touch-device .overlay-box.desktop .fullscreen-container { overflow: hidden; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .overlay-box.desktop .fullscreen-container .wrapper { height: 100%; width: 100%; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .overlay-box.desktop .fullscreen-container .wrapper img { height: 100%; width: auto; margin: 0 auto; } } @media (orientation: landscape) { .thumbnail-swiper img { margin-bottom: 0.5rem; box-sizing: border-box; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .top-promotion { padding-bottom: 2rem; } .top-promotion.top-promotion-off .top-promotion-close { display: none; } .top-promotion .top-promotion-headline { position: absolute; bottom: 0; width: 100%; text-align: center; border-top: 1px solid #c0c0c0; } .top-promotion .top-promotion-close { padding-right: 1rem; padding-bottom: 0.5rem; text-align: right; border-bottom: 1px solid #c0c0c0; display: block; } .top-promotion .top-promotion-close .top-promotion-close-button:after { font-family: "hug-icon-font"; content: '\e803'; color: #fff; font-size: 0.85rem; } .top-promotion .top-promotion-inner-wrapper { width: 100%; } .top-promotion .col { float: none; width: 100%; text-align: left; margin: 0 1rem; padding: 1rem 0; } .top-promotion .col1 { margin-top: 0; } .top-promotion .col2 { border: none; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; } .top-promotion .top-promotion-big-link { font-size: 0.75rem; } .top-promotion .top-promotion-small-link { display: block; } .top-promotion button:before { top: 0.6rem; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .language-selection img { display: none; } .language-selection .language-selection-all-links { margin-left: 0; } .language-selection .language-selection-text { margin-left: 0; } .language-selection .language-selection-text .language-selection-link { max-width: none; width: 100%; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .zh_CN .checkout-onepage { border: none; } .zh_CN #toggle { width: 100px; height: 100px; background: #ccc; } .zh_CN .pt_onepage #footer { margin-top: -20px; padding: 0; } .zh_CN .pt_onepage #footer #lastVisited { margin-top: 20px; } .zh_CN .pt_onepage #main { background: #f2f2f2 !important; padding-bottom: 0px !important; padding-bottom: 120px; } .zh_CN .pt_onepage #main #primary .order-totals .edit button { width: 50px; right: 30px; height: 27px; top: 10px; line-height: 4px; position: relative; margin-left: 250px; margin-top: -41px; } .zh_CN .pt_onepage #main .primary-content { padding-left: 0; padding-right: 0; } .zh_CN .pt_onepage #main .primary-content .MobileCheckoutTitle { margin-bottom: 30px; } .zh_CN .pt_onepage #main .primary-content .MobileCheckoutTitle h1 { font-size: 1rem; margin: 0.8rem 0 0.8rem 0; } .zh_CN .pt_onepage #main .primary-content .checkout-progress { display: none; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout .billingFieldset .h2 { display: none; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset { border: none; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.newUser { background: #ffffff; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.newUser .billingAddressFormWrapper label { width: 80px; display: inline-block; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.newUser .billingAddressFormWrapper input[type='text'], .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.newUser .billingAddressFormWrapper select, .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.newUser .billingAddressFormWrapper .select { width: 70%; display: inline-block; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.newUser .billingAddressFormWrapper input[type='text'] { background: #E5E5E5; border: none; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.newUser .billingAddressFormWrapper .select { margin-top: 10px; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.newUser .billingAddressFormWrapper select option { width: 70%; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.newUser .billingAddressFormWrapper .formError span { color: red; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.pm { background: #ffffff; margin-top: -35px; max-width: 100%; border-top: 1px solid #cccccc; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.pm .h2 { font-size: 0.85rem; margin-left: 10px; font-weight: 400; color: #555555; padding-top: 5px; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.pm .payment-method-options { margin-bottom: -15px; margin-right: 10px; padding-top: 10px; } .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.pm .payment-method-options .description-ALIPAY, .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.pm .payment-method-options .description-ALIPAY_MOBILE_PAYMENT, .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.pm .payment-method-options .description-CASH_ON_DELIVERY, .zh_CN .pt_onepage #main .primary-content .defaultFormLayout fieldset.pm .payment-method-options .description-BANK_TRANSFER { display: none !important; } .zh_CN .pt_onepage #main .shop-benefits { display: block; } .zh_CN .pt_onepage .checkout-onepage { width: 100%; } .zh_CN .pt_onepage .checkout-onepage .shop-benefits { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list.hideShopRunner.editDeliverytimeAfter { margin-top: -14px; margin-bottom: 20px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping { margin-bottom: 19px; margin-bottom: -55px; margin-bottom: 28px; margin-left: -20px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .buttonIconRight { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset { max-width: 480px !important; background: url(../../images/e_bg.png) repeat-x 0 0; margin-bottom: 7px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .addAddress { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset.editDeliveryTimeAfter { margin-bottom: 9px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset.newUser { background: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper { width: 100%; margin-left: 0px; width: 90%; margin-left: 2.5%; padding-top: 20px; padding-bottom: 20px; margin-bottom: 70px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .saveShippingForm .buttonIconRight { display: block; margin-top: 15px; height: 30px; line-height: 0px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address { margin-left: 0px; margin-bottom: 20px; margin-top: -20px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box { margin-top: 10px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress { margin-left: 0px; width: 100%; position: relative; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .addressMore-0 { display: block; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row { width: 100% !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .namePhone { width: 220px; display: inline-block; z-index: 100; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .namePhone .mobile { display: block; margin-left: -10px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .namePhone .pc { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .add-edit-address { display: inline-block; position: relative; z-index: 104; float: right; margin-top: 27px; margin-right: 20px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .add-edit-address img { width: 25px; margin-top: -2px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .add-edit-address .address-add { color: #cccccc; margin-top: -3px; font-size: 0.875rem; margin-right: -15px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .mobile-address-edit { display: block; display: inline; text-decoration: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .address-add { display: inline; float: right; text-decoration: none; font-size: 1.25rem; font-weight: 400; margin-top: -8px; margin-right: -15px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .edit { float: right; margin-right: 30px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .radioButton { border: none; margin-top: -5px; width: 100% !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .radioButton .name { float: left; display: inline-block; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .radioButton .name .people { display: inline-block; padding-right: 5px; vertical-align: sub; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .radioButton .phone { display: inline-block; margin-left: -10px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .radioButton .phone .phoneImg { padding-right: 5px; vertical-align: sub; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .radioButton .dots { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .radioButton .stateCode { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .radioButton.checked { background: none; color: #000000; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .wholeAddress { display: inline-block; margin-left: 10px; width: auto; float: left; margin-bottom: -40px; position: absolute; margin-top: 40px; margin-left: -220px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .arrow-edit { display: inline-block; float: right; margin-top: -7px; margin-right: -101px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .defaultAddress .form-row .arrow-edit img { vertical-align: sub; padding-left: 20px; width: 6px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .billingFieldset .billingAddressFormWrapper .select-address .radio-box .seeMoreAddress { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table .tableheader { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table { display: block; border-top: 1px solid #cccccc; background: #ffffff; margin-left: -20px; margin-top: -105px; margin-bottom: 22px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table thead { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table tr.cart-row { border-bottom: 1px solid #cccccc; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td { padding-top: 0.825rem; padding-bottom: 0.5rem; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-image { width: 24%; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-total { float: right; margin-top: -35px; padding-top: 20px; margin-right: 10px; width: 100px; padding-top: 40px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-total .price-total { color: #dd1717 !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-total .layoutSmall { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-total .arrow-edit { display: inline-block; float: right; margin-top: -2px; margin-right: 4px; margin-left: -15px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-total .arrow-edit img { vertical-align: sub; padding-left: 10px; width: 6px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-quantity { width: 20%; padding-bottom: 0px !important; margin-top: -13px; margin-left: -5px; text-align: left; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-quantity span { display: inline-block; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-price { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-details { width: 75%; margin-left: -10px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-details .material-info-tab { margin-left: 2px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-details .sku { display: inline-block; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-details .sku .label { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-details .attribute { display: inline-block; margin-left: 5px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-details .attribute .label { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table td.item-details .material-info-tab { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table tr { border: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table .editLineItem { margin-top: 5px; margin-right: 0px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #cart-table .editLineItem a { font-size: 0.8rem; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list { width: 100% !important; margin-top: -12px; background: #ffffff; border-top: 1px solid #cccccc; margin-bottom: 12px; height: 6rem; position: relative; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list label { width: 100px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list.editDeliverytimeAfter { margin-top: -10px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .shippingMethods { margin-top: 8px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .h2 { margin-left: 10px; top: -10px; color: #555555; font-weight: 400; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .pc-only { font-size: 0.96rem; font-weight: bold; margin-top: -10px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .radio-box { margin-bottom: -10px; float: right; max-width: 250px; text-align: right; width: auto; margin-top: -35px; margin-right: -25px; position: absolute; right: 55px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .radio-box .form-row { width: 90px !important; margin-right: 10px; display: inline-block; border: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .radio-box .form-row label { margin-left: 0px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .radio-box .form-row input[type="radio"]:checked + label { height: 30px; width: 90px !important; color: #ffffff; background: #000000; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .radio-box .form-row .radioButton { height: 28px; width: 90px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .radio-box .form-row .radioButton .shippingLabelWrapper { text-align: center !important ; line-height: 18px !important; float: none !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .radio-box .form-row .description-standard, .zh_CN .pt_onepage .checkout-onepage .onepage-shipping #shipping-method-list .radio-box .form-row .description-express { display: block; width: 400px; height: 50px; margin-top: 0px; text-align: center !important ; line-height: 50px !important; position: absolute; background: url(../../images/tip-1.png); background-size: 400px 50px; background-repeat: no-repeat; display: none !important; z-index: 100; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .deliverytime { text-align: right; float: right; margin-right: 60px; margin-top: -70px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .deliverytime .deliverytime { margin-right: 0px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .deliverytime .h2 { width: auto !important; height: 27px; line-height: 27px; width: 100% !important; margin-top: 0px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .deliverytime .h2 .editdeliverytime { display: inline-block; float: right; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .deliverytime .h2 .editdeliverytime img { margin-left: 10px; width: 6px; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .deliverytime .h2.forPc { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .deliverytime .h2.forPc .edit-deliverytime { display: inline-block; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .select-address .shippingAddress-0 { display: none !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-shipping .select-address .addressMore { display: inline-block; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing.editDeliverytimeAfter { margin-top: 240px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing { border: none; margin-bottom: 20px; margin-left: -20px; margin-top: 45px; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .buttonIconRight { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea { margin-top: 10px; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options { margin-left: 20px; margin-bottom: -15px; width: 320px !important; float: right !important; margin-top: -20px !important; width: 100%; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .form-row.w50 { width: 90px !important; margin-right: 10px; float: right; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .form-row.w50.pay-ALIPAY { margin-right: 30px; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .form-row.w50 input[type="radio"]:checked + label { height: 26px; width: 90px !important; color: #ffffff; background: #000000; line-height: 26px; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .form-row.w50 .description-ALIPAY, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .form-row.w50 .description-ALIPAY_MOBILE_PAYMENT, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .form-row.w50 .description-CASH_ON_DELIVERY, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .form-row.w50 .description-BANK_TRANSFER { display: block; width: 340px; height: 50px; margin-top: 0px; text-align: center !important ; line-height: 50px !important; position: absolute; background: url(../../images/tip-1.png); background-repeat: no-repeat; display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .description { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-ALIPAY, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-ALIPAY_MOBILE_PAYMENT, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-CASH_ON_DELIVERY, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-BANK_TRANSFER { padding: 10px; width: 90px !important; position: relative; border: 1px solid #b0b0b0; text-align: center !important; line-height: 10px !important; height: 30px; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton.shipping:hover + .description, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-ALIPAY.shipping:hover + .description, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-ALIPAY_MOBILE_PAYMENT.shipping:hover + .description, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-CASH_ON_DELIVERY.shipping:hover + .description, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-BANK_TRANSFER.shipping:hover + .description, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton .description:hover, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-ALIPAY .description:hover, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-ALIPAY_MOBILE_PAYMENT .description:hover, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-CASH_ON_DELIVERY .description:hover, .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options .radioButton-BANK_TRANSFER .description:hover { display: block; width: 600px; height: 50px; margin-top: 5px; text-align: left !important; line-height: 50px !important; padding-left: 20px; position: absolute; background: url(../../images/tip-2.png); background-repeat: no-repeat; } .zh_CN .pt_onepage .checkout-onepage .onepage-billing .defaultFormLayout fieldset.pm .checkBoxArea .payment-method-options input[type="radio"] { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary { border: none; margin-top: -37px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkoutSummaryTable h2 { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .editCart { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table { border-top: 1px solid #cccccc; background: #ffffff; margin-left: -20px; display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table thead { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td { padding-top: 0.825rem; padding-bottom: 0.5rem; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-image { width: 24%; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-total { float: right; margin-top: -20px; padding-top: 4px; margin-right: 33px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-total .price-total { color: #dd1717 !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-total .layoutSmall { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-total .arrow-edit { display: inline-block; float: right; margin-top: -2px; margin-right: -17px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-total .arrow-edit img { vertical-align: sub; padding-left: 10px; width: 6px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-quantity { width: auto; padding-bottom: 0px !important; margin-top: -13px; margin-left: 5px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-quantity span { display: inline-block; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-price { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-details { width: 75%; margin-left: -10px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-details .material-info-tab { margin-left: 2px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-details .sku { display: inline-block; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-details .sku .label { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-details .attribute { display: inline-block; margin-left: 5px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-details .attribute .label { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table td.item-details .material-info-tab { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table tr { border: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table .editLineItem { margin-top: 5px; margin-right: 0px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary #cart-table .editLineItem a { font-size: 0.8rem; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom { min-height: 250px; margin-top: 50px !important; margin-left: 0px !important; border: none; position: relative; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .remark { position: absolute; margin-top: 200px; margin-left: -30px; display: block; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .remark label { display: block; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .remark span { display: inline-block; margin-top: 10px; color: #555555; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .remark .input-textarea { display: inline-block; margin-top: -20px; margin-left: 80px; width: 70%; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .remark .note { display: block; margin-top: 0px; margin-right: 5px; margin-left: 80px; display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .form-row.label-inline.termsAndCondition { margin-top: 20px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals { float: none; width: 100%; margin-bottom: 0px; margin-top: 10px; background: none; position: relative; margin-bottom: 40px; min-width: 320px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-coupon-code .edit { width: 210%; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-coupon-code .edit .icon-minus { margin-right: 15px !important; right: -220px !important; margin-right: 20px !important; position: relative !important; margin-top: -15px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-coupon-code .edit input { margin-left: 120px !important; min-height: 27px !important; margin-top: -31px !important; width: 100px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-coupon-code .edit label { width: 100px !important; margin-left: 18px !important; margin-top: 8px !important; color: #555555 !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-coupon-code .edit .error { margin-left: 20px !important; padding-top: 0px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove { position: relative; margin-top: 120px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals { display: block; position: absolute; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .order-totals-table { margin-top: 10px !important; background: none; border: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .order-totals-table .order-subtotal { display: block; margin-top: 10px; display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .order-totals-table .order-subtotal .subtotal { float: right; margin-top: -25px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .order-totals-table .shipping-placeholder { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .order-totals-table .order-shipping.first { position: absolute; margin-top: 0px; display: block; width: 100%; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .order-totals-table .order-shipping.first .shippinglabel { padding-top: 10px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .order-totals-table .order-shipping.first .shippingcost { margin-top: 0px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .shipping-totals { margin-top: 0 !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .shipping-totals .order-totals-table.all .order-shipping.first { position: absolute; margin-top: -130px; display: block; width: 100%; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .shipping-totals .order-total { background: #f2f2f2 !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .shipping-totals .order-total .onepageOrderTotal { margin-top: 62px; z-index: 2000; position: relative; color: white; right: 47%; font-size: 0.9rem; font-weight: 600; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove .shipping-totals .shipping-totals .order-total .onepageOrderTotal.total { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .mobileRemove.pcRemove .order-shipping.first { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .shipping-totals { margin-top: 10px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .shipping-totals .shipping-totals { margin-top: 0px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .shipping-totals .shipping-totals .order-total { background: #f2f2f2 !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .shipping-totals .shipping-totals .order-total .onepageOrderTotal { margin-top: 149px; z-index: 2000; position: relative; color: white; right: 15%; font-size: 0.9rem; font-weight: 600; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .shipping-totals .shipping-totals .order-total .onepageOrderTotal.total { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.all { margin-top: 10px !important; border-top: 1px solid #cccccc; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.all .order-subtotal { display: block; margin-top: -30px; position: relative; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.all .order-shipping.first { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.all .shipping-placeholder { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table { margin-top: 24px !important; border-top: 1px solid #ccc; height: 20px; border-collapse: separate; background: #ffffff; border-right: none; margin-top: -20px; margin-left: -20px; width: 100% !important; float: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.coupon { margin-top: 59px !important; height: 45px; display: block; border-top: 1px solid #cccccc; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.coupon .order-coupon-code .innerWrapper { margin-top: 0px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.coupon .order-coupon-code .add { width: 100%; outline: none !important; text-align: left; margin-top: 2px; margin-left: 22px; display: block; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.coupon .order-coupon-code .add .couponlabel { float: left; display: inline-block; margin-left: 13px; margin-top: 8px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.coupon .order-coupon-code .add .icon-plus { float: right; margin-top: 0px; margin-right: 30px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.coupon .order-coupon-code .edit .entercoupon { float: left; margin-top: 15px; font-size: 0.85rem; color: #555555; margin-left: 23px; position: relative; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table.coupon .order-coupon-code .edit .error { margin-top: 15px; position: absolute; margin-left: 100px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .discount-for-total { margin-top: 138px !important; width: 200px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-shipping.first { margin-top: -5px; padding-bottom: 8px; display: table-row; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-shipping.first .shippinglabel { font-size: 0.85rem; font-weight: 400; color: #555555 !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-shipping.first .shippinglabel.discount-for-shipping { display: block; margin-top: 24px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-shipping.first .shippingcost { color: #dd1717 !important; padding-right: 20px; line-height: 2px; margin-top: 0px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-shipping.first .shippingcost.discount-for-shipping { height: 23px; margin-top: -23px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-total { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-total .total { color: #dd1717; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-coupon-code { display: block; margin-top: -95px; width: 210%; height: 50px; position: relative; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-coupon-code label { width: 80px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-coupon-code input[type="text"] { border: 1px solid #ccc; width: 40%; position: absolute; margin-left: -220px; margin-top: 10px; height: 15px !important; padding-right: 0px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-coupon-code a.icon-minus { padding-top: 0; position: absolute; margin-top: 1px; margin-right: 20px; right: -15px; font-size: 2rem; color: #b2b2b2; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-coupon-code .icon-plus { margin-top: -1px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-coupon-code.discount-for-conpon-code { margin-top: -125px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-coupon-code.onepagemobile { display: block; border: none; margin-top: 0px; margin-left: -13px; position: relative; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-coupon-code.onepagemobile input[type="text"] { position: absolute; right: 80px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-subtotal td { padding-bottom: 0 !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-subtotal .label-cell { font-size: 0.85rem; font-weight: 400; color: #555555; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-subtotal .subtotalLabel { padding-right: 20px; margin-top: 10px; color: #555555; margin-left: 0px; float: left; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-subtotal .subtotal { color: #dd1717; padding-top: 18px !important; padding-right: 20px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table .order-discount { margin-top: 20px; display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-totals .order-totals-table button { margin-bottom: 25px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-coupon-code { background: #ffffff; height: 40px; width: 100%; border-top: 1px solid #ccc; margin-top: 10px; margin-left: -20px; margin-bottom: 10px; display: block; margin-top: 60px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-coupon-code .add { display: inline-block; float: left; padding-top: 12px; font-size: 0.85rem; font-weight: 400; margin-left: 10px; color: #555555; margin-top: -5px; margin-left: 19px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-coupon-code td { border-top-width: 0px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-coupon-code .icon-plus { display: inline-block; margin-right: 20px; font-weight: 600; margin-top: 11px; position: absolute; margin-left: 62%; font-weight: 200; font-size: 15px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .order-coupon-code #add-coupon { margin-left: -43px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .orderTotal { display: inline-block; float: left; background: #dd1717; color: #ffffff; border: 1px solid #ccc; height: 35px; width: 63%; line-height: 35px; text-align: center; margin-top: 80px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .orderTotal span { color: #ffffff; font-weight: 400; margin-left: 5px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .defaultFormLayout fieldset { border: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .defaultFormLayout.termsAndConditionsBottom { position: absolute; margin-top: 55px; margin-left: -10px; display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .defaultFormLayout.termsAndConditionsBottom label { color: #555555; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .defaultFormLayout.termsAndConditionsBottom a { color: #555555; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .form-row.mobileOnePage { position: absolute; margin-top: 54px; width: 100%; margin-left: -25px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .form-row.mobileOnePage.pcRemoveTotal .total { color: #dd1717 !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .form-row.mobileOnePage .orderTotal { border: none; margin-top: 82px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .form-row.mobileOnePage .buttonIconRight.placeOrderBtn { float: right; width: 40%; bottom: 0px; margin-right: -5px; height: 35px; margin-top: -35px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .mobileBorder { border-top: 1px solid #cccccc; background: #ffffff; margin-left: -20px; padding-left: 10px; margin-right: -20px; padding-right: 10px; margin-top: -12px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .fapiao { margin-top: 0px; border: none; padding-bottom: 0px !important; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .fapiao #part-fapiao { float: right; margin-top: -35px; margin-right: 10px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .fapiao #part-fapiao #part-fapiao { margin-top: -1px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .fapiao #part-fapiao .fapiao-section { display: inline-block; margin-right: 20px; float: right; margin-top: -1px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .fapiao #part-fapiao .fapiao-section img { width: 6px; vertical-align: sub; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .fapiao #part-fapiao .arrow-edit { display: inline-block; float: right; margin-top: -1px; margin-right: -125px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .fapiao #part-fapiao .arrow-edit img { vertical-align: sub; padding-left: 10px; width: 6px; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .fapiao #part-fapiao .edit-fapiao { display: none; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .fapiao #part-fapiao .editFapiao { display: inline; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .checkout-bottom .fapiao legend.h2 { font-size: 0.85rem; margin-bottom: 0px !important; font-weight: 400; color: #555555; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .mini-billing-address.order-component-block { display: block; margin-top: 25px; float: left; margin-left: -30px; width: 100%; text-align: left; padding-left: 20px; z-index: 0; position: relative; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .mini-billing-address.order-component-block .details .address { background: #faffbd !important; width: 100%; line-height: 14px; height: 10px; color: #000000; } .zh_CN .pt_onepage .checkout-onepage .onepage-summary .mini-billing-address.order-component-block .recipient { display: none; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { html.onepage { height: 100%; } .zh_CN.onepage { height: 100%; margin: 0; padding: 0px; } .zh_CN.onepage .top-header { background: url(../../images/top_bg.png) repeat-x 0 0; margin: 0 !important; text-align: center; height: 44px; line-height: 44px; font-size: 16px; color: #252525; position: relative; background-size: 100% 44px; min-height: 44px; border-width: 0 0 1px 0; } .zh_CN.onepage .pt_account.pt_onepage #main { background: none !important; } .zh_CN.onepage .pt_account.pt_onepage .experienceAccount #myHeadline.mobile, .zh_CN.onepage .pt_account.pt_onepage #secondary { display: none; } .zh_CN.onepage .pt_account.pt_onepage .requiredHint { display: none; } .zh_CN.onepage .pt_account.pt_onepage #edit-address-form { width: 100%; margin-left: 0; } .zh_CN.onepage .ui-dialog { background: #f2f2f2 !important; top: 0 !important; margin: 0; height: 100% !important; width: auto !important; overflow: scroll; } .zh_CN.onepage .ui-dialog .ui-dialog-titlebar-close { display: none; } .zh_CN.onepage .ui-dialog .ui-widget-header { display: none; } .zh_CN.onepage .ui-dialog .ui-dialog-content h1 { background: url(../../images/top_bg.png) repeat-x 0 0; margin: 0 !important; text-align: center; height: 44px; line-height: 44px; font-size: 16px; color: #252525; position: relative; background-size: 100% 44px; min-height: 44px; border-width: 0 0 1px 0; } .zh_CN.onepage .ui-dialog #dialog-container { margin: 0; padding: 0; height: 100%; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime { background: #ffffff; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime { height: 100%; margin: 0px; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime .radio-box { width: 100% !important; margin: 0; text-align: center; margin-left: 20px; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime .radio-box .radioButton { width: 110px !important; border: 1px solid #b0b0b0; height: 25px; line-height: 25px; background: #ffffff; margin-left: -20px; padding: 0; text-align: center; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime .radio-box .radioButton.checked { background: #000000; color: #ffffff; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime .radio-box .form-row.label-inline { display: inline-block; width: 90px !important; margin-right: 5px; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime .radio-box .form-row.label-inline input[type="radio"] { display: none; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime .radio-box .form-row.label-inline label { width: 90px !important; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime .radio-box .form-row.label-inline input[type="radio"]:checked + label { height: 26px; width: 90px !important; color: #ffffff; background: #000000; line-height: 26px; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime .buttons { text-align: center; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime .buttons .apply-button { width: 100%; position: absolute; right: 0; bottom: 0px; } .zh_CN.onepage .ui-dialog #dialog-container #deliverytime .edit-deliverytime .buttons .cancel-button { display: none; } .zh_CN.onepage .ui-dialog #dialog-container .edit-fapiao { height: 500px !important; width: 100%; background: #f2f2f2 !important; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao { width: 100% !important; margin-top: 1.875rem; padding-bottom: 1.875rem; margin: 0; margin-top: 7px; font-size: 0.825rem !important; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao legend.h2 { font-size: 0.96rem; font-weight: 600; margin-bottom: 12px !important; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .cancel-button { display: none !important; margin-top: 10px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .apply-button { position: relative; right: 0px; bottom: 0px; width: 100%; margin-top: 10px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box { float: left !important; width: 100% !important; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box .flag { height: 75px; background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 100%; margin-top: 4px; padding-left: 10px; padding-top: 15px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box .flag .flagTitle { margin-bottom: 10px; width: 100%; text-align: left; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box .flag .yesFapiao { float: left !important; margin-left: 3px; margin-top: -8px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box .radioButton { width: 110px !important; border: 1px solid #b0b0b0; height: 25px; line-height: 25px; background: #ffffff; margin-left: 0px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box .form-row.label-inline { margin-bottom: 0px !important; display: inline-block; margin-right: 10px; width: 110px !important; float: left; text-align: center; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box input[type="radio"] { display: none; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box input[type="radio"]:checked + label { height: 26px; width: 110px !important; color: #ffffff; background: #000000; line-height: 26px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #individual { position: absolute; margin-top: 55px; text-align: center; margin: 0; background: #ffffff; height: 90px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 100%; margin-top: 10px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #individual .type { margin-top: 14px; display: block; text-align: left !important; margin-left: 10px !important; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #individual .type label { display: block; margin-top: 15px; margin-left: -65px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #individual .radioButton.p { margin-left: 10px !important; margin-top: 10px !important; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #company { margin-left: 215px; position: absolute; margin-top: 55px; text-align: center; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #company .radioButton.c { margin-top: -1px !important; margin-left: -85px !important; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #individualSelected { position: relative; margin-left: 0px; display: block; background: #ffffff; height: 73px; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; padding-top: 15px; padding-left: 10px; margin-top: 103px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #individualSelected .fapiaoContent { margin-left: 10px; position: absolute; display: block; left: 0px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #individualSelected .radioButton.clothing { height: 26px !important; display: inline-block; padding: 0px; line-height: 26px !important; text-align: center; border: 1px solid #b0b0b0; margin-top: 25px; margin-left: 0px; width: 110px !important; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #individualSelected .radioButton.details { margin-top: -28px; border: 1px solid #b0b0b0; text-align: center; line-height: 27px; width: 100px !important; height: 26px; margin-left: 120px; width: 110px !important; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #individualSelected span { margin-left: -6px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #companySelected { border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; background: #ffffff; width: 100%; margin: 0; margin-top: 1px; height: 165px; padding-top: 10px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #companySelected .fapiaoTitle { margin-left: 0px; margin-top: 35px; width: 90% !important; text-align: left; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #companySelected .fapiaoTitle label { display: block; margin-left: 10px; margin-top: -39px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #companySelected .fapiaoTitle input { width: 100% !important; margin-top: 35px; margin-left: 10px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #companySelected .fapiaoTaxpayerIDNumber { margin-left: 0px; margin-top: 35px; width: 90% !important; text-align: left; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #companySelected .fapiaoTaxpayerIDNumber label { display: block; margin-left: 10px; margin-top: -30px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #companySelected .fapiaoTaxpayerIDNumber input { width: 100% !important; margin-top: 35px; margin-left: 10px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #companySelected .radioButton.details { margin-top: -25px; margin-left: 260px; border: 1px solid #b0b0b0; text-align: center; line-height: 23px; width: 100px !important; height: 23px; } .zh_CN.onepage .ui-dialog #dialog-container #fapiao .radio-box #companySelected span { position: absolute; margin-top: 5px; margin-left: 0px; } } .mobile-onepage .checkout-top { display: none; } .mobile-onepage .checkout-bottom { margin-top: 230px; } .mobile-onepage .checkout-bottom .icon-pov-left-arrow, .mobile-onepage .checkout-bottom .ssl-encrypted-message { display: none; } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .mobile-modal { height: 95px; background: #ffffff; border-top: 1px solid #cccccc; border-bottom: 1px solid #cccccc; width: 100%; margin-top: -24px; padding-left: 10px; padding-top: 15px; } .mobile-modal .flagTitle { margin-bottom: 10px; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { html.onepage { height: 100%; } html, body { height: 100%; width: 100%; margin: 0; padding: 0; } .zh_CN.onepage .ui-dialog { min-width: 320px; position: relative; background: none !important; } .zh_CN.onepage .ui-dialog .defaultFormLayout { margin: 15px; margin-bottom: 50px; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset { width: 100%; margin: 0px; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city { width: 100%; float: right; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city .infoButtonWrapper .form-row { width: 100%; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city .infoButtonWrapper .form-row label { width: 85px; display: inline-block; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city .infoButtonWrapper .form-row .input-text { width: auto; display: inline-block; background: none; background-color: #E5E5E5; border: none; margin-left: -15px; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city .infoButtonWrapper .infoButton { margin-top: -28px; margin-right: 80px; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city .form-row { width: 100%; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city .form-row label { width: 85px; display: inline-block; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city .form-row span.select { width: 75%; margin-top: -30px; margin-left: 80px; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city .form-row .input-text { width: auto; display: inline-block; background: none; background-color: #E5E5E5; border: none; margin-left: -15px; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city .form-row .input-select { display: inline-block; margin-left: -10px; width: 188px; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset #city .form-row.fixedCountryRow .fixedCountry { margin-left: -15px; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset .form-row-button { width: 100% !important; position: absolute; right: 0; bottom: -18px; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset .form-row-button .cancel, .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset .form-row-button delete { display: none; } .zh_CN.onepage .ui-dialog .defaultFormLayout fieldset .makeDefault { margin-top: 20px; margin-left: 10px; } .zh_CN.onepage .ui-dialog .top-header { background: url(../../images/top_bg.png) repeat-x 0 0; margin: 0 !important; text-align: center; height: 44px; line-height: 44px; font-size: 16px; color: #252525; position: relative; background-size: 100% 44px; min-height: 44px; border-width: 0 0 1px 0; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper { border: none; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .defaultFormLayout .pm { max-width: 100%; margin-top: -8px !important; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .defaultFormLayout .pm .checkBoxArea .payment-method-options .mobile-modal { height: 80px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .defaultFormLayout .pm .checkBoxArea .payment-method-options .mobile-modal .form-row.w50 { margin-top: -5px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper { margin: 0 !important; padding: 0 !important; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .checkout-top { display: none; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .select-address { display: none; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset { width: 100%; margin: 0; max-width: 100%; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .h2 { display: none; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .addAddress { display: none; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .dialog-required { display: none; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .onePage_hideAddress { margin-left: 10px; margin-top: 10px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .onePage_hideAddress #city .form-row { margin-bottom: -20px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .onePage_hideAddress #city .form-row span.select { width: 75%; display: inline-block; margin-top: -30px; margin-left: 76px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .onePage_hideAddress #city .form-row .input-select { width: 75%; margin-left: 76px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .onePage_hideAddress .form-row { position: relative; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .onePage_hideAddress .form-row span { width: 20%; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .onePage_hideAddress .form-row input { width: 70%; position: absolute; margin-top: -30px; margin-left: 70px; background: none !important; border: none; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .onePage_hideAddress .form-row.pcd { margin-top: 15px; margin-bottom: -15px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .onePage_hideAddress .form-row.pcd .edit-pcd { margin-left: 5px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout fieldset .onePage_hideAddress .form-row.makeDefault { margin-top: 20px; margin-left: 5px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout .checkout-bottom .form-row { min-height: inherit; position: absolute; right: 0; bottom: -105px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout .checkout-bottom .form-row .buttonIconRight { display: block; width: 100%; position: absolute; bottom: 104px; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .defaultFormLayout .checkout-bottom .form-row .privacy { display: none; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper .billingAddressFormWrapper .newsletter-checkout1-teaser-wrapper { display: none; } .zh_CN.onepage .ui-dialog .checkoutPageWrapper #cart-table, .zh_CN.onepage .ui-dialog .checkoutPageWrapper #shipping-method-list, .zh_CN.onepage .ui-dialog .checkoutPageWrapper .deliverytime { display: none; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { #header { position: static; } #preHeader { position: static; } #wrapper, .header_alert { min-width: 20rem; overflow: hidden; } .header_alert { width: 100%; box-sizing: border-box; font-size: 0.75rem; } input:focus { font-size: 1rem ! important; } .pt_account #main, .pt_checkout .login #main, .pt_order-confirmation #main, .pt_newsletter #main, .pt_checkout #main, .pt_newsletter #main, .pt_cart #main { width: 100%; box-sizing: border-box; } .pt_checkout #primary, .pt_cart #primary, .pt_order-confirmation #primary, .pt_customer-service #primary, .pt_emag .emag #primary { padding-left: 0.625rem; padding-right: 0.625rem; box-sizing: border-box; width: 100%; } #main .cmp_loginbox.last, #main .cmp_loginbox.first { width: 100%; padding-left: 0rem; padding-right: 0rem; } #main .cmp_loginbox.last .form-row-button { margin-bottom: 0.3125rem; } #footer .footerBrandMenu { display: none; } div.level-2 { background: none repeat scroll 0 0 #fff; margin: 0; display: block; float: none; position: static; top: 36px; left: -99999px; z-index: 6; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .ui-dialog { padding: 0; position: relative !important; } #after-sales-survey-overlay.ui-dialog { position: fixed !important; } .ui-widget-overlay { display: none; } } @media only screen and (max-width: 480px) and (orientation : portrait), only screen and (max-width: 736px) and (orientation : landscape) { .tapToZoom { margin-left: 0; margin-right: 0; } .clickto { margin-left: 0em; } .clickto.tapToZoom { display: block; } .clickto.clickToZoom { display: none; } } .quick-shop-dialog .dialog-content { overflow: visible; } .quick-shop-dialog .quickshopViewAllProducts { position: absolute; top: -22px; }