@charset "utf-8";
/* CSS Document */

/*arrow please灰*/

.arrow_box {
	position: relative;
	background: rgba(240,219,248,1.00);
	border: 1px solid #D9D7D7;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(247,245,245,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(247,245,245,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(247,245,245,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(247,245,245,1.00) 100%);
}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #D9D7D7;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #D9D7D7;
	border-width: 12px;
	margin-left: -12px;
}

.arrow_box{padding:20px; border-radius:10px;}


/*紫Purple*/

.arrow_box_Purple {
	position: relative;
	background-color: #b23e95;
	border: 1px solid #726AE1;
	background-image: -webkit-linear-gradient(270deg,rgba(247,245,248,1.00) 0%,rgba(240,219,248,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(247,245,248,1.00) 0%,rgba(240,219,248,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(247,245,248,1.00) 0%,rgba(240,219,248,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(247,245,248,1.00) 0%,rgba(240,219,248,1.00) 100%);
}
.arrow_box_Purple:after, .arrow_box_Purple:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_Purple:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #726AE1;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box_Purple:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #726AE1;
	border-width: 12px;
	margin-left: -12px;
}

.arrow_box_Purple{padding:20px; border-radius:10px;}


/*綠Green*/

.arrow_box_Green {
	position: relative;
	background-color: #a5d299;
	border: 1px solid #82C43D;
	background-image: -webkit-linear-gradient(270deg,rgba(237,245,241,1.00) 0%,rgba(188,221,161,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(237,245,241,1.00) 0%,rgba(188,221,161,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(237,245,241,1.00) 0%,rgba(188,221,161,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(237,245,241,1.00) 0%,rgba(188,221,161,1.00) 100%);
}
.arrow_box_Green:after, .arrow_box_Green:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_Green:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #82C43D;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box_Green:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #82C43D;
	border-width: 12px;
	margin-left: -12px;
}

.arrow_box_Green{padding:20px; border-radius:10px;}


/*橘Orange*/

.arrow_box_Orange {
	position: relative;
    background: #fac300;
	border: 1px solid #e84d07;
}
.arrow_box_Orange:after, .arrow_box_Orange:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box_Orange:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #fac300;
	border-width: 10px;
	margin-left: -10px;
}
.arrow_box_Orange:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #e84d07;
	border-width: 12px;
	margin-left: -12px;
}

.arrow_box_Orange{padding:20px; border-radius:10px;}