:root{
	--db:#204F9F;
	--lb:#0068FF;
	--lg:#04BA70;
}
a[data-link="other"]{
	background: #F8CA12;
}
.hint{
	text-align:center;
	font-size:1.2rem;
}

.--bg-db{
	background-color:var(--db);
}

.--bg-lb{
	background-color:var(--lb);
}

.--bg-lg{
	background-color:var(--lg);
}

.loading{
	position:relative;
}

.loading::before, 
.loading::after{
	content:'';
	position:absolute;
}

.loading::before{
	background-color:rgba(255, 255, 255, 0.5);
	width:100%;
	height:100%;
	z-index:2;
}

.loading::after{
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	background-size:cover;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOmF1dG87ZGlzcGxheTpibG9jazsiIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4NCjxnIHRyYW5zZm9ybT0icm90YXRlKDAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0xLjE0NTgzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0xLjA0MTY2NjY2NjY2NjY2NjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNjAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjkzNzQ5OTk5OTk5OTk5OTlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjgzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIxMCIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzIwNEY5RiI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS4yNXMiIGJlZ2luPSItMC43MjkxNjY2NjY2NjY2NjY1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4NCiAgPC9yZWN0Pg0KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE1MCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMTAiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjYiIGhlaWdodD0iMTYiIGZpbGw9IiMyMDRGOUYiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuMjVzIiBiZWdpbj0iLTAuNjI0OTk5OTk5OTk5OTk5OXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjUyMDgzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjEwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIxMCIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzIwNEY5RiI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS4yNXMiIGJlZ2luPSItMC40MTY2NjY2NjY2NjY2NjY2M3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNDAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjMxMjQ5OTk5OTk5OTk5OTk0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4NCiAgPC9yZWN0Pg0KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI3MCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMTAiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjYiIGhlaWdodD0iMTYiIGZpbGw9IiMyMDRGOUYiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuMjVzIiBiZWdpbj0iLTAuMjA4MzMzMzMzMzMzMzMzMzFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzAwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIxMCIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzIwNEY5RiI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS4yNXMiIGJlZ2luPSItMC4xMDQxNjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMzAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+DQo8L3N2Zz4=');
	z-index:3;
}

body.dh-warranty-history #site-content .woocommerce-MyAccount-content{
	padding-top:0;
}

#dh-warranty-form{
	/* font-family:var(--site-secondary-font); */
	font-size:1rem;
}

#dh-warranty-form .buttons{
	display:flex;
	justify-content:center;
	gap:18px;
	margin-bottom:35px;
}

#dh-warranty-form .buttons.submit{
	margin-top:30px;
	display:none;
}
#dh-warranty-form .warranty-form.active~.buttons.submit{
	display:flex;
}

#dh-warranty-form .--button{
	text-align:center;
	color:#FFF;
	padding:15px 50px;
	border-radius:8px;
	font-size:2rem;
	font-weight:600;
	display:inline-block;
}

#dh-warranty-form .login-url{
	text-align:center;
}

#dh-warranty-form input[type="text"], 
#dh-warranty-form input[type="email"]{
	padding:10px;
	font-size:1rem;
	/* width:100%; */
	height:auto;
	height:auto;
	line-height:100%;
}

#dh-warranty-form .--button+p{
	margin-top:15px;
}

.warranty-form{
	width:100%;
	max-width:580px;
	margin:auto;
	display:none;
}

#dh-warranty-form .result{
	display:none;
	color:#FFF;
	margin-bottom:25px;
	padding:10px;
}

#dh-warranty-form .result.active{
	display:block;
}

#dh-warranty-form .result.success{
	background-color:#0C0;
	border-left:solid 7px #090;
}

#dh-warranty-form .result.error{
	background-color:#C00;
	border-left:solid 7px #900;
}

#dh-warranty-form .warranty-form.active{
	display:block;
}

.warranty-form > p{
	margin:0 0 10px;
}

