/* =============================================================
   家電站配色：藍 → 綠（參考站上既有綠 #006333）
   若要換成你的精準品牌綠，改下面對照的『新色』即可：
     主色（按鈕/連結/選中/搜尋列）  #3f9ee2 → #006333
     選中淺底                       #e9f7ff → #e9f7ec
     維修門市標籤(teal，與收送處區隔) 文字 #006333 / 底 #dbf1ee
     收送處標籤(維持原綠)            文字 #006333 / 底 #def9e5
     Apple標籤(維持原橘)             文字 #F46A40 / 底 #f9e8de
   ============================================================= */
.stronghold-left{width: 22.5%;}
.stronghold-main{padding: 14px 0;}
.stronghold-banner{height:100%;}
.left-city,.left-classify{background: #fff;border-radius: 15px;padding: 20px 0;}
.stronghold-body{background: #f4f4f4;}
.stronghold-left-title{color: #000000;font-size: 16px;font-weight: bold;padding: 0 15px;margin-bottom: 10px;}
.left-city-group-title{padding: 10px 15px;color: #1A1A1A;font-size: 15px!important;cursor: pointer;line-height: 18px;}
.left-city-group li {padding: 7px 30px;color: #757575;font-size: 15px!important;line-height: 20px;cursor: pointer;}
.left-city-group li a{/*padding: 7px 30px;*/color: #757575;font-size: 15px!important;line-height: 20px;cursor: pointer;}
.left-city-group-title i{color: #1A1A1A;font-size: 15px!important;margin-top: 2px;}
.left-city-group li span, .left-city-group li a span{display: inline-block;color: #757575;font-size: 12px;background: #f2f2f2;padding: 0 10px;margin-left: 5px;border-radius: 10px;}
.left-city-group ul{display: none;}
.left-city-group.active .left-city-group-title{color: #006333;background: #e9f7ec;border-left: 5px solid #006333;padding: 10px 25px;}
.left-city-group .left-city-group-title .left{font-size: 15px!important;}
.left-city-group.active .left-city-group-title:before .left{font-size: 15px!important;}
.left-city-group.active .left-city-group-title i{color: #006333;transform: rotate(180deg);}
.left-city-group li.active, .left-city-group li.active a {color: #006333;}
.left-city-group li.active span, .left-city-group li.active a span{color: #006333;background: #e9f7ec;}
.left-city{margin-bottom: 25px;}
.stronghold-body-title{text-align: center;color: #333333;font-size: 25px;font-weight: bold;margin-bottom: 50px;}
.left-classify li{text-align: center;padding: 0 15px;margin-bottom: 5px;}
.left-classify a{display: block;border: 1px solid #d5d5d5;border-radius: 50px;color: #757575;font-size: 15px;line-height: 34px;}
.left-classify li:last-child{margin-bottom: 10px;}
.left-classify li.active a{background: #006333;color: #fff;border-color: #006333;}
.stronghold-left{width:23%;}
.stronghold-right{width: 75%;}
.stronghold-right-ul li{background: #fff;border-radius: 15px;padding: 20px;margin-bottom: 15px;}
.stronghold-right-image{width: 37%;position: relative;}
.stronghold-right-image img{width: 100%;vertical-align: middle;}
.stronghold-score{display: inline-block;background: #ffffff;border-radius: 50px;line-height: 30px;padding: 0 8px;color: #000000;font-size: 14px;font-weight: bold;position: absolute;z-index: 5;top: 10px;right: 10px;}
.stronghold-score span{color: #808080;font-size: 12px;font-weight: normal;margin-left: 3px;}
.stronghold-score i{color: #ffc033;font-size: 14px;margin-right: 3px;}
.stronghold-right-content{width: 60%;}
.stronghold-right-tag span{display: inline-block;line-height: 22px;padding: 0 5px;font-size: 12px;font-weight: bold;margin-bottom: 16px;margin-right: 5px;}
.stronghold-right-tag-apple{background: #f9e8de;color: #F46A40;}
.stronghold-right-tag-repair{background: #dbf1ee;color: #006333;}
.stronghold-right-tag-collection{background: #def9e5;color: #006333;}
.stronghold-right-tag-home{background: #f1ebff;color: #9462c1;}
.stronghold-right-title{color: #4D4D4D;font-size: 18px;font-weight: bold;margin-bottom: 10px;margin-top:0px}
.stronghold-right-title a{color: #4D4D4D;font-size: 18px}
.stronghold-right-group{color: #4D4D4D;font-size: 15px;font-weight: bold;margin-bottom: 12px;}
.stronghold-right-group a{color: #4D4D4D;text-decoration: underline;font-size: 15px;}
.stronghold-right-group p{color: #999999;font-size: 13px;font-weight: normal;}
.stronghold-right-link a{display: block;line-height: 34px;color: #333333;font-size: 13px;border: 1px solid #333333;border-radius: 5px;/*width: 48%;*/text-align: center;}
.stronghold-right-link-other a{width: 100%;}
.stronghold-right-link a:last-child{background: #006333;border-color: #006333;color: #fff;}
.left-classify select{display: none;}
.alert-stronghold-main{display: none;position: fixed;width: 300px;left: 50%;margin-left: -150px;top: 50%;background: #fff;box-sizing: border-box;padding: 20px;margin-top: -159px;z-index: 1200;border-radius: 15px;overflow: hidden;}
.alert-stronghold-title{color: #000000;font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.alert-stronghold-group select{ 
	appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; background-image: url("/assets/images/arrow.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding-right: 36px;  box-sizing: border-box;height: 40px;border-radius: 5px;background-color: #f2f2f2;color: #333333;font-size: 15px;font-weight: bold;border: none;width: 100%;padding: 0 10px;}
.alert-stronghold-group{margin-bottom: 10px;}
.alert-stronghold-group input{box-sizing: border-box;width: 100%;height: 40px;border-radius: 5px;background: #f2f2f2;color: #333333;font-size: 15px;font-weight: bold;-webkit-appearance: none;border: none;padding: 0 15px;}
.alert-stronghold-main button{height: 40px;width: 100%;border-radius: 5px;border: none;-webkit-appearance: none;color: #fff;font-size: 15px;font-weight: bold;text-align: center;background: #006333;cursor: pointer;}
.alert-stronghold-close{display: inline-block;color: #000000;font-size: 20px;position: absolute;right: 20px;top:18px;cursor: pointer;}
a:focus{outline: none!important;}
.stronghold-left-title i{display: none;}
@media (min-width:1080px) {
	.left-city-group-title:hover,.left-city-group li:hover ,.left-city-group li a:hover,.left-classify a:hover,.stronghold-right-group a:hover,.stronghold-right-link a:hover{opacity: 0.8;}
	.alert-stronghold-main button:hover{opacity: 0.8;}
	.stronghold-right-link a:first-child:hover{opacity: 1;background: #006333;border-color: #006333;color: #fff;}
}
@media (min-width:768px) {
	.left-city-none{display: block!important;}
}
@media (max-width:767px) {
	.stronghold-left,.stronghold-right{width: 100%;}
	.stronghold-main{padding: 14px 0;}
	.stronghold-body-title{margin-bottom: 20px;font-size: 23px;}
	.stronghold-right{margin-top: 10px;}
	.stronghold-right-image,.stronghold-right-content{width: 100%;}
	.stronghold-right-ul li{padding: 15px;}
	.stronghold-right-content{margin-top: 15px;}
	.left-classify ul{display: none;}
	.left-classify{position: relative;padding-left: 100px;box-sizing: border-box;padding-right: 15px;padding-top: 10px;padding-bottom: 10px;}
	.left-classify .stronghold-left-title{position: absolute;left: 0;top: 10px;line-height: 36px;}
	.left-classify select{appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none; background-image: url("/assets/images/arrow.svg");
    background-repeat: no-repeat;
    background-position: right 12px center;
    background-size: 12px;
    padding-right: 36px;  box-sizing: border-box;display: block;height: 36px;font-size: 15px;font-weight: bold;border: 1px solid #cfcfcf;border-radius: 50px;width: 100%;box-sizing: border-box;padding: 0 15px;}
    .left-city-none{display: none;}
    .stronghold-left-title i{color: #1A1A1A;font-size: 15px;line-height: 23px;display: block;}
    .left-city .stronghold-left-title{margin-bottom: 0;}
    .left-city{margin-bottom: 10px;}
    .left-city.active .stronghold-left-title i{transform: rotate(180deg);}
    .left-city.active .stronghold-left-title{margin-bottom: 10px;}
    .left-city-group.active .left-city-group-title{padding: 10px 15px 10px 20px;}
    .left-city-group li, .left-city-group li a{padding: 7px 25px;}
}



/*凱華新發回來的*/
.stronghold-left{width: 22.5%;}
.stronghold-main{padding: 80px 0;}
.left-city,.left-classify{background: #fff;border-radius: 15px;padding: 20px 0;}
.stronghold-body{background: #f4f4f4;}
.stronghold-left-title{color: #000000;font-size: 16px;font-weight: bold;padding: 0 15px;margin-bottom: 10px;}
.left-city-group-title{padding: 10px 15px;color: #1A1A1A;font-size: 15px;cursor: pointer;line-height: 18px;margin-bottom: 8px;}
.left-city-group-title div{font-size: 15px;font-weight: 400;}
.left-city-group li{padding: 7px 30px;color: #757575;font-size: 15px;line-height: 20px;cursor: pointer;}
.left-city-group-title i{color: #1A1A1A;font-size: 15px;margin-top: 2px;}
.left-city-group li span{display: inline-block;color: #757575;font-size: 12px;background: #f2f2f2;padding: 0 10px;margin-left: 5px;border-radius: 10px;}
.left-city-group ul{display: none;}
.left-city-group.active .left-city-group-title{color: #006333;background: #e9f7ec;border-left: 5px solid #006333;padding: 10px 25px;}
.left-city-group.active .left-city-group-title i{color: #006333;transform: rotate(180deg);}
.left-city-group li.active{color: #006333;}
.left-city-group li.active span{color: #006333;background: #e9f7ec;}
.left-city-group .left-city-group-title span{display: inline-block;color: #757575;font-size: 12px;background: #f2f2f2;padding: 0 10px;margin-left: 5px;border-radius: 10px;font-weight: 600;}
.left-city{margin-bottom: 25px;}
.stronghold-body-title{text-align: center;color: #333333;font-size: 25px;font-weight: bold;margin-bottom: 50px;}
.left-classify li{text-align: center;padding: 0 15px;margin-bottom: 5px;}
.left-classify a{display: block;border: 1px solid #d5d5d5;border-radius: 50px;color: #757575;font-size: 15px;line-height: 34px;}
.left-classify li:last-child{margin-bottom: 10px;}
.left-classify li.active a{background: #006333;color: #fff;border-color: #006333;}
.left-city-group.active .left-city-group-title span{background: #006333;color: #fff;}
.stronghold-right{width: 75%;}
.stronghold-right-ul li{background: #fff;border-radius: 15px;padding: 20px;margin-bottom: 15px;}
.stronghold-right-image{width: 37%;position: relative;}
.stronghold-right-image img{width: 100%;vertical-align: middle;}
.stronghold-score{display: inline-block;background: #ffffff;border-radius: 50px;line-height: 30px;padding: 0 8px;color: #000000;font-size: 14px;font-weight: bold;position: absolute;z-index: 5;top: 10px;right: 10px;}
.stronghold-score span{color: #808080;font-size: 12px;font-weight: normal;margin-left: 3px;}
.stronghold-score i{color: #ffc033;font-size: 14px;margin-right: 3px;}
.stronghold-right-content{width: 60%;}
.stronghold-right-tag span{display: inline-block;line-height: 22px;padding: 0 5px;font-size: 12px;font-weight: bold;margin-bottom: 16px;margin-right: 5px;}
.stronghold-right-tag-one{background: #f9e8de;color: #F46A40;}
.stronghold-right-tag-two{background: #dbf1ee;color: #006333;}
.stronghold-right-tag-three{background: #def9e5;color: #006333;}
.stronghold-right-title{color: #4D4D4D;font-size: 18px;font-weight: bold;margin-bottom: 10px;}
.stronghold-right-group{color: #4D4D4D;font-size: 15px;font-weight: bold;margin-bottom: 12px;}
.stronghold-right-group a{color: #4D4D4D;text-decoration: underline;font-size: 15px;}
.stronghold-right-group p{color: #999999;font-size: 13px;font-weight: normal;}
.stronghold-right-link{margin: 0 -6px;}
.stronghold-right-link-group{float: left;width: 33.33%;box-sizing: border-box;padding: 0 6px;}
.stronghold-right-link a{background: #006333;display: block;line-height: 34px;color: #fff;font-size: 13px;border: 1px solid #006333;border-radius: 5px;text-align: center;}
.stronghold-right-link-other a{width: 100%;}
.stronghold-right-link .stronghold-right-link-google a{border: 1px solid #333333;color: #333333;background: none;}
.left-classify select{display: none;}
.alert-stronghold-main{display: none;position: fixed;width: 300px;left: 50%;margin-left: -150px;top: 50%;background: #fff;box-sizing: border-box;padding: 20px;margin-top: -159px;z-index: 1200;border-radius:15px;}
.alert-stronghold-title{color: #000000;font-size: 18px;font-weight: bold;margin-bottom: 15px;}
.alert-stronghold-group select{box-sizing: border-box;height: 40px;border-radius: 5px;background: #f2f2f2;color: #333333;font-size: 15px;font-weight: bold;border: none;width: 100%;padding: 0 10px;}
.alert-stronghold-group{margin-bottom: 10px;}
.alert-stronghold-group input{box-sizing: border-box;width: 100%;height: 40px;border-radius: 5px;background: #f2f2f2;color: #333333;font-size: 15px;font-weight: bold;-webkit-appearance: none;border: none;padding: 0 15px;}
.alert-stronghold-main button{height: 40px;width: 100%;border-radius: 5px;border: none;-webkit-appearance: none;color: #fff;font-size: 15px;font-weight: bold;text-align: center;background: #006333;cursor: pointer;}
.alert-stronghold-close{display: inline-block;color: #000000;font-size: 20px;position: absolute;right: 20px;top:18px;cursor: pointer;}
a:focus{outline: none!important;}
.stronghold-left-title i{display: none;}
.left-choice-mobile{display: none;}
.stronghold-search{background: #fff;padding: 15px 25px;border-radius: 15px;margin-bottom: 20px;}
.stronghold-search-name{color: #4D4D4D;font-size: 15px;font-weight: bold;line-height: 35px;}
.stronghold-search-link a{line-height: 35px;display: inline-block;margin-left: 10px;border: 1px solid #d2d2d2;color: #757575;font-size: 15px;font-weight: 600;border-radius: 50px;min-width: 105px;text-align: center;box-sizing: border-box;padding: 0 5px;cursor: pointer;}
.stronghold-search-link .active{border-color: #006333;background: #006333;color: #fff;}

/* 營業時間手風琴 */
.stronghold-hours{margin-bottom: 12px;}
.stronghold-hours-toggle{position: relative;color: #4D4D4D;font-size: 15px;font-weight: bold;cursor: pointer;line-height: 22px;padding-right: 20px;-webkit-user-select: none;user-select: none;}
.stronghold-hours-toggle i{display: inline-block;font-size: 16px;color: #4D4D4D;transition: transform 0.2s;margin-left: 8px;}
.stronghold-hours.active .stronghold-hours-toggle i{transform: rotate(180deg);}
.stronghold-status-dot{display: inline-block;width: 8px;height: 8px;border-radius: 50%;margin-right: 6px;vertical-align: middle;position: relative;top: -1px;}
.stronghold-status-open{background: #006333;box-shadow: 0 0 0 0 rgba(73,170,70,0.5);animation: stronghold-status-blink 1.2s ease-in-out infinite;}
.stronghold-status-closed{background: #E74C3C;}
.stronghold-status-open + .stronghold-status-text{color: #006333;font-size: 15px;font-weight: 600;}
.stronghold-status-closed + .stronghold-status-text{color: #E74C3C;}
.stronghold-status-text{margin-right: 8px;}
.stronghold-hours-today{font-weight: bold;color: #4D4D4D;font-size: 15px;}
.stronghold-hours-week{display: none;margin: 8px 0 0;padding: 0;list-style: none;padding-left: 19px;}
.stronghold-hours-week li{background: none;border-radius: 0;padding: 0;margin: 0;color: #4D4D4D;font-size: 15px;font-weight: 600;line-height: 31px;}
.stronghold-hours-week .stronghold-hours-day{min-width: 57px;line-height: 31px;font-weight: 600;display: inline-block;font-size: 15px;font-weight: 600;}
.stronghold-hours-week .stronghold-hours-time{font-weight: 600;line-height: 31px;font-size: 15px;font-weight: 600;}
@keyframes stronghold-status-blink{
	0%,100%{opacity: 1;box-shadow: 0 0 0 0 rgba(73,170,70,0.45);}
	50%{opacity: 0.35;box-shadow: 0 0 0 4px rgba(73,170,70,0);}
}
.stronghold-status-text-other{color: #C94B4B;font-size: 15px;font-weight: 600;}
.stronghold-status-spacer{visibility: hidden;animation: none;background: transparent;box-shadow: none;}
.stronghold-hours-today-spacer{visibility: hidden;}
.width-50{width:50%;}

@media (min-width:1080px) {
	.left-city-group-title:hover,.left-city-group li:hover,.left-classify a:hover,.stronghold-right-group a:hover,.stronghold-right-link a:hover{opacity: 0.8;}
	.alert-stronghold-main button:hover{opacity: 0.8;}
	.stronghold-right-link a:hover{opacity: 0.8;}
	.stronghold-right-link .stronghold-right-link-google a:hover{opacity: 1;background: #006333;border-color: #006333;color: #fff;}
	.stronghold-search-link a:hover{background: #006333;color: #fff;}
}
@media (min-width:768px) {
	.left-city-none{display: block!important;}
}
@media (max-width:767px) {
	.stronghold-left,.stronghold-right{width: 100%;}
	.stronghold-main{padding: 30px 0;}
	.stronghold-body-title{margin-bottom: 20px;font-size: 23px;}
	.stronghold-right{margin-top: 10px;}
	.stronghold-right-image,.stronghold-right-content{width: 100%;}
	.stronghold-right-content{margin-top: 15px;}
	.left-classify ul{display: none;}
	.left-classify{position: relative;padding-left: 100px;box-sizing: border-box;padding-right: 15px;padding-top: 10px;padding-bottom: 10px;}
	.left-classify .stronghold-left-title{position: absolute;left: 0;top: 10px;line-height: 36px;}
	.left-classify select{display: block;height: 36px;font-size: 15px;font-weight: bold;border: 1px solid #cfcfcf;border-radius: 50px;width: 100%;box-sizing: border-box;padding: 0 15px;}
    .left-city-none{display: none;}
    .stronghold-left-title i{color: #1A1A1A;font-size: 15px;line-height: 23px;display: block;}
    .left-city .stronghold-left-title{margin-bottom: 0;}
    .left-city{margin-bottom: 10px;}
    .left-city.active .stronghold-left-title i{transform: rotate(180deg);}
    .left-city.active .stronghold-left-title{margin-bottom: 10px;}
    .left-city-group.active .left-city-group-title{padding: 10px 15px 10px 20px;}
    .left-city-group li{padding: 7px 25px;}
    .left-choice-mobile{display: block;margin-top: 10px;}
    .stronghold-search{display: none;}
    .stronghold-right-link-group{width: 100%;padding: 0;margin-bottom: 10px;}
    .stronghold-right-link-group:last-child{margin-bottom: 0;}
}
/*凱華新發回來的*/