@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@400;500;700&display=swap");

#goh-app{
	position:relative;
	transition:opacity 0.2s linear 0s;
	opacity:0;
}

#error{
	background-color:#C00;
	padding:15px;
	border-left:solid 8px #900;
	margin-bottom:15px;
}

.step-lists+#error{
	margin-top:15px;
}

#error > p{
	margin:0;
	color:#FFF;
	font-size:.9rem;
}

#goh-app.init{
	opacity:1;
}

#goh-app::after{
	content:'';
	position:absolute;
	width:100%;
	height:100%;
	z-index:99;
	background-color:rgba(255, 255, 255, 0.5);
	top:0;
	left:0;
	display:none;
}

#goh-app.loading::after{
	display:block;
}

#goh-app input[type="checkbox"], 
#goh-app input[type="radio"]{
	outline:none;
	flex:0 0 auto;
}

#goh-app .step-lists{
	display:flex;
	margin-bottom:5px;
}

#goh-app .step-circle{
	width:68px;
	height:68px;
	margin-right:30px;
	position:relative;
	border-radius:50%;
	background-color:#E5E5E5;
	display:flex;
	justify-content:center;
	align-items:center;
}

#goh-app .step-circle.active{
	background-color:#E50057;
}

#goh-app .step-circle:last-child{
	margin-right:0;
}

#goh-app .step-circle::after{
	content:'';
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiPg0KPHBhdGggZmlsbD0iI0U1RTVFNSIgZD0iTTAsNS42MDZ2My43ODloOC41MjNsLTMuMzE0LDMuMzE0TDcuNSwxNUwxNSw3LjVMNy41LDBMNS4yMDksMi4yOTJsMy4zMTQsMy4zMTRIMHoiLz4NCjwvc3ZnPg0K');
	position:absolute;
	width:15px;
	height:15px;
	top:50%;
	right:-22px;
	margin-top:-7px;
	z-index:9;
}

#goh-app .step-circle:last-child::after{
	background-image:none;
}

#goh-app .step-circle.active:NOT(.s4)::after{
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiPg0KPHBhdGggZmlsbD0iI0U1MDA1NyIgZD0iTTAsNS42MDZ2My43ODloOC41MjNsLTMuMzE0LDMuMzE0TDcuNSwxNUwxNSw3LjVMNy41LDBMNS4yMDksMi4yOTJsMy4zMTQsMy4zMTRIMHoiLz4NCjwvc3ZnPg0K');
}

#goh-app .step-circle > span, 
#goh-app .step-circle > pre{
	color:#666;
	width:32px;
	height:36px;
	display:block;
	font-size:.8rem;
	font-family:-apple-system, Helvetica, Arial, 'Microsoft JhengHei', sans-serif;
	text-align:center;
}

#goh-app .step-circle.active > span, 
#goh-app .step-circle.active > pre{
	color:#FFF;
}

#goh-app[data-type="campaign"] .step-circle > pre{
	color:#333;
	margin-top:120px;
}

#goh-app[data-type="campaign"] .step-lists{
	padding-bottom:45px;
}

#goh-app[data-type="campaign"] .step-circle.s1{
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjhweCIgaGVpZ2h0PSI2OHB4IiB2aWV3Qm94PSIwIDAgNjggNjgiPg0KPHBhdGggZmlsbD0iIzMzMzMzMyIgZD0iTTM3Ljc1LDM0LjkwNmMwLjUzOSwwLDEuMTExLDAuMDU1LDEuNzA1LDAuMTY0djEuMDIyYy0wLjQyMy0wLjEwOC0wLjk5Ni0wLjE2My0xLjcwNS0wLjE2Mw0KCWMtMS4yOTUsMC0yLjMxMywwLjIyNi0zLjA2OCwwLjY3NnYtMS4xNTNDMzUuNDc5LDM1LjA5LDM2LjUwMywzNC45MDYsMzcuNzUsMzQuOTA2eiBNMzQuNjgyLDMzLjYzMQ0KCWMwLjg4MS0wLjM2MSwxLjkwMi0wLjUzOSwzLjA2OC0wLjUzOWMwLjUzOSwwLDEuMTExLDAuMDQ4LDEuNzA1LDAuMTU3djEuMDIzYy0wLjQyMy0wLjEwOS0wLjk5Ni0wLjE2NC0xLjcwNS0wLjE2NA0KCWMtMS4yOTUsMC0yLjMxMywwLjIzMi0zLjA2OCwwLjY3NVYzMy42MzF6IE0zNy43NSwzMi4yOTVjLTEuMjk1LDAtMi4zMTMsMC4yMTgtMy4wNjgsMC42ODJ2LTEuMTMyDQoJYzAuODQtMC4zODEsMS44NjEtMC41NzIsMy4wNjgtMC41NzJjMC41MzksMCwxLjExMSwwLjA1NCwxLjcwNSwwLjE1N3YxLjA1N0MzOC45NSwzMi4zNTYsMzguMzcxLDMyLjI5NSwzNy43NSwzMi4yOTV6DQoJIE00MC4xMzcsMzcuNzQ5di03Ljg0Yy0wLjcwOS0wLjIyNS0xLjUwNy0wLjM0MS0yLjM4Ny0wLjM0MWMtMS4zOTYsMC0yLjY0NiwwLjM0MS0zLjc1LDEuMDIydjcuODQyDQoJYzEuMTA0LTAuNjg0LDIuMzU0LTEuMDIyLDMuNzUtMS4wMjJDMzguNTYzLDM3LjQwOSwzOS4zNTksMzcuNTE4LDQwLjEzNywzNy43NDl6IE0zNy43NSwyOC4yMDRjMS42MDQsMCwyLjg1NywwLjM0MSwzLjc1LDEuMDIyDQoJdjkuOTI4YzAsMC4wOC0wLjAzNCwwLjE2Mi0wLjEwNywwLjIzOGMtMC4wNzYsMC4wNjItMC4xNTgsMC4xMTUtMC4yMzIsMC4xMTVjLTAuMDc1LDAtMC4xMzEtMC4wMTQtMC4xNy0wLjAzMw0KCWMtMC44NzMtMC40NzItMS45NTctMC43MDMtMy4yMzktMC43MDNjLTEuMzk3LDAtMi42NDYsMC4zNDItMy43NSwxLjAyMmMtMC45MTMtMC42ODMtMi4xNjEtMS4wMjItMy43NS0xLjAyMg0KCWMtMS4xMzIsMC0yLjIxNiwwLjI0Ni0zLjIzOCwwLjcyOWMtMC4wMjEsMC4wMDctMC4wNDgsMC4wMDctMC4wODIsMC4wMjFjLTAuMDI3LDAuMDA4LTAuMDU1LDAuMDE1LTAuMDg5LDAuMDE1DQoJYy0wLjA3NCwwLTAuMTU2LTAuMDI3LTAuMjMxLTAuMDgyYy0wLjA3NS0wLjA3NS0wLjEwOS0wLjE0OS0wLjEwOS0wLjIzOHYtOS45ODljMC45MTQtMC42ODIsMi4xNjgtMS4wMjIsMy43NS0xLjAyMg0KCWMxLjU4OSwwLDIuODM3LDAuMzQxLDMuNzUsMS4wMjJDMzQuOTE0LDI4LjU0NSwzNi4xNjIsMjguMjA0LDM3Ljc1LDI4LjIwNHoiLz4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgY3g9IjM0IiBjeT0iMzQiIHI9IjM0Ii8+DQo8L3N2Zz4NCg==");
}