.warranty-form label{
	display:inline-block;
	padding:0;
	margin:0;
	cursor:pointer;
}

.warranty-form .full-w{
	display:block;
}

.warranty-form label:only-child{
	width:100%;
}

.warranty-form span{
	display:block;
	margin-bottom:7px;
	font-size:1rem;
	font-weight:700;
}

.warranty-form input+span{
	display:inline;
	margin-right:15px;
	font-weight:400;
}

.warranty-form input.other-field{
	display:none;
	width:160px;
}

.warranty-form input:checked~input.other-field{
	display:inline;
}

.warranty-form select{
	font-size:1rem;
}

.warranty-form sub.required{
	font-size:1.2rem;
	color:#CC0000;
	line-height:100%;
	bottom:auto;
}

.warranty-form .required::before{
	content:'*';
}

.history-list{
	font-size:1rem;
	padding:25px 10px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	transition:all 0.2s linear 0s;
}

#dh-warranty-history-user .history-list{
	padding-top:0;
}

#dh-warranty-history-list > .history-list{
	border-top:solid 1px #CCC;
}

#dh-warranty-history-user h5{
	border-bottom:solid 1px #CCC;
	padding-bottom:15px;
}

#dh-warranty-history-list h5{
	cursor:pointer;
}

.history-list > h5, 
.history-list > div{
	display:flex;
	flex-basis:100%;
	align-items:center;
}

.history-list > h5{
	font-family:var(--site-main-font);
	color:var(--db);
	font-weight:700;
}

.history-list > div{
	flex-wrap:wrap;
	width:100%;
	max-width:400px;
}

.history-list.collapse{
	height:50px;
	overflow:hidden;
	padding:0 10px;
}

.history-list.collapse > h5{
	margin:0;
	height:inherit;
}

#dh-warranty-history-list span::after, 
.history-list div > span::after{
	content:': ';
	margin-right:5px;
}

.history-list i{
	font-style:normal;
}

.history-list > div > div{
	display:flex;
	align-items:center;
	margin-bottom:20px;
}

.history-list > div > div:last-child{
	margin-bottom:0;
}

.history-list .flex-left, 
.history-list .flex-right{
	flex-basis:50%;
}

.history-list .flex-full{
	flex-basis:100%;
}

#dh-warranty-history-list .upload-icon > a{
	position:relative;
	opacity:0.5;
	transition:opacity 0.2s linear 0s;
}

#dh-warranty-history-list .upload-icon > a:hover{
	opacity:1;
}

#dh-warranty-history-list .upload-icon > a::after{
	position:absolute;
	content:'';
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjkuOTc4IDI5Ljk3OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkuOTc4IDI5Ljk3ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTI1LjQ2MiwxOS4xMDV2Ni44NDhINC41MTV2LTYuODQ4SDAuNDg5djguODYxYzAsMS4xMTEsMC45LDIuMDEyLDIuMDE2LDIuMDEyaDI0Ljk2N2MxLjExNSwwLDIuMDE2LTAuOSwyLjAxNi0yLjAxMg0KCQl2LTguODYxSDI1LjQ2MnoiLz4NCgk8cGF0aCBkPSJNMTQuNjIsMTguNDI2bC01Ljc2NC02Ljk2NWMwLDAtMC44NzctMC44MjgsMC4wNzQtMC44MjhzMy4yNDgsMCwzLjI0OCwwczAtMC41NTcsMC0xLjQxNmMwLTIuNDQ5LDAtNi45MDYsMC04LjcyMw0KCQljMCwwLTAuMTI5LTAuNDk0LDAuNjE1LTAuNDk0YzAuNzUsMCw0LjAzNSwwLDQuNTcyLDBjMC41MzYsMCwwLjUyNCwwLjQxNiwwLjUyNCwwLjQxNmMwLDEuNzYyLDAsNi4zNzMsMCw4Ljc0Mg0KCQljMCwwLjc2OCwwLDEuMjY2LDAsMS4yNjZzMS44NDIsMCwyLjk5OCwwYzEuMTU0LDAsMC4yODUsMC44NjcsMC4yODUsMC44NjdzLTQuOTA0LDYuNTEtNS41ODgsNy4xOTMNCgkJQzE1LjA5MiwxOC45NzksMTQuNjIsMTguNDI2LDE0LjYyLDE4LjQyNnoiLz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K');
	right:-30px;
	width:20px;
	height:20px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50%;
}

