@CHARSET "UTF-8";

div.bDialog {
	border: none;
	
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: none;
	overflow: hidden;
	-webkit-overflow-scrolling: touch;
	outline: 0;
	background-color: transparent;
	
	margin: 0px;
	width: 100%;
}
div.bDialog.in div.modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

/* 窗口最大化功能 */
div.bDialog.maximize {
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
div.bDialog.maximize div.modal-dialog {
	width: 100% !important;
	height: 100% !important;
}
div.bDialog.maximize div.modal-content {
	height: 100% !important;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}



div.bDialog div.modal-dialog {
	position: relative;
	margin: 0px auto;
	width: 100%;
}
div.bDialog div.modal-content {
	position: relative;
	-webkit-box-shadow: 0 5px 30px rgba(0,0,0,0.9);
	box-shadow: 0 5px 30px rgba(0,0,0,0.9);
	background-color: white;
	
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
div.bDialog div.modal-header {
	-webkit-border-top-left-radius: 2px;
    -moz-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
	-webkit-border-top-right-radius: 2px;
    -moz-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
	padding: 5px 15px;
}
div.bDialog div.modal-header h3 {
	margin: 0;
    line-height: 30px;
}
div.bDialog div.modal-body {
	padding: 5px;
	overflow: hidden;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
}
div.bDialog div.modal-body iframe {
	position: relative;
	display: block;
}
div.bDialog div.modal-header button.close {
	opacity: 0.3;
	font-size: 26px !important;
}
div.bDialog div.modal-header button.close:hover {
	opacity: 1;
}
div.bDialog div.modal-header button.bDialogCloseButton {
	font-weight: normal;
}
div.bDialog div.modal-header button.maximize {
	margin-right: 5px;
	margin-top: 1px;
	font-size: 25px !important;	
}
div.modal-backdrop, div.modal-backdrop.fade.in {
	opacity: 0.8;
	background-color: black;
}




div.bDialog.fullWidth {
	width: 100%;
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}
div.bDialog.fullWidth  div.modal-header {
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    background-color: white;
    border-bottom: 0px;
}
div.bDialog.fullWidth  div.modal-header h3 {
	text-align: center;
}
div.bDialog.fullWidth div.modal-content {
	-webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
}

/*
Animate.css - http://daneden.me/animate
Licensed under the ☺ license (http://licence.visualidiot.com/)

Copyright (c) 2012 Dan Eden
*/

.animated {
	-webkit-animation-duration: 1s;
	   -moz-animation-duration: 1s;
	     -o-animation-duration: 1s;
	        animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	   -moz-animation-fill-mode: both;
	     -o-animation-fill-mode: both;
	        animation-fill-mode: both;
}

@-webkit-keyframes shake {
	0%, 100% {-webkit-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);}
}

@-moz-keyframes shake {
	0%, 100% {-moz-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-moz-transform: translateX(10px);}
}

@-o-keyframes shake {
	0%, 100% {-o-transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);}
	20%, 40%, 60%, 80% {-o-transform: translateX(10px);}
}

@keyframes shake {
	0%, 100% {transform: translateX(0);}
	10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);}
	20%, 40%, 60%, 80% {transform: translateX(10px);}
}

.shake {
	-webkit-animation-name: shake;
	-moz-animation-name: shake;
	-o-animation-name: shake;
	animation-name: shake;
}