#goh-app[data-type="campaign"] .step-circle.s2{
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjhweCIgaGVpZ2h0PSI2OHB4IiB2aWV3Qm94PSIwIDAgNjggNjgiPg0KPGNpcmNsZSBmaWxsPSJub25lIiBjeD0iMzQiIGN5PSIzNCIgcj0iMzQiLz4NCjxwYXRoIGZpbGw9IiMzMzMzMzMiIGQ9Ik0zMC44MzQsMzMuNzA0aC0xLjY2N3YxLjY2N2gxLjY2N1YzMy43MDR6IE0zNC4xNjcsMzMuNzA0aC0xLjY2NnYxLjY2N2gxLjY2NlYzMy43MDR6IE0zNy41MDEsMzMuNzA0DQoJaC0xLjY2N3YxLjY2N2gxLjY2N1YzMy43MDR6IE0zOS4xNjcsMjcuODcxaC0wLjgzM3YtMS42NjdoLTEuNjY3djEuNjY3aC02LjY2NnYtMS42NjdoLTEuNjY3djEuNjY3aC0wLjgzMw0KCWMtMC45MjUsMC0xLjY2NywwLjc1LTEuNjY3LDEuNjY3djExLjY2N2MwLDAuNDQxLDAuMTc2LDAuODY1LDAuNDg4LDEuMTc5czAuNzM3LDAuNDg3LDEuMTc5LDAuNDg3aDExLjY2Ng0KCWMwLjQ0MiwwLDAuODY2LTAuMTc2LDEuMTgxLTAuNDg3YzAuMzEyLTAuMzEzLDAuNDg2LTAuNzM3LDAuNDg2LTEuMTc5VjI5LjUzOGMwLTAuNDQyLTAuMTc2LTAuODY2LTAuNDg2LTEuMTc5DQoJQzQwLjAzMywyOC4wNDYsMzkuNjA5LDI3Ljg3MSwzOS4xNjcsMjcuODcxeiBNMzkuMTY3LDQxLjIwNEgyNy41MDF2LTkuMTY3aDExLjY2NlY0MS4yMDR6Ii8+DQo8L3N2Zz4NCg==");
}

#goh-app[data-type="campaign"] .step-circle.s3{
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjhweCIgaGVpZ2h0PSI2OHB4IiB2aWV3Qm94PSIwIDAgNjggNjgiPg0KPGNpcmNsZSBmaWxsPSJub25lIiBjeD0iMzQiIGN5PSIzNCIgcj0iMzQiLz4NCjxwYXRoIGZpbGw9IiM0RTRFNEUiIGQ9Ik0zNi42NjYsMzcuOTU0djEuNWgtMTAuNXYtMS41YzAsMCwwLTMsNS4yNS0zUzM2LjY2NiwzNy45NTQsMzYuNjY2LDM3Ljk1NHogTTM0LjA0MSwzMC44MjkNCgljMC0wLjUxOS0wLjE1My0xLjAyNy0wLjQ0MS0xLjQ1OGMtMC4yODktMC40MzItMC42OTktMC43NjgtMS4xNzktMC45NjdjLTAuNDgtMC4xOTktMS4wMDgtMC4yNS0xLjUxNy0wLjE0OQ0KCWMtMC41MDksMC4xMDItMC45NzcsMC4zNTItMS4zNDQsMC43MTljLTAuMzY3LDAuMzY3LTAuNjE3LDAuODM0LTAuNzIsMS4zNDRjLTAuMTAxLDAuNTA5LTAuMDQ5LDEuMDM3LDAuMTUsMS41MTcNCgljMC4xOTksMC40OCwwLjUzNSwwLjg5LDAuOTY3LDEuMTc4YzAuNDMyLDAuMjg4LDAuOTM5LDAuNDQyLDEuNDU4LDAuNDQyYzAuNjk2LDAsMS4zNjQtMC4yNzYsMS44NTYtMC43NjkNCglDMzMuNzY1LDMyLjE5MywzNC4wNDEsMzEuNTI1LDM0LjA0MSwzMC44Mjl6IE0zNi42MjEsMzQuOTU0YzAuNDYxLDAuMzU2LDAuODM4LDAuODEyLDEuMTA1LDEuMzI4DQoJYzAuMjY3LDAuNTIsMC40MTYsMS4wOSwwLjQzOCwxLjY3MnYxLjVoM3YtMS41QzQxLjE2NiwzNy45NTQsNDEuMTY2LDM1LjIzLDM2LjYyMSwzNC45NTR6IE0zNS45MTYsMjguMjA0DQoJYy0wLjUxNi0wLjAwMy0xLjAyMSwwLjE1MS0xLjQ0NiwwLjQ0MmMwLjQ1NCwwLjYzNywwLjY5OSwxLjQsMC42OTksMi4xODNjMCwwLjc4My0wLjI0NSwxLjU0Ni0wLjY5OSwyLjE4Mw0KCWMwLjQyNiwwLjI5MSwwLjkzLDAuNDQ1LDEuNDQ2LDAuNDQyYzAuNjk1LDAsMS4zNjMtMC4yNzYsMS44NTUtMC43NjljMC40OTItMC40OTMsMC43Ny0xLjE2LDAuNzctMS44NTYNCgljMC0wLjY5Ni0wLjI3NS0xLjM2NC0wLjc3LTEuODU2QzM3LjI3OSwyOC40OCwzNi42MTEsMjguMjA0LDM1LjkxNiwyOC4yMDR6Ii8+DQo8L3N2Zz4NCg==");
}