/* 新增內容 */
i.upload-icon{
	width: 30px;
}

:root{
	--db:#204F9F;
	--lb:#0068FF;
	--lg:#04BA70;
}

.hint{
	text-align:center;
	font-size:1.2rem;
}

.--bg-db{
	background-color:var(--db);
}

.--bg-lb{
	background-color:var(--lb);
}

.--bg-lg{
	background-color:var(--lg);
}

.loading{
	position:relative;
}

.loading::before, 
.loading::after{
	content:'';
	position:absolute;
}

.loading::before{
	background-color:rgba(255, 255, 255, 0.5);
	width:100%;
	height:100%;
	z-index:2;
}

.loading::after{
	width:50px;
	height:50px;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	background-size:cover;
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiBzdHlsZT0ibWFyZ2luOmF1dG87ZGlzcGxheTpibG9jazsiIHdpZHRoPSIyMDBweCIgaGVpZ2h0PSIyMDBweCIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj4NCjxnIHRyYW5zZm9ybT0icm90YXRlKDAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0xLjE0NTgzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0xLjA0MTY2NjY2NjY2NjY2NjVzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoNjAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjkzNzQ5OTk5OTk5OTk5OTlzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoOTAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjgzMzMzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMTIwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIxMCIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzIwNEY5RiI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS4yNXMiIGJlZ2luPSItMC43MjkxNjY2NjY2NjY2NjY1cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4NCiAgPC9yZWN0Pg0KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDE1MCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMTAiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjYiIGhlaWdodD0iMTYiIGZpbGw9IiMyMDRGOUYiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuMjVzIiBiZWdpbj0iLTAuNjI0OTk5OTk5OTk5OTk5OXMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgxODAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjUyMDgzMzMzMzMzMzMzMzNzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMjEwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIxMCIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzIwNEY5RiI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS4yNXMiIGJlZ2luPSItMC40MTY2NjY2NjY2NjY2NjY2M3MiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgyNDAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49Ii0wLjMxMjQ5OTk5OTk5OTk5OTk0cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiPjwvYW5pbWF0ZT4NCiAgPC9yZWN0Pg0KPC9nPjxnIHRyYW5zZm9ybT0icm90YXRlKDI3MCA1MCA1MCkiPg0KICA8cmVjdCB4PSI0NyIgeT0iMTAiIHJ4PSIwIiByeT0iMCIgd2lkdGg9IjYiIGhlaWdodD0iMTYiIGZpbGw9IiMyMDRGOUYiPg0KICAgIDxhbmltYXRlIGF0dHJpYnV0ZU5hbWU9Im9wYWNpdHkiIHZhbHVlcz0iMTswIiBrZXlUaW1lcz0iMDsxIiBkdXI9IjEuMjVzIiBiZWdpbj0iLTAuMjA4MzMzMzMzMzMzMzMzMzFzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+PGcgdHJhbnNmb3JtPSJyb3RhdGUoMzAwIDUwIDUwKSI+DQogIDxyZWN0IHg9IjQ3IiB5PSIxMCIgcng9IjAiIHJ5PSIwIiB3aWR0aD0iNiIgaGVpZ2h0PSIxNiIgZmlsbD0iIzIwNEY5RiI+DQogICAgPGFuaW1hdGUgYXR0cmlidXRlTmFtZT0ib3BhY2l0eSIgdmFsdWVzPSIxOzAiIGtleVRpbWVzPSIwOzEiIGR1cj0iMS4yNXMiIGJlZ2luPSItMC4xMDQxNjY2NjY2NjY2NjY2NnMiIHJlcGVhdENvdW50PSJpbmRlZmluaXRlIj48L2FuaW1hdGU+DQogIDwvcmVjdD4NCjwvZz48ZyB0cmFuc2Zvcm09InJvdGF0ZSgzMzAgNTAgNTApIj4NCiAgPHJlY3QgeD0iNDciIHk9IjEwIiByeD0iMCIgcnk9IjAiIHdpZHRoPSI2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMjA0RjlGIj4NCiAgICA8YW5pbWF0ZSBhdHRyaWJ1dGVOYW1lPSJvcGFjaXR5IiB2YWx1ZXM9IjE7MCIga2V5VGltZXM9IjA7MSIgZHVyPSIxLjI1cyIgYmVnaW49IjBzIiByZXBlYXRDb3VudD0iaW5kZWZpbml0ZSI+PC9hbmltYXRlPg0KICA8L3JlY3Q+DQo8L2c+DQo8L3N2Zz4=');
	z-index:3;
}

