@import url(../warp/css/layout.css);
.img{border-radius: 5px;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);width: 100%;height: auto;}
.img2 {max-width:260px; width:auto;height:350px;border-radius: 5px;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);}
.imi{width: 100%;height: auto;}

.ima{border-radius: 5px;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);display: inline;height: 130px;position: relative;padding: 1%;width: auto;}

.im{border-radius: 5px;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);display: inline;width: 200px;position: relative;padding: 1%;height: auto;}

.junewsultra{width:100%; display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;-webkit-flex-wrap: wrap;-moz-flex-wrap: wrap;-ms-flex-wrap: wrap;-o-flex-wrap: wrap;flex-wrap: wrap;justify-content: space-around;}
.junews img{max-width:190px; display: inline-block;  -webkit-flex-grow: 1;-moz-flex-grow: 1;-ms-flex-grow: 1;-o-flex-grow: 1;flex-grow: 1;box-shadow: 0px 5px 10px #000000;height: auto;transition: all 0.2s cubic-bezier(0, 0, 1, 1) 0;margin:7px;}
.junews img:hover {transform: scale(1.1);z-index: 10000;}

.jun {width: 100%; height: auto;border-radius: 5px;border: 1px solid rgba(0, 0, 0, 0.2);box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);margin:0 0 10px 0;}

#hpvgd,.h-mdiv,.h-mdiv2,.h-ldiv,.h-rdiv {background:#EAEAEA; color:#6D6D6D;}
#hpvgd {width:100%; z-index:100; width:100%; border-bottom:2px solid rgb(230,230,230);}
.h-mdiv {display:none; position:relative; margin:auto; text-alegn:center;}
.h-mdiv2 {display:none; position:fixed; margin:auto; text-alegn:center; width:400px; height:200px;}
.h-ldiv {float:left; padding:7px 10px 7px 0px;}
.h-rdiv {position:absolute; top:7px; right:0px; text-align:right;}
.h-ni {display:none !important;}
a.hcmaf {color:red; margin-left:5px; font-size:20px; font-weight:bold;}
a.h-anl {color:#2a72cc;}
a.h-al {color:#ED664B;}
.h-fi {font-weight:bold; border-radius:50%; padding:0px 8px; margin-right:5px; font-size:19px;}
.h-background-1 {color:#fff !important; background:#000 !important;}
.h-background-2 {color:#000 !important; background:#fff !important;}

 .zlat * {
                background:transparent none repeat scroll 0 0 !important;
                border:medium none !important;
                clear:none !important;
                clip:rect(auto, auto, auto, auto) !important;
                font-size:100% !important;
                font-style:normal !important;
                font-variant:normal !important;
                font-weight:normal !important;
                height:auto !important;
                letter-spacing:normal !important;
                line-height:normal !important;
                margin:0 !important;
                overflow:visible !important;
                padding:0 !important;
                position:static !important;
                text-align:left !important;
                text-decoration:none !important;
                text-indent:0 !important;
                text-transform:none !important;
                vertical-align:baseline !important;
                visibility:visible !important;
                white-space:normal !important;
                width:auto;
                word-spacing:normal !important;
                z-index:auto !important;
                cursor: pointer!important;
                word-wrap: break-word!important;
            }
            .zlat li {
                display:list-item !important;
                list-style-image:none !important;
                list-style-position:outside !important;
                list-style-type:none !important;
                display: inline;
            }
            .zlat li DIV {
                padding:0.5em !important;
            }

            .zlat DIV, .zlat TABLE {
                padding: 5px !important;
            }

            .zlat {
                width: auto!important;
                font-family: Verdana!important;
                font-size: 10px!important;
                border: 0px solid #000aae!important;
                background-color: transparent!important;
                padding:5px!important;
                display:block!important;
                
            }
            .zlat_icnt, .zlat_icnt * {
                text-align: left!important;
            }

            .zlat_text, .zlat_text A, .zlat_text A:hover {
                color: #000000!important;
                font-size: 10px!important;
                text-decoration: none!important;
            }
            .zlat_url {
                color: #7d807d!important;
                font-size: 10px!important;
                text-decoration: none!important;
            }
            .zlat_header, .zlat_header A {
                color: #808080!important;
                font-size: 12px!important;
                font-weight: bold!important;
                text-decoration: underline!important;
            }
            .zlat_sign {
                color: #999999!important;
                font-size: 10px!important;
                text-align: left!important;
                text-decoration: none!important;
            }

            .zlat_clear {
                clear:both!important;
            }

            .zlat TABLE {
                width: 100%!important;
                border: 0px!important;
            }




.contentа { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow:hidden; 
} 
.contentа iframe, 
.contentа object, 
.contentа embed {
  position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%;
  height: 100%; 
}
/* Spacing
----------------------------------------------------------------------------------------------------*/

#header,
#content,
#breadcrumbs,
.module { margin: 5px; }

#header { margin-bottom: 10px; }

#toolbar {background-color: #3d3d3d;color: #d4d4d4;padding: 0px 0 4px;font-size: 24px;}
#toolbar a{color: #d4d4d4;}
#toolbar i{margin:0 10px;vertical-align: middle;}
.page-numbers {font-size: 8px; display: inline-block;vertical-align: middle;}



.modal-content {padding: 30px;font-size: 14px;}
.modal-content .modal-footer {max-height: 40px;line-height: 40px;font-weight: 500;text-align: center;}
.modal-content .modal-body .forget-name-link {max-height: 30px;line-height: 30px;font-weight: 400;margin-left: 10px;padding-top: 5px;float: left !important;}
.modal-header .close {margin-top: -2px;position: absolute;right: 10px;top: 10px;padding: 10px;text-align: center;-webkit-transition: .3s;-moz-transition: .3s;-o-transition: .3s;transition: .3s;}
.modal-content .modal-body .remember-wrap {width: 100%;overflow: hidden;min-height: 70px;text-align: left;padding: 25px;}



.pull-left {margin-right: 20px;margin-bottom: 3px;}
.pull-center {text-align: center;}
.modal-content .modal-body .button-wrap {position: relative;line-height: 42px;float: left;}
.btn, .sppb-btn {
    -webkit-transition: color 400ms, background-color 400ms, border-color 400ms;
    -moz-transition: color 400ms, background-color 400ms, border-color 400ms;
    -o-transition: color 400ms, background-color 400ms, border-color 400ms;
    transition: color 400ms, background-color 400ms, border-color 400ms;
    padding: 8px 28px;
    margin-right: 3px;
    border: 1px solid transparent;
    outline: 0;
}
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    display: block;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -moz-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.modal-content .modal-body input[type="text"] {
    margin: 20px 0;
}

.modal-content .modal-body .input-block-level {
    min-height: 44px;
}




#headerbar { margin-bottom: 5px; width:100%;}

#footer { margin: 15px 5px; }

#footer .module { margin: 0; }


/* Layout
----------------------------------------------------------------------------------------------------*/

/* Block Elements */
#block-main {
	background: url(../images/main.svg) 50% -400px no-repeat;
	background-size: 1800px 800px;
}

#block-main > div {
	padding: 5px 0;
	background: url(../images/main_b.png) 0 100% repeat-x;
}

#block-bottom {
	padding: 10px 0;
	background:
		url(../images/bottom_t.png) 0 0 repeat-x,
		url(../images/bottom_b.png) 0 100% repeat-x,
		url(../images/bottom.png) 0 0 repeat;
}

#block-footer {
	padding: 10px 0;
	background: url(../images/footer.png) 0 0 repeat-x;
}