#goh-app[data-type="campaign"] .step-circle.s4{
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjhweCIgaGVpZ2h0PSI2OHB4IiB2aWV3Qm94PSIwIDAgNjggNjgiPg0KPGNpcmNsZSBmaWxsPSJub25lIiBjeD0iMzQiIGN5PSIzNCIgcj0iMzQiLz4NCjxwYXRoIGZpbGw9IiM0RTRFNEUiIGQ9Ik0zMy43NSwzNi45NTRoM3YtMi4yNWwzLjc1LDMuMzc1bC0zLjc1LDMuMzc1di0yLjI1aC0zVjM2Ljk1NHogTTM5LDI3LjIwNEgyNw0KCWMtMC4zOTcsMC0wLjc3OCwwLjE1OC0xLjA2MSwwLjQzOWMtMC4yODEsMC4yODEtMC40MzksMC42NjMtMC40MzksMS4wNjF2OWMwLDAuMzk3LDAuMTU4LDAuNzc4LDAuNDM5LDEuMDYyDQoJYzAuMjgyLDAuMjgsMC42NjMsMC40MzgsMS4wNjEsMC40MzhoNS41MTRjLTAuMTc2LTAuNDc5LTAuMjY1LTAuOTg4LTAuMjY0LTEuNWMwLjAwMi0wLjk2OCwwLjMxMy0xLjkwNiwwLjg5MS0yLjY4Mw0KCWMwLjU3OC0wLjc3NSwxLjM4OC0xLjM0NCwyLjMxMy0xLjYyM2MwLjkyNy0wLjI3OCwxLjkxNi0wLjI1MSwyLjgyNSwwLjA3N2MwLjkwOCwwLjMyOCwxLjY4OCwwLjk0LDIuMjIyLDEuNzQ1di02LjUxOA0KCWMwLTAuMzk4LTAuMTU3LTAuNzc5LTAuNDM4LTEuMDYxQzM5Ljc3OSwyNy4zNjIsMzkuMzk4LDI3LjIwNCwzOSwyNy4yMDR6IE0zOSwzMC4yMDRsLTYsMy43NWwtNi0zLjc1di0xLjVsNiwzLjc1bDYtMy43NVYzMC4yMDR6Ig0KCS8+DQo8L3N2Zz4NCg==");
}

#goh-app[data-type="campaign"] .step-circle > span{
	color:#333;
	margin-top:120px;
}

#goh-app[data-type="campaign"] .step-circle.s1.active{
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjhweCIgaGVpZ2h0PSI2OHB4IiB2aWV3Qm94PSIwIDAgNjggNjgiPg0KPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTM3Ljc1LDM0LjkwNmMwLjUzOSwwLDEuMTExLDAuMDU1LDEuNzA1LDAuMTY0djEuMDIyYy0wLjQyMy0wLjEwOC0wLjk5Ni0wLjE2My0xLjcwNS0wLjE2Mw0KCWMtMS4yOTUsMC0yLjMxMywwLjIyNi0zLjA2OCwwLjY3NnYtMS4xNTNDMzUuNDc5LDM1LjA5LDM2LjUwMywzNC45MDYsMzcuNzUsMzQuOTA2eiBNMzQuNjgyLDMzLjYzMQ0KCWMwLjg4MS0wLjM2MSwxLjkwMi0wLjUzOSwzLjA2OC0wLjUzOWMwLjUzOSwwLDEuMTExLDAuMDQ4LDEuNzA1LDAuMTU3djEuMDIzYy0wLjQyMy0wLjEwOS0wLjk5Ni0wLjE2NC0xLjcwNS0wLjE2NA0KCWMtMS4yOTUsMC0yLjMxMywwLjIzMi0zLjA2OCwwLjY3NVYzMy42MzF6IE0zNy43NSwzMi4yOTVjLTEuMjk1LDAtMi4zMTMsMC4yMTgtMy4wNjgsMC42ODJ2LTEuMTMyDQoJYzAuODQtMC4zODEsMS44NjEtMC41NzIsMy4wNjgtMC41NzJjMC41MzksMCwxLjExMSwwLjA1NCwxLjcwNSwwLjE1N3YxLjA1N0MzOC45NSwzMi4zNTYsMzguMzcxLDMyLjI5NSwzNy43NSwzMi4yOTV6DQoJIE00MC4xMzcsMzcuNzQ5di03Ljg0Yy0wLjcwOS0wLjIyNS0xLjUwNy0wLjM0MS0yLjM4Ny0wLjM0MWMtMS4zOTYsMC0yLjY0NiwwLjM0MS0zLjc1LDEuMDIydjcuODQyDQoJYzEuMTA0LTAuNjg0LDIuMzU0LTEuMDIyLDMuNzUtMS4wMjJDMzguNTYzLDM3LjQwOSwzOS4zNTksMzcuNTE4LDQwLjEzNywzNy43NDl6IE0zNy43NSwyOC4yMDRjMS42MDQsMCwyLjg1NywwLjM0MSwzLjc1LDEuMDIyDQoJdjkuOTI4YzAsMC4wOC0wLjAzNCwwLjE2Mi0wLjEwNywwLjIzOGMtMC4wNzYsMC4wNjItMC4xNTgsMC4xMTUtMC4yMzIsMC4xMTVjLTAuMDc1LDAtMC4xMzEtMC4wMTQtMC4xNy0wLjAzMw0KCWMtMC44NzMtMC40NzItMS45NTctMC43MDMtMy4yMzktMC43MDNjLTEuMzk3LDAtMi42NDYsMC4zNDItMy43NSwxLjAyMmMtMC45MTMtMC42ODMtMi4xNjEtMS4wMjItMy43NS0xLjAyMg0KCWMtMS4xMzIsMC0yLjIxNiwwLjI0Ni0zLjIzOCwwLjcyOWMtMC4wMjEsMC4wMDctMC4wNDgsMC4wMDctMC4wODIsMC4wMjFjLTAuMDI3LDAuMDA4LTAuMDU1LDAuMDE1LTAuMDg5LDAuMDE1DQoJYy0wLjA3NCwwLTAuMTU2LTAuMDI3LTAuMjMxLTAuMDgyYy0wLjA3NS0wLjA3NS0wLjEwOS0wLjE0OS0wLjEwOS0wLjIzOHYtOS45ODljMC45MTQtMC42ODIsMi4xNjgtMS4wMjIsMy43NS0xLjAyMg0KCWMxLjU4OSwwLDIuODM3LDAuMzQxLDMuNzUsMS4wMjJDMzQuOTE0LDI4LjU0NSwzNi4xNjIsMjguMjA0LDM3Ljc1LDI4LjIwNHoiLz4NCjxjaXJjbGUgZmlsbD0ibm9uZSIgY3g9IjM0IiBjeT0iMzQiIHI9IjM0Ii8+DQo8L3N2Zz4NCg==');
}