body.dh-warranty-history #site-content .woocommerce-MyAccount-content{
	padding-top:0;
}

#dh-warranty-form{
	/* font-family:var(--site-secondary-font); */
	font-size:1rem;
}

#dh-warranty-form .buttons{
	display:flex;
	justify-content:center;
	gap:18px;
	margin-bottom:35px;
}

#dh-warranty-form .buttons.submit{
	margin-top:30px;
	display:none;
}
#dh-warranty-form .warranty-form.active~.buttons.submit{
	display:flex;
}

#dh-warranty-form .--button{
	text-align:center;
	color:#FFF;
	padding:15px 50px;
	border-radius:8px;
	font-size:2rem;
	font-weight:600;
	display:inline-block;
}

#dh-warranty-form .login-url{
	text-align:center;
}

#dh-warranty-form input[type="text"], 
#dh-warranty-form input[type="email"]{
	padding:10px;
	font-size:1rem;
	/* width:100%; */
	height:auto;
	height:auto;
	line-height:100%;
}

#dh-warranty-form .--button+p{
	margin-top:15px;
}

.warranty-form{
	width:100%;
	max-width:580px;
	margin:auto;
	display:none;
}

#dh-warranty-form .result{
	display:none;
	color:#FFF;
	margin-bottom:25px;
	padding:10px;
}

#dh-warranty-form .result.active{
	display:block;
}

#dh-warranty-form .result.success{
	background-color:#0C0;
	border-left:solid 7px #090;
}

#dh-warranty-form .result.error{
	background-color:#C00;
	border-left:solid 7px #900;
}

#dh-warranty-form .warranty-form.active{
	display:block;
}

.warranty-form > p{
	margin:0 0 10px;
}

.warranty-form label{
	display:inline-block;
	padding:0;
	margin:0;
	cursor:pointer;
}

.warranty-form .full-w{
	display:block;
}

.warranty-form label:only-child{
	width:100%;
}

.warranty-form span{
	display:block;
	margin-bottom:7px;
	font-size:1rem;
	font-weight:700;
}

.warranty-form input+span{
	display:inline;
	margin-right:15px;
	font-weight:400;
}

.warranty-form input.other-field{
	display:none;
	width:160px;
}

.warranty-form input:checked~input.other-field{
	display:inline;
}

.warranty-form select{
	font-size:1rem;
}

.warranty-form sub.required{
	font-size:1.2rem;
	color:#CC0000;
	line-height:100%;
	bottom:auto;
}

.warranty-form .required::before{
	content:'*';
}

.history-list{
	font-size:1rem;
	padding:25px 10px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	transition:all 0.2s linear 0s;
}

#dh-warranty-history-user .history-list{
	padding-top:0;
}

