@charset "utf-8";
/*===============上面這是清除css原預設格式===============*/

.mypets,.thepet{ display: none;}



.mypets{
	cursor: hand;
	cursor: pointer;
	font-size:18px;
	line-height: 26px;
	font-family: 'Raleway';
	font-weight:600;
	width:100%;
	box-sizing:border-box; 
	padding:10px 35px 10px 20px;
	color: #10810a;
	position: relative;
	transition: 0.1s ease-in-out;
}
.mypets::after{
	content: '\e927';
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 10;
	font-weight: normal;
	font-family: 'icomoon' !important;
	font-size: 14px;
}
.openpet,.mypets:hover{
font-size:18px;
line-height: 26px;
font-family: 'Raleway';
font-weight:600;
padding:10px 35px 10px 20px;
color:#fff; 
background: #10810a;
}
.openpet::after{
	content: '\ea0b';
	position: absolute;
	right: 20px;
	top: 10px;
	z-index: 10;
	font-weight: normal;
	font-family: 'icomoon' !important;
	font-size: 14px;
}

.thepet{color:#ae0e16; box-sizing:border-box;}
.thepet li{position: relative; }

.thepet li a{ color:#000; display:block; width:100%; padding:10px 20px 10px 35px; font-size:18px;transition: 0.2s ease-in-out;
	line-height: 30px;
	font-family: 'Raleway';	box-sizing:border-box;background: #eeeeee;   }
.thepet li a:hover{ color:#000; background:#e0e0e0; padding:10px 20px 10px 45px;}

.thepet li a::before{
	content: '\e90d';
	position: absolute;
	left: 20px;
	top: 12px;
	z-index: 10;
	color: #10810a;

	font-family: 'icomoon' !important;
	font-size: 14px;
	transition: 0.2s ease-in-out;
}
.thepet li a:hover::before{ left: 30px;}

@media only screen and (max-width: 1024px){
.mypets,.thepet{ margin:0; width:100%; display: block;}
}