#goh-app[data-type="campaign"] .step-circle.s2.active{
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjhweCIgaGVpZ2h0PSI2OHB4IiB2aWV3Qm94PSIwIDAgNjggNjgiPg0KPGNpcmNsZSBmaWxsPSJub25lIiBjeD0iMzQiIGN5PSIzNCIgcj0iMzQiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMC44MzQsMzMuNzA0aC0xLjY2N3YxLjY2N2gxLjY2N1YzMy43MDR6IE0zNC4xNjcsMzMuNzA0aC0xLjY2NnYxLjY2N2gxLjY2NlYzMy43MDR6IE0zNy41MDEsMzMuNzA0DQoJaC0xLjY2N3YxLjY2N2gxLjY2N1YzMy43MDR6IE0zOS4xNjcsMjcuODcxaC0wLjgzM3YtMS42NjdoLTEuNjY3djEuNjY3aC02LjY2NnYtMS42NjdoLTEuNjY3djEuNjY3aC0wLjgzMw0KCWMtMC45MjUsMC0xLjY2NywwLjc1LTEuNjY3LDEuNjY3djExLjY2N2MwLDAuNDQxLDAuMTc2LDAuODY1LDAuNDg4LDEuMTc5czAuNzM3LDAuNDg3LDEuMTc5LDAuNDg3aDExLjY2Ng0KCWMwLjQ0MiwwLDAuODY2LTAuMTc2LDEuMTgxLTAuNDg3YzAuMzEyLTAuMzEzLDAuNDg2LTAuNzM3LDAuNDg2LTEuMTc5VjI5LjUzOGMwLTAuNDQyLTAuMTc2LTAuODY2LTAuNDg2LTEuMTc5DQoJQzQwLjAzMywyOC4wNDYsMzkuNjA5LDI3Ljg3MSwzOS4xNjcsMjcuODcxeiBNMzkuMTY3LDQxLjIwNEgyNy41MDF2LTkuMTY3aDExLjY2NlY0MS4yMDR6Ii8+DQo8L3N2Zz4NCg==');
}

#goh-app[data-type="campaign"] .step-circle.s3.active{
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjhweCIgaGVpZ2h0PSI2OHB4IiB2aWV3Qm94PSIwIDAgNjggNjgiPg0KPGNpcmNsZSBmaWxsPSJub25lIiBjeD0iMzQiIGN5PSIzNCIgcj0iMzQiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zNi42NjYsMzcuOTU0djEuNWgtMTAuNXYtMS41YzAsMCwwLTMsNS4yNS0zUzM2LjY2NiwzNy45NTQsMzYuNjY2LDM3Ljk1NHogTTM0LjA0MSwzMC44MjkNCgljMC0wLjUxOS0wLjE1My0xLjAyNy0wLjQ0MS0xLjQ1OGMtMC4yODktMC40MzItMC42OTktMC43NjgtMS4xNzktMC45NjdjLTAuNDgtMC4xOTktMS4wMDgtMC4yNS0xLjUxNy0wLjE0OQ0KCWMtMC41MDksMC4xMDItMC45NzcsMC4zNTItMS4zNDQsMC43MTljLTAuMzY3LDAuMzY3LTAuNjE3LDAuODM0LTAuNzIsMS4zNDRjLTAuMTAxLDAuNTA5LTAuMDQ5LDEuMDM3LDAuMTUsMS41MTcNCgljMC4xOTksMC40OCwwLjUzNSwwLjg5LDAuOTY3LDEuMTc4YzAuNDMyLDAuMjg4LDAuOTM5LDAuNDQyLDEuNDU4LDAuNDQyYzAuNjk2LDAsMS4zNjQtMC4yNzYsMS44NTYtMC43NjkNCglDMzMuNzY1LDMyLjE5MywzNC4wNDEsMzEuNTI1LDM0LjA0MSwzMC44Mjl6IE0zNi42MjEsMzQuOTU0YzAuNDYxLDAuMzU2LDAuODM4LDAuODEyLDEuMTA1LDEuMzI4DQoJYzAuMjY3LDAuNTIsMC40MTYsMS4wOSwwLjQzOCwxLjY3MnYxLjVoM3YtMS41QzQxLjE2NiwzNy45NTQsNDEuMTY2LDM1LjIzLDM2LjYyMSwzNC45NTR6IE0zNS45MTYsMjguMjA0DQoJYy0wLjUxNi0wLjAwMy0xLjAyMSwwLjE1MS0xLjQ0NiwwLjQ0MmMwLjQ1NCwwLjYzNywwLjY5OSwxLjQsMC42OTksMi4xODNjMCwwLjc4My0wLjI0NSwxLjU0Ni0wLjY5OSwyLjE4Mw0KCWMwLjQyNiwwLjI5MSwwLjkzLDAuNDQ1LDEuNDQ2LDAuNDQyYzAuNjk1LDAsMS4zNjMtMC4yNzYsMS44NTUtMC43NjljMC40OTItMC40OTMsMC43Ny0xLjE2LDAuNzctMS44NTYNCgljMC0wLjY5Ni0wLjI3NS0xLjM2NC0wLjc3LTEuODU2QzM3LjI3OSwyOC40OCwzNi42MTEsMjguMjA0LDM1LjkxNiwyOC4yMDR6Ii8+DQo8L3N2Zz4NCg==');

}