#block-main + #block-footer { background: none; }


/* Menubar */
#menubar {
	position: relative;
	height: 43px;
	padding-bottom: 4px;
	border-bottom: 1px solid #a0a0a0;
	border-bottom: 1px solid rgba(0,0,0,0.25);
	border-radius: 4px;
	background-clip: padding-box;
}

#menubar-r {
	height: 47px;
	border-radius: 0 4px 4px 0;
	box-shadow: 0 3px 2px rgba(0,0,0,0.15);
	overflow: hidden;
}

#menubar-r > div {
	height: 42px;
	border-top: 1px solid #d3d3d3;
	border-right: 1px solid #d3d3d3;
	border-radius: 0 4px 4px 0;
	background-color: #f7f7f9;
	background-clip: padding-box;
	box-shadow: inset 0 0 0 1px #fff;
}

#search {
	position: absolute;
	top: 9px;
	right: 9px;
}

/* Breadrumbs */
#breadcrumbs {
	margin-bottom: 10px;
	font-size: 14px;
}

/* Content */
#content {
	border: 1px solid #d2d2d2;
	border: 1px solid rgba(0,0,0,0.1);
	border-bottom-color: #9d9d9d;
	border-bottom-color: rgba(0,0,0,0.25);
	padding-bottom: 4px;
	border-radius: 4px;
	background: #d2d2d2 url(../images/mod_box.png) 0 100% repeat-x;
	background-clip: padding-box;
	box-shadow: 0 1px 2px rgba(0,0,0,0.08);
}

#content > div {
	padding: 20px;
	border-radius: 3px;
	background: #f7f7f9;
	box-shadow: inset 0 0 0 1px #fff;
}

/* Footer */
#footer { text-align: left; }

#footer .menu { margin-bottom: 8px; }

#footer a:hover { color: #444; }

#totop-scroller {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	width: 19px;
	height: 19px;
	background: url(../images/totop_scroller.png) 0 0 no-repeat;
	text-decoration: none;
}

#totop-scroller:active { background-position: 0 -30px; }
.mmm, .mmm a, .mmm a:hover {color:#DCE6E2;}