.warranty-container{display:flex}.nav-breadcrumb{margin-top:50px}.submenu{width:400px;padding:50px;box-sizing:border-box}.submenu-section{margin-bottom:2.5em}.submenu-section-header{font-size:1.2em;line-height:.5em;margin-bottom:.6em}.submenu-section-header:after{content:'';display:inline-block;height:1px;width:100%;background-color:#fdc100}.submenu-link{margin-bottom:.5em}.submenu-link a:hover{color:#fdc100}.warranty-content{display:flex}.contract-item .product-title{font-size:1.6em;flex:1;margin-right:1em}.contract-item .field-row{line-height:2em}.contract-item .field-name{width:180px;display:inline-block}.contract-item .renew-options{margin-top:2em}.contract-item .renew-options li{margin-bottom:1.5em;display:flex;align-items:center}.contract-item .renew-options label{display:inline-flex;margin-right:1em;align-items:center}.contract-item .extend-year{width:2.5em;height:1.5em;position:relative;margin-right:1em}.contract-item .extend-year:after{content:'shield';font-family:'Material Icons';color:#fdc100;font-size:2.5em;position:absolute;left:0}.contract-item .extend-year span{position:absolute;z-index:1;color:#fff;left:15%}.search-result-summary{margin-bottom:2em}.search-result-summary .result-summary{font-weight:700}.form-seperator{text-align:center;position:relative}.form-seperator:before,.form-seperator:after{border-bottom:1px solid #fdc100;content:'';display:block;position:absolute;top:50%;width:45%}.form-seperator:after{right:0}.form-seperator:before{left:0}.renew-selection{margin-top:1em}.renew-selection-option{margin-bottom:1em}.option-label{display:inline-block}.option-label input[type=radio]{appearance:none;-webkit-appearance:none;display:none}.option-label .option-element{color:#aaa;border:1px solid #bfbfbf;border-radius:.2em;padding:1em;display:inline-flex;margin-right:1em;align-items:center;cursor:pointer}.option-label .option-element .extend-year:after{color:#aaa}.option-label:hover .option-element{border-color:#666}.option-label input[type=radio]:checked~.option-element{border-color:#fdc100;color:#000}.option-label input[type=radio]:checked~.option-element .extend-year:after{color:#fdc100}.option-element .option-title{font-size:1.2em;margin-bottom:.5em}.option-element .option-description{display:flex}.option-element .renewal-option-date-display{display:flex;flex-direction:column;text-align:center;position:relative;margin-right:1em;padding-right:3em}.option-element .renewal-option-date-display:after{content:'forward';font-family:'Material Icons';position:absolute;right:0;top:.25em;font-size:2em}.option-element .renewal-option-date-display:last-child{padding-right:0}.option-element .renewal-option-date-display:last-child:after{content:none}.option-element .extend-price{margin-left:2em}.contract-item{padding:1.5em}.contract-item .expand-view{display:none}.contract-item .view-trigger{cursor:pointer;border-bottom:solid 1px #bfbfbf;display:flex;align-items:center;padding-bottom:.5em;margin-bottom:1em}.contract-item .badge{border:2px solid #000;padding:.2em .5em;border-radius:.4em;text-transform:uppercase;font-family:monospace;user-select:none}.contract-item .status-active,.contract-item .status-ready,.contract-item .status-pay_success{border-color:#fdc100;background-color:#fdc100}.contract-item .status-ready_for_renew{border-color:#1d8102;background-color:#1d8102;color:#fff}.contract-item .status-pay_success{border-color:#fdc100;background-color:#fdc100;color:#000}.contract-item .status-obsolete,.contract-item .status-blocked,.contract-item .status-expired,.contract-item .status-unknown{border-color:#aaa;background-color:#aaa}.contract-item .view-trigger:after{content:'keyboard_arrow_right';font-family:'Material Icons';font-size:1.5em}.contract-item .view-trigger-checkbox{display:none}.contract-item .view-trigger-checkbox:checked~.view-trigger:after{content:'keyboard_arrow_down'}.contract-item .view-trigger-checkbox:checked~.expand-view{display:block}.contract-item .view-trigger-checkbox:checked~.collapse-view{display:none}.contract-item .collapse-view{overflow:auto}.contract-item .collapse-view .product-title{font-size:1.2em;margin-bottom:1.5em;user-select:none}.contract-item .collapse-view .field-value{position:relative;margin-right:2em;display:flex;margin-top:.2em;flex-direction:column;float:left}.contract-item .collapse-view .field-value:before{content:attr(title);top:-1.8em;font-size:.8em;white-space:nowrap}.contract-item .collapse-view .field-value:after{content:'';position:relative;border-right:1px solid #000;left:1em}.contract-item .collapse-view .field-value:last-child:after{content:none}.renew-form .contract-item .product-title{margin-bottom:1em}.action-button{outline:none;border:0}.my-record-block p{text-align:center}@media screen and (max-width:768px){.nav-breadcrumb{margin-top:1em}.warranty-content{width:100%}.top-gold-box{width:100%;padding:1em}.top-gold-box-child.left-pane{margin-right:0;padding-right:0;position:relative;padding-bottom:2em}.top-gold-box .top-gold-box-child:after{width:100%;height:1px;bottom:1em;top:auto}.warranty-content.top-gold-box{display:flex;flex-wrap:wrap}.contract-item .view-trigger{flex-wrap:wrap;position:relative;padding-bottom:1em}.contract-item input[type=checkbox]+label.view-trigger:before{width:15px;height:15px;margin-right:8px;position:absolute;left:0;top:.2em}.contract-item input[type=checkbox]:checked+label.view-trigger:before{background-size:13px}.contract-item .product-title{font-size:1.2em;flex:unset;width:calc(100% - 25px);padding-left:25px;margin-bottom:.5em}.contract-item .badge{margin-left:auto}.contract-item .collapse-view{display:flex;flex-wrap:wrap;justify-content:space-between;line-height:normal}.contract-item .collapse-view .field-value{width:45%;margin:0 0 1em}.contract-item .collapse-view .field-value:before{margin-bottom:.3em}.contract-item .field-name{width:50%;line-height:normal}.contract-item .field-value{width:50%;padding-left:8px;line-height:normal;display:block;word-break:break-all}.contract-item .field-row{line-height:normal;margin-bottom:1em;display:flex;font-size:.9em}.contract-item .extend-year span{top:0}.contract-item .renew-options label{line-height:normal}.contract-item .extend-year:after{top:-.2em}.renew-form.contract-item{width:100%;padding:2%;box-sizing:border-box}.renew-form .contract-item .product-title{padding:0;width:100%;box-sizing:border-box;text-align:center}.renew-selection .section-title,.renew-personal-detail .section-title{font-weight:700;font-size:1.2em}.renew-selection ul{width:100%}.renew-selection-option{width:100%}.option-label .option-element{display:flex;flex-wrap:wrap;margin:0;position:relative}.option-element .option-title{position:absolute;top:.8em;left:3.5em;width:calc(100% - 3.6em);margin:0;line-height:normal}.option-label .option-element>div:nth-child(2){width:100%;display:flex;justify-content:center}.option-element .option-description{margin:1.5em 0 .5em}.option-element .extend-price{margin:0;width:100%;text-align:center;margin-top:1em;padding:0}.renew-personal-detail .form-field{margin:1em 0}.radio-button-list .radio-input{width:1.2em;height:1.2em;position:relative}.radio-button-list li{margin-right:2em}}