#goh-app[data-type="campaign"] .step-circle.s4.active{
	background-image:url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iNjhweCIgaGVpZ2h0PSI2OHB4IiB2aWV3Qm94PSIwIDAgNjggNjgiPg0KPGNpcmNsZSBmaWxsPSJub25lIiBjeD0iMzQiIGN5PSIzNCIgcj0iMzQiLz4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMy43NSwzNi45NTRoM3YtMi4yNWwzLjc1LDMuMzc1bC0zLjc1LDMuMzc1di0yLjI1aC0zVjM2Ljk1NHogTTM5LDI3LjIwNEgyNw0KCWMtMC4zOTcsMC0wLjc3OCwwLjE1OC0xLjA2MSwwLjQzOWMtMC4yODEsMC4yODEtMC40MzksMC42NjMtMC40MzksMS4wNjF2OWMwLDAuMzk3LDAuMTU4LDAuNzc4LDAuNDM5LDEuMDYyDQoJYzAuMjgyLDAuMjgsMC42NjMsMC40MzgsMS4wNjEsMC40MzhoNS41MTRjLTAuMTc2LTAuNDc5LTAuMjY1LTAuOTg4LTAuMjY0LTEuNWMwLjAwMi0wLjk2OCwwLjMxMy0xLjkwNiwwLjg5MS0yLjY4Mw0KCWMwLjU3OC0wLjc3NSwxLjM4OC0xLjM0NCwyLjMxMy0xLjYyM2MwLjkyNy0wLjI3OCwxLjkxNi0wLjI1MSwyLjgyNSwwLjA3N2MwLjkwOCwwLjMyOCwxLjY4OCwwLjk0LDIuMjIyLDEuNzQ1di02LjUxOA0KCWMwLTAuMzk4LTAuMTU3LTAuNzc5LTAuNDM4LTEuMDYxQzM5Ljc3OSwyNy4zNjIsMzkuMzk4LDI3LjIwNCwzOSwyNy4yMDR6IE0zOSwzMC4yMDRsLTYsMy43NWwtNi0zLjc1di0xLjVsNiwzLjc1bDYtMy43NVYzMC4yMDR6Ig0KCS8+DQo8L3N2Zz4NCg==');
}

.singleDonateForm #step-1, 
.singleDonateForm #step-2, 
.singleDonateForm #step-3{
	border:solid 1px #F2F2F2;
	padding:30px;
}

.singleDonateForm .sgRow{
	font-size:1rem;
	color:#4D4D4D;
	padding-bottom:15px;
}

.singleDonateForm .sgRow:not(:last-child){
	border-bottom:solid 1px #F2F2F2;
	margin-bottom:15px;
}

.singleDonateForm .sgTitle, 
.singleDonateForm .sdRow > .title, 
.singleDonateForm .sdiRow > .title, 
.singleDonateForm .cdItem > .title{
	margin-bottom:10px;
	font-weight:600;
	color:#666;
	position:relative;
}

.singleDonateForm .sdRow .notice{
	display:block;
	margin-top:5px;
	color:#8E354A;
}

.singleDonateForm .sgpItem:not(:last-child){
	margin-bottom:25px;
}

.singleDonateForm .sgpTitle{
	background-color:#F2F2F2;
	padding:18px 24px;
	cursor:pointer;
	position:relative;
	line-height:150%;
}

.singleDonateForm .sgpTitle.active{
	background-color:#E50057;
	color:#FFF;
	padding-left:50px;
}

.singleDonateForm .sgpTitle.active::before{
	content:'';
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjQuNSwxLjM5YzEyLjcwMiwwLDIzLDEwLjI5NywyMywyM3MtMTAuMjk4LDIzLTIzLDIzYy0xMi43MDMsMC0yMy0xMC4yOTgtMjMtMjNTMTEuNzk3LDEuMzksMjQuNSwxLjM5DQoJCSBNMjQuNSw1Ljk5Yy0xMC4xNDYsMC0xOC40LDguMjU0LTE4LjQsMTguNHM4LjI1NCwxOC40MDEsMTguNCwxOC40MDFzMTguNC04LjI1NSwxOC40LTE4LjQwMVMzNC42NDYsNS45OSwyNC41LDUuOTlMMjQuNSw1Ljk5eiIvPg0KPC9nPg0KPHBvbHlsaW5lIGZpbGw9Im5vbmUiIHN0cm9rZT0iI0ZGRkZGRiIgc3Ryb2tlLXdpZHRoPSI1IiBwb2ludHM9IjMzLjcsMTguNTMxIDIxLjk4NSwzMC4yNDYgMTUuMywyMy41NjIgIi8+DQo8L3N2Zz4NCg==');
	background-size:100%;
	background-position:50%;
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	position:absolute;
	left:15px;
	top:17px;
}

