.ui-front {
	/*border: 1px solid #F89F7E;*/
	z-index: 8001;
	font-family: "微軟正黑體";
	padding: 10px;
-moz-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
-webkit-box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.5);
}
/*.dialog_style1 {color:#000;}*/
.dialog_style1 .ui-dialog-content,
.dialog_style2 .ui-dialog-content{padding: 0px;}
.dialog_style1 .ui-widget-header,
.dialog_style2 .ui-widget-header{padding: 0px;}
.dialog_style1 .ui-widget-header,
.dialog_style2 .ui-widget-header{
	/*background-color: #FFF;color: #FF6600;border-bottom: 2px solid #FCD1C1;*/
	background-image: none;
	font-size: 20px;
	line-height: 35px;
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-top: 0px;
}
.dialog_style1 .ui-dialog-titlebar-close,
.dialog_style2 .ui-dialog-titlebar-close{top: 10px;right: 0px;}
.dialog_style1 .ui-state-default,
.dialog_style2 .ui-state-default{
    height: 30px;
    width: 30px;
	border-style: none;
}
.dialog_style1 .ui-state-default .ui-icon{
	background-image: url(../images/closepage.png);
	background-repeat: no-repeat;
	height: 30px;
	width: 30px;
	display: block;
	background-position: left top;
	left: calc((100% - 21px) / 2);
	top: calc((100% - 21px) / 2);
}
.dialog_style2 .ui-state-default .ui-icon{
	background-image: url(../images/closepage.png);
	background-repeat: no-repeat;
	height: 38px;
	width: 38px;
	display: block;
	background-position: left top;
	left: calc((100% - 21px) / 2);
	top: calc((100% - 21px) / 2);
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 0px/*{cornerRadius}; */;border-bottom-left-radius:0px/*{cornerRadius}*/;}
.dialog_style2{padding: 20px;}
.dialog_style2 .ui-widget-header{background-color: #FFF;border-bottom: none;}

@media screen and (min-width: 769px) {
.ui-corner-all{-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.ui-dialog .ui-dialog-titlebar{-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;}
.dialog_style1 .ui-dialog-titlebar:before{display: none;position:absolute; content:''; width:15px; height:15px; border-style:solid; border-width:1px;/* border-color:transparent #F89F7E #F89F7E transparent; background:#fff;*/ left:50%; top:-18px; transform:rotateZ(225deg);} 

}
@media screen and (max-width: 480px) {
.dialog_style1 {width:100%}
}

