@charset "utf-8";
/* CSS Document */
.box_wrapper{ padding:10px;background-color:#333;}

.boxy-content a img{
	width: 650px;
	height:400px; ;
}

@media (max-width: 768px) {
	.boxy-wrapper{
		position:absolute; 
		background:#fff;
	    left: 5%;
	    width: 89%;
	    top: 30%;
	    border: 1px solid #f5f7f6;
	}
	.boxy-content a img{
		width: 100%;
		height:100%;
	}


}

@media (min-width: 768px) and (max-width: 992px){
	.boxy-wrapper{
		position:absolute; 
		background:#fff;
	    left: 5%;
	    width: 89%;
	    top: 30%;
	    border: 1px solid #f5f7f6;
	}
}
@media (min-width: 992px) and (max-width: 1200px){
	.boxy-wrapper{position:absolute; width:750px; background:#fff;}
}
@media (min-width: 1200px){
	.boxy-wrapper{position:absolute; width:750px; background:#fff;}
}



.boxy-wrapper.fixed{position:fixed;}
/* Modal */
.boxy-modal-blackout{position:absolute; background-color:#000; left:0; top:0;}
/* Border */
.boxy-wrapper{empty-cells:show;}
.boxy-wrapper .top-left,.boxy-wrapper .top-right,.boxy-wrapper .bottom-right,.boxy-wrapper .bottom-left{width:0px; height:0px; padding:0}
/*.boxy-wrapper .top-left{background:url(../user_images/boxy-nw.png);}
.boxy-wrapper .top-right{background:url(../user_images/boxy-ne.png);}
.boxy-wrapper .bottom-right{background:url(../user_images/boxy-se.png);}
.boxy-wrapper .bottom-left{background:url(../user_images/boxy-sw.png);}*/
/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
/* NB:these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left{#background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../user_images/boxy-nw.png);}
.boxy-wrapper .top-right{#background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../user_images/boxy-ne.png);}
.boxy-wrapper .bottom-right{#background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../user_images/boxy-se.png);}
.boxy-wrapper .bottom-left{#background:none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../user_images/boxy-sw.png);}
.boxy-wrapper .top,.boxy-wrapper .bottom{/*height:10px;*/ /*background-color:#000;*/ opacity:0.6; filter:alpha(opacity=60); padding:0}
.boxy-wrapper .left,.boxy-wrapper .right{/*width:10px;*/ /*background-color:#000;*/ opacity:0.6; filter:alpha(opacity=60); padding:0}
/* Title bar */
.boxy-wrapper .title-bar{padding: 15px;
    position: relative;
    border-bottom: 1px solid #dfdfdf;}
.boxy-wrapper .title-bar.dragging{cursor:move;}
.boxy-wrapper .title-bar h2{font-size:16px; color:#333; line-height:1; margin:0; padding:0; font-weight:bold;}
.boxy-wrapper .title-bar .close{color:#000; position:absolute; top:15px; right:16px; font-size:15px;/*background:url(../user_images/cha2.png);*/ /*width:16px; height:16px;*//* overflow:hidden;*/ /*text-indent:16px; line-height:16px;*/}
/* Content Region */
.boxy-inner{background-color:white; padding:0}
.boxy-content{padding:15px;}
/* Question Boxes */
.boxy-wrapper .question{width:350px; min-height:60px; _height:60px;}
.boxy-wrapper .answers{text-align:right;}
/*confirm btn by zhangxinxu http://www.zhangxinxu.com*/
.boxy-btn1,.boxy-btn2,.boxy-btn3{padding:3px 12px 1.9px; border-width:1px; border-style:solid; letter-spacing:1px; line-height:15px; cursor:pointer; overflow:visible;}
.boxy-btn1{background-color:#425f99; border-color:#5A7EC6 #2C3E5F #2C3E5F #5A7EC6; color:white;}
.boxy-btn2{background-color:#ECE9D8; border-color:#eeeeee #bbbbbb #bbbbbb #eeeeee; color:#333333;}
.boxy-btn3{background-color:#EAEAEA; border-color:#EAEAEA #aaaaaa #aaaaaa #EAEAEA; color:#333333; padding:3px 5px 1.9px;}

.boxy-btn3:hover{background-color:#cad5eb; border-color:#CED8E3 #A2ADBC #A2ADBC #CED8E3;}


@media (max-width: 768px) {
	.boxy-wrapper{
		z-index: 1337;
		visibility: visible;
		left: 3%;
    	top: 2%;
		width: 94%;
		opacity: 1;
	}
	.boxy-content a img{
		width: 100%;
		height:100%; ;
	}
}
@media(min-width: 0px) and (max-width: 991px) {
	.boxy-wrapper.fixed{
		left: 10%;
	}
	#attachmentBBox{
		overflow-y: scroll;
	}
}