.singleDonateForm .sgpContent{
	font-size:14px;
	color:#808080;
	margin-top:10px;
}

.singleDonateForm .sgpContent i{
	font-style:normal;
}

.singleDonateForm input[type="text"], 
.singleDonateForm input[type="number"], 
.singleDonateForm input[type="email"], 
.adcItem input[type="text"], 
.adcItem input[type="number"], 
.adcItem input[type="email"], 
.adcItem input[type="date"]{
	border:none;
	padding:12px;
	background-color:#F2F2F2;
	color:#4D4D4D;
	width:100%;
	font-size:1rem;
	box-sizing:border-box;
	outline:none;
}

.singleDonateForm .sgPriceInfo{
	display:block;
	color:#808080;
	font-size:.9rem;
	margin-top:10px;
}

.singleDonateForm .sgCheckboxs{
	margin-top:15px;
}

.singleDonateForm .sgcb{
	display:block;
	margin-left:10px;
}

.singleDonateForm .sgcb:not(:last-child){
	margin-bottom:15px;
}

.singleDonateForm .nextPrevContainer{
	margin-top:25px;
}

.singleDonateForm .nextPrevContainer > div{
	text-align:center;
	padding:12px 0;
	cursor:pointer;
}

.singleDonateForm .next{
	color:#FFF;
	background-color:#E50057;
}

.singleDonateForm .prev{
	color:#E50057;
}

#wpadminbar .ab-icon, 
#wpadminbar .ab-item::before, 
#wpadminbar > #wp-toolbar > #wp-admin-bar-root-default .ab-icon, 
.wp-admin-bar-arrow{
	/*font:normal 20px/1 dashicons !important;*/
}

.woocommerce-notices-wrapper{
	width:100%;
	max-width:1170px;
	margin:auto;
}

.woocommerce-notices-wrapper > ul{
	margin:5px 0;
}

.adcItem+hr{
	background-color:#CCC;
	height:1px;
	border:none;
	margin-top:35px;
	position:relative;
	display:flex;
	justify-content:center;
	overflow:visible;
}

.adcItem+hr::before{
	content:attr(data-text);
	background-color:#FFF;
	height:24px;
	padding:3px 10px;
	margin-top:-14px;
}

#goh-app label[for], 
.registerContainer label[for]{
	position:relative;
	cursor:pointer;
	display:block;
	line-height:150%;
}

#goh-app input[type="radio"]+label, 
#goh-app input[type="checkbox"]+label, 
.registerContainer input[type="radio"]+label, 
.registerContainer input[type="checkbox"]+label{
	display:inline;
}

#goh-app .adcItem input[type="radio"]+label, 
#goh-app .adcItem input[type="checkbox"]+label{
	margin:0 15px 0 2px;
}

#goh-app .adCheckbox{
	line-height:200%;
}

#goh-app label+sup, 
sup.required{
	font-size:1.5rem;
	color:#E50057;
	font-weight:700;
	margin-left:5px;
	position:absolute;
	top:3px;
}

#goh-app .adc{
	display:inline-block;
}

.sgTitle > label{
	display:block;
}

#goh-app input[type="radio"]+label{
	margin-right:15px;
}

label.under-minimum, 
label.format-error, 
label.required-error{
	padding-bottom:35px;
}

label.under-minimum::before, 
label.format-error::before, 
label.required-error::before{
	content:'';
	position:absolute;
	width:24px;
	height:24px;
	background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxMy4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDE0OTQ4KSAgLS0+DQo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPg0KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgd2lkdGg9IjUwcHgiIGhlaWdodD0iNTBweCIgdmlld0JveD0iMCAwIDUwIDUwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA1MCA1MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjQ0MwMDAwIiBkPSJNMjguMTMzLDEyLjk2N2MwLDEuNTM2LTIuMDczLDEzLjI4NS0yLjQ5NiwxNC41ODhjLTAuMzg0LDAuMDM5LTIuMTExLTAuMTU0LTIuMzAzLTAuNDYNCgkJYy0wLjQyMi0xLjkxOS0yLjMwMy0xMC41OTYtMi40NTgtMTIuNTE2Yy0wLjA3Ny0wLjMwNywwLjM0Ni0xLjExNCwwLjcyOS0xLjI2N2MxLjA3NS0wLjQ1OSw0LjAzMS0wLjc2Nyw0Ljk5MS0wLjc2Nw0KCQlDMjcuMDk3LDEyLjU0NSwyNy43NDksMTIuNjk4LDI4LjEzMywxMi45Njd6IE0yNi45MDMsMzAuNTkxYzAuODA3LDAuNzY4LDEuMDM3LDEuNzI4LDEuMDM3LDIuNTMzYzAsMC42MTUtMC4zODIsMS42NTEtMC45NiwyLjI2Ng0KCQljLTAuNTc1LDAuNTc1LTEuNTczLDAuODQ1LTIuNTMzLDAuODQ1Yy0wLjYxNCwwLTEuNDk4LTAuMTkyLTIuMTg4LTAuODQ1Yy0wLjU3Ni0wLjY1NC0wLjgwNi0xLjQyMS0wLjgwNi0yLjM0Mg0KCQljMC0wLjg0NCwwLjM4NC0xLjY4OSwxLjA3NS0yLjMwNGMwLjY1My0wLjUzNywxLjQ1OS0wLjgwNywyLjI2NS0wLjgwN0MyNS41NjIsMjkuOTM3LDI2LjM2NywzMC4xNjcsMjYuOTAzLDMwLjU5MXoiLz4NCjwvZz4NCjxnPg0KCTxwYXRoIGZpbGw9IiNDQzAwMDAiIGQ9Ik0yNC41LDAuMzkxYzEzLjI1NCwwLDI0LDEwLjc0NSwyNCwyNGMwLDEzLjI1NC0xMC43NDYsMjQtMjQsMjRjLTEzLjI1NSwwLTI0LTEwLjc0Ni0yNC0yNA0KCQlDMC41LDExLjEzNSwxMS4yNDUsMC4zOTEsMjQuNSwwLjM5MSBNMjQuNSw1LjE5Yy0xMC41ODcsMC0xOS4yLDguNjEzLTE5LjIsMTkuMmMwLDEwLjU4Niw4LjYxMywxOS4yMDEsMTkuMiwxOS4yMDENCgkJYzEwLjU4NiwwLDE5LjItOC42MTQsMTkuMi0xOS4yMDFDNDMuNywxMy44MDMsMzUuMDg2LDUuMTksMjQuNSw1LjE5TDI0LjUsNS4xOXoiLz4NCjwvZz4NCjwvc3ZnPg0K');
	background-size:cover;
	background-position:50%;
	background-repeat:no-repeat;
	left:0;
	bottom:5px;
}