#dh-warranty-history-list > .history-list{
	border-top:solid 1px #CCC;
}

#dh-warranty-history-user h5{
	border-bottom:solid 1px #CCC;
	padding-bottom:15px;
}

#dh-warranty-history-list h5{
	cursor:pointer;
}

.history-list > h5, 
.history-list > div{
	display:flex;
	flex-basis:100%;
	align-items:center;
}

.history-list > h5{
	font-family:var(--site-main-font);
	color:var(--db);
	font-weight:700;
}

.history-list > div{
	flex-wrap:wrap;
	width:100%;
	max-width:400px;
}

.history-list.collapse{
	height:50px;
	overflow:hidden;
	padding:0 10px;
}

.history-list.collapse > h5{
	margin:0;
	height:inherit;
}

#dh-warranty-history-list span::after, 
.history-list div > span::after{
	content:': ';
	margin-right:5px;
}

.history-list i{
	font-style:normal;
}

.history-list > div > div{
	display:flex;
	align-items:center;
	margin-bottom:20px;
}

.history-list > div > div:last-child{
	margin-bottom:0;
}

.history-list .flex-left, 
.history-list .flex-right{
	flex-basis:50%;
}

.history-list .flex-full{
	flex-basis:100%;
}

#dh-warranty-history-list .upload-icon > a{
	position:relative;
	opacity:0.5;
	transition:opacity 0.2s linear 0s;
}

#dh-warranty-history-list .upload-icon > a:hover{
	opacity:1;
}

#dh-warranty-history-list .upload-icon > a::after{
	position:absolute;
	content:'';
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pg0KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJDYXBhXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMjkuOTc4IDI5Ljk3OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjkuOTc4IDI5Ljk3ODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPGc+DQoJPHBhdGggZD0iTTI1LjQ2MiwxOS4xMDV2Ni44NDhINC41MTV2LTYuODQ4SDAuNDg5djguODYxYzAsMS4xMTEsMC45LDIuMDEyLDIuMDE2LDIuMDEyaDI0Ljk2N2MxLjExNSwwLDIuMDE2LTAuOSwyLjAxNi0yLjAxMg0KCQl2LTguODYxSDI1LjQ2MnoiLz4NCgk8cGF0aCBkPSJNMTQuNjIsMTguNDI2bC01Ljc2NC02Ljk2NWMwLDAtMC44NzctMC44MjgsMC4wNzQtMC44MjhzMy4yNDgsMCwzLjI0OCwwczAtMC41NTcsMC0xLjQxNmMwLTIuNDQ5LDAtNi45MDYsMC04LjcyMw0KCQljMCwwLTAuMTI5LTAuNDk0LDAuNjE1LTAuNDk0YzAuNzUsMCw0LjAzNSwwLDQuNTcyLDBjMC41MzYsMCwwLjUyNCwwLjQxNiwwLjUyNCwwLjQxNmMwLDEuNzYyLDAsNi4zNzMsMCw4Ljc0Mg0KCQljMCwwLjc2OCwwLDEuMjY2LDAsMS4yNjZzMS44NDIsMCwyLjk5OCwwYzEuMTU0LDAsMC4yODUsMC44NjcsMC4yODUsMC44NjdzLTQuOTA0LDYuNTEtNS41ODgsNy4xOTMNCgkJQzE1LjA5MiwxOC45NzksMTQuNjIsMTguNDI2LDE0LjYyLDE4LjQyNnoiLz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCgk8Zz4NCgk8L2c+DQoJPGc+DQoJPC9nPg0KCTxnPg0KCTwvZz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjxnPg0KPC9nPg0KPGc+DQo8L2c+DQo8Zz4NCjwvZz4NCjwvc3ZnPg0K');
	right:-30px;
	width:20px;
	height:20px;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:50%;
}


/* 新增內容 */
i.upload-icon{
	width: 30px;
}

.warranty-form input:checked~div input.other-field {
	display: inline;
}