label.under-minimum::after, 
label.format-error::after, 
label.required-error::after{
	position:absolute;
	width:100%;
	color:#C00;
	left:0;
	bottom:7px;
	font-size:.9rem;
	padding-left:28px;
}

label.format-error::after{
	content:'格式錯誤，請重新輸入';
}

label.required-error::after{
	content:'欄位不可空白';
}

label.under-minimum::after{
	content:'金額不可小於 $NTD 100';
}

#goh-app #accept+label.format-error, 
#goh-app #accept+label.required-error{
	display:inline-block;
}

#goh-app #accept+label.format-error::after, 
#goh-app #accept+label.required-error::after{
	bottom:6px;
}

#donate-id{
	display:flex;
	gap:10px;
}

#donate-id > div{
	cursor:pointer;
	border:solid 1px #E50057;
	padding:12px 0;
	flex:1 1;
	color:#E50057;
	text-align:center;
}

#donate-id .sdc.active{
	color:#FFF;
	background-color:#E50057;
}

#step-1 .creditType{
	display:flex;
}

#step-1 .creditDate{
	margin-top:15px;
	display:flex;
	flex-wrap:wrap;
}

#step-1 .creditDate > span{
	flex-basis:100%;
	margin-bottom:10px;
	font-weight:600;
	color:#666;
}

#step-1 .creditDate > select{
	flex-basis:47.5%;
}

#step-1 .creditDate > select+select{
	margin-left:5%;
}

#step-2 .sdRow, 
#step-2 .sdiRow, 
#step-3 .cdItem{
	margin-bottom:25px;
	padding-bottom:25px;
	border-bottom:solid 1px #E5E5E5;
	color:#4D4D4D;
}

#step-3 .cdItem:last-child{
	margin-bottom:0;
}

#step-2 .sdRow:first-child{
	padding-bottom:0;
}

#step-2 .sdRow:last-child{
	margin-bottom:0;
}

#step-2 h5, 
#step-3 h5{
	font-size:1.2rem;
	color:#E50057;
	padding:15px 0;
	margin:0;
}

#step-2 .birthdayPicker, 
#step-2 .at, 
.pfCol .at, 
.rgRow .at, 
.ciRow .at, 
.eaRow .at{
	display:flex;
	gap:10px;
}

#step-1 .creditType select, 
#step-2 .birthdayPicker > .bp, 
#step-2 .at select, 
#step-2 .at input[type="text"], 
.pfCol .at select, 
.pfCol .at input[type="text"],  
.spaContainer > .applyInfo select, 
.rgRow .at select, 
.rgRow .at input[type="text"], 
.ciRow .at select, 
.ciRow .at input[type="text"]{
	flex:1 1;
}

#step-1 .creditType select, 
#step-1 .creditDate select, 
#step-2 .birthdayPicker select, 
#step-2 .at select, 
.spaContainer > .applyInfo select{
	/*background-color:#F2F2F2;*/
	color:#4D4D4D;
	border:none;
	padding:15px;
	width:100%;
	font-size:1rem;
}

.sdiRow > .termsAccept{
	display:flex;
	align-items:flex-start;
}

.sdiRow > .termsAccept label[for="accept"]{
	margin-left:5px;
}

.at+input[name="personal-address"], 
.at+input[name="company-address"]{
	width:100%;
	margin-top:15px;
	box-sizing:border-box;
}

#step-2 .sdiRow input+span{
	display:block;
	margin-top:5px;
}

#step-2 .sdiRow input+span > label, 
.sdiCheckboxs > span{
	margin-left:5px;
}

#step-2 textarea, 
#step-2 .sdiContent{
	width:100%;
	background-color:#F2F2F2;
	padding:12px;
	color:#4D4D4D;
	box-sizing:border-box;
	border:none;
}

#step-2 textarea{
	resize:none;
}

#step-3 .cdItem > .content{
	padding:0 10px;
}

#step-3 .payBtn{
	text-align:center;
	background-color:#E50057;
	color:#FFF;
	padding:12px 0;
	cursor:pointer;
}

.notice > .same{
	display:inline-block;
	color:#FFF;
	background-color:#E50057;
	padding:12px 20px;
	cursor:pointer;
}

.paymentInfo > .content{
	padding:0;
	margin-bottom:20px;
	color:#4D4D4D;
}

.staticContentContainer .content > p{
	margin-bottom:35px;
}

.staticContentContainer.field-1{
	padding:35px 0;
}

.staticContentContainer.field-1 p{
	margin:0 0 5px;
}

.enlarge{
	font-size:2.4rem;
	color:#E50057;
}

.spblock_1{
	padding:15px;
	border:solid 1px #AAA;
	background-color:#EEE;
}

.spblock_1 > h5{
	font-size:.95rem;
	margin:0 0 5px;
	font-weight:700;
}

.spblock_1 > div{
	
}

.spblock_1 > div:not(class){
	display:flex;
	gap:15px;
}

.spblock_1 > div:not(class) .spbImg{
	flex:1 1;
	text-align:center;
}

.spblock_1 .spbContent{
	margin-top:15px;
	padding:0 10px;
}

.spblock_1 p{
	margin:0 0 5px;
	font-size:.95rem;
	line-height:125%;
}

.spblock_1 p:last-child{
	margin-bottom:0;
}

.spblock_1 img{
	max-width:100%;
}

.spaContainer{
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom:solid 1px #F2F2F2;
}

.spaContainer > .applyInfo{
	display:flex;
	gap:15px;
}

.spaContainer > .applyInfo > .aiItem{
	flex:1;
	position:relative;
}

.spaContainer .aiItem > span{
	display:block;
	margin-bottom:5px;
}

.applyDataContainer .adcItem{
	margin-top:20px;
}

.applyDataContainer .title{
	margin-bottom:5px;
}

.singleProductApplyContainer h5{
	font-size:1.2rem;
	color:#E50057;
}

.singleProductApplyContainer > .stepImg, 
.singleProductApplyContainer .notice{
	margin-top:5px;
	font-size:.9rem;
}

.singleProductApplyContainer > .stepImg{
	color:#EE8592;
}

.singleProductApplyContainer .notice{
	color:#4D4D4D;
}

.applyDataContainer .payment{
	font-size:14px;
	background-color:#F2F2F2;
	padding:30px;
	display:flex;
	align-items:center;
}

.applyDataContainer .payment > .adpImg{
	background-size:contain;
	background-position:50%;
	background-repeat:no-repeat;
	height:35px;
	width:30%;
}

.adcItem > .apply{
	display:block;
	padding:12px 0;
	text-align:center;
	background-color:#E50057;
	color:#FFF;
	cursor:pointer;
}

#goh-app .applyPrice .price{
	padding:15px 0;
}

#goh-app .applyPrice span{
	display:inline-block;
	font-size:1.4rem;
	padding:0;
	width:50%;
}

#goh-app .applyPrice span:first-child{
	
}

#goh-app .applyPrice span:last-child{
	font-weight:600;
	color:#E50057;
	text-align:right;
}

#goh-app .pfCol .content.ffw, 
#goh-app .dfCol .content.ffw, 
#goh-app .icCol .content.ffw{
	flex-basis:80%;
}

#step-1 .creditDate, 
.cc-info .content.ffw{
	position:relative;
}

#step-1 .creditDate, 
.cc-info .content.ffw{
	padding-bottom:35px;
}

#step-1 .creditDate, 
.cc-info .content.ffw{
	padding-bottom:50px;
}

.singleDonateForm #step-1 .creditDate::after, 
.cc-info .content.ffw::after{
	position:absolute;
	left:0;
	bottom:0;
	content:'僅為確認信用卡有效期限，在後續步驟中才需填寫完整卡號';
}

.pitBtns > div, 
.noticeBtns > span, 
.stepBtnContainer > .prev, 
.stepBtnContainer > .next{
	cursor:pointer;
}

#goh-app input.other{
	width:160px;
	margin-left:10px;
}

.personalContainer .bp{
	flex:1 1;
}

#is-404{
	
}

#is-404 h1{
	font-size:4rem;
	text-align:center;
	margin:35px 0 0;
}

#is-404 p{
	margin:30px 0 0;
	text-align:center;
}

.missionListContainer .mlItem{
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
	position:relative;
}

.missionListContainer .ml-preview{
	position:absolute;
	left:0;
	bottom:0;
	background-color:rgba(0, 0, 0, 0.75);
	padding:15px 0;
	width:100%;
}

.missionListContainer h4, 
.missionListContainer .year{
	color:#FFF;
	text-align:center;
	display:block;
	width:100%;
	margin:0;
}

.missionListContainer h4{
	margin-bottom:10px;
}

#wc-orders{
	
}

#change-password{
	padding:35px;
	box-sizing:border-box;
	background-color:#F2F2F2;
}

#wc-orders .rows, 
#change-password .rows{
	display:flex;
}

#wc-orders .rows > div, 
#change-password .rows > div{
	padding:10px 0;
	box-sizing:border-box;
	display:flex;
	align-items:center;
}

#wc-orders .rows > div{
	justify-content:center;
}

#wc-orders .rows.title > div{
	font-weight:700;
	color:#333;
	background-color:#E2E2E2;
}

#wc-orders .rows.list > div, 
#change-password .rows > div{
	padding:15px 10px;
	color:#666;
}

#change-password .rows > div{
	font-size:1rem;
}

#wc-orders .rows.list > div{
	border-bottom:dotted 1px #CCC;
	font-size:.9rem;
	font-weight:400;
}

#wc-orders .rows > div:nth-of-type(1){
	flex:0 0 45%;
}

#wc-orders .rows.list > div:nth-of-type(1){
	justify-content:flex-start;
}

#wc-orders .rows > div:nth-of-type(2){
	flex:0 0 17.5%;
}

#wc-orders .rows > div:nth-of-type(3){
	flex:0 0 17.5%;
}

#wc-orders .rows > div:nth-of-type(4){
	flex:0 0 20%;
}

#change-password label[for]{
	position:relative;
}

#change-password .required{
	line-height:1;
}

#change-password .rows > div:first-child{
	flex:0 0 30%;
}

#change-password .rows > div:last-child{
	flex:0 0 70%;
}

#change-password #save{
	flex-basis:100%;
	padding-top:15px;
}

#change-password .notice{
	display:block;
	text-align:center;
	color:#C00;
	font-weight:400;
	margin-top:15px;
	font-size:.9rem;
}

#change-password input[type="password"]{
	padding:15px;
	border:none;
	width:60%;
}

#change-password button{
	cursor:pointer;
	color:#FFF;
	background-color:#E50057;
	padding:12px 0;
	border:none;
	text-align:center;
	width:160px;
	display:block;
	margin:auto;
	font-size:1rem;
}

#wc-orders-pagination, 
#mobile-pagination{
	padding:15px 0;
	text-align:center;
}

#mobile-pagination{
	display:none;
}

#wc-orders-pagination select, 
#mobile-pagination select{
	width:80px;
	border:none;
	padding:10px 15px;
}

.no-result{
	text-align:center;
}