﻿/*
Theme Name: MI_WP
Theme URI: 
Author: MI_WP
Author URI: 
Description: MI_WP
Version: 1.0
*/


html{
	box-sizing:content-box;
	width:calc(100%);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

body{
	position:absolute;
	display:block;
	font-family:Arial;
	font-style:normal;
	
	word-break:break-all;
	box-sizing:content-box;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	
	width:calc(100%);
	min-width:400px;
	max-width:calc(100%);
	min-height:100vh;
	
	font-size:14px;
	line-height:28px;
	font-weight:300;
	
	word-wrap: break-word;
	word-break: break-word;
	
	color:rgba(0,0,0,1);
	background: rgba(211, 211, 211, 0.11);
}
a{
	transition:0.4s;
	text-decoration:none;
	color:rgba(7, 105, 164, 0.94);
}
a:hover{
	text-decoration:underline;
	color:rgba(206, 39, 0, 0.95);
}

p{
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 6px 10px 6px 10px;
	width: calc(100% - 20px);
}
img{
	max-width:calc(100%);
}


strong{
	font-weight:600;
	padding:0px 2px 0px 2px;
}
u{
	padding:0px 2px 0px 2px;
}




.MWPX{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:calc(100%);
}
.MWPX_MAIN{
	display:block;
	overflow:hidden;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	max-width:calc(1600px);
}


.MWPX_BODY{
	float:left;
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	width:calc(100%);
	min-height:calc(100vh - 101px - 212px);
	
	background: rgba(211, 211, 211, 0.11);
	background: rgba(255, 255, 255,1);
}





header{/*101px*/
	border-bottom:1px solid rgb(0,0,0,0.055);
}
header .MWPX_MAIN{
	/**/
}
header .secLeft{
	float:left;
	display:flex;
	align-items:center;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:200px;
	height:100px;
}
header .secLeft img{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	max-width:calc(100% - 10px);
	max-height:90px;
}
header .secLeft img:hover{
	background:rgb(0,0,0,0.038);
}
header .secRight{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:calc(100% - 200px);
	height:100px;
}
header .secTop{/*30PX*/
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	width:calc(100% - 10px);
	line-height:20px;
	height:20px;
	overflow:hidden;
	text-align:right;
}
header .secTop a{
	margin:0px 3px 0px 3px;
	padding:0px 3px 0px 3px;
	text-decoration:none;
	transition:0.3s;
}
header .secTop a:hover{
	text-decoration:underline;
}

header .secMain{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:calc(100% - 0px);
	transition:0.4s;
}
header .secNav{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	width:calc(100% - 250px);
	line-height:40px;
	height:40px;
}
header .secNav a{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 15px 0px 15px;
	transition:0.4s;
	font-size:15px;
	color:rgb(0,0,0,1);
}
header .secNav a:hover{
	background:rgb(0,0,0,1);
	color:rgb(255,255,255);
	background: rgba(219, 203, 68, 0.11);
	color: rgb(5, 84, 123);
}

header .secSearch{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	width:250px;
	height:40px;
}
header .secSearch input{
	float:left;
	display:block;
	box-sizing:content-box;
	outline:none;
	margin:8px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	width:100px;
	width:calc(100% - 11px - 80px);
	line-height:28px;
	height:28px;
	border:1px solid rgb(0,0,0,0.22);
	border-right:none;
	background:none;
}
header .secSearch .SearchSubmit{/*80px*/
	float:left;
	display:block;
	margin:8px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:79px;
	line-height:28px;
	height:28px;
	text-align:center;
	border:1px solid rgb(0,0,0,0.22);
	border-left:none;
	background:rgb(238,238,238);
	color:rgba(21,21,21,0.81);
	font-size:14px;
	transition:0.4s;
	cursor:pointer;
	letter-spacing:0.2px
}
header .secSearch .SearchSubmit:hover{
	background:rgba(0,0,0,0.09);
	color:rgb(15,15,15);
}
@media screen and (min-width:0px) and (max-width:1500px){
	header .secNav a{
		float:left;
		display:block;
		margin:0px 0px 0px 0px;
		padding:0px 10px 0px 10px;
	}
}
@media screen and (min-width:0px) and (max-width:1400px){
	header .secNav a{
		float:left;
		display:block;
		margin:0px 0px 0px 0px;
		padding:0px 5px 0px 5px;
	}
}
@media screen and (min-width:0px) and (max-width:1300px){
	header .secLeft {
		margin: 0px 0px 0px 0px;
		padding: 5px 5px 5px 5px;
		width:calc(100% - 10px);
		height:auto;
	}
	header .secLeft a{
		display:block;
		margin:0px auto 0px auto;
	}
	header .secRight {
		margin: 0px 0px 0px 0px;
		padding: 0px 5px 0px 5px;
		width: calc(100% - 10px);
		height:auto;
	}
	header .secNav a{
		float:left;
		display:block;
		margin:0px 0px 0px 0px;
		padding:0px 8px 0px 8px;
	}
	
}
@media screen and (min-width:0px) and (max-width:1200px){
	header .secNav {
		width: calc(100% - 0px);
		padding: 0px 0px 0px 0px;
		height:auto;
	}
	header .secSearch {
		width: calc(100% - 0px);
		padding: 0px 0px 0px 0px;
	}
}












footer{
	letter-spacing:0.3px;
	font-size:13px;
	border-top:1px solid rgb(0,0,0,0.055);
}
footer .MWPX_MAIN{
	/**/
}

footer .sectionCopy{/*50px*/
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:15px 10px 5px 10px;
	width:calc(100% - 20px);
	line-height:30px;
	color:rgba(0,0,0,1);
	text-align:center;
}
footer .sectionCopy a{
	transition:0.4s;
	color:rgba(0,0,0,1);
}
footer .sectionCopy a:hover{
	text-decoration:underline;
}


footer .sectionMain{
	display:flex;
}
footer .sectionLeft{
	float:left;
	display:block;
	width:calc(400px);
}
footer .sectionLogo{
	
}
footer .sectionLogo a{
	display:inline;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
}
footer .sectionLogo img{
	display:block;
	margin:0px auto 0px auto;
	padding:10px 0px 10px 0px;
}
footer .sectionSocial{/*50px*/
	margin:0px 0px 0px 0px;
	padding:2px 10px 2px 10px;
	width:calc(100% - 20px);
	line-height:20px;
	text-align:center;
	font-size:0px;
}
footer .sectionSocial a{
	font-size:0px;
	color:rgb(255,255,255,0.0001);
}
footer .sectionSocial img{
	display:inline-block;
	margin:0px 5px 0px 5px;
	padding:0px 5px 0px 5px;
	width:20px;
	height:20px;
}
footer .sectionMeta{/*50px*/
	margin:0px 0px 0px 0px;
	padding:2px 10px 2px 10px;
	width:calc(100% - 20px);
	line-height:26px;
	text-align:center;
}
footer .sectionRight{
	float:left;
	display:block;
	width:calc(100% - 400px);
}
footer .sectionDivx{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
}
footer .sectionDiv3{
	width:calc(100%/3 - 20px);
}
footer .sectionDivx .Title{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	width:calc(100% - 20px);
	color:rgb(0,0,0,0.75);
}
footer .sectionDivx .Body{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	width:calc(100% - 10px);
	color:rgb(0,0,0,1);
}
footer .sectionDivx .Body a{
	text-decoration:underline;
	transition:0.4s;
}
footer .sectionDivx .Body a:hover{
	color:rgba(30, 170, 202, 0.86);
	color:rgba(0, 0, 0, 0.62);
}
@media screen and (min-width:0px) and (max-width:1000px){
	footer .sectionMain{
		display: block;
	}
	footer .sectionLeft{
		float: left;
		display: block;
		width: calc(300px);
	}
	footer .sectionRight{
		float: left;
		display: block;
		width: calc(100% - 300px);
	}
}
@media screen and (min-width:0px) and (max-width:900px){
	footer .sectionMain{
		display: block;
	}
	footer .sectionLeft{
		float: left;
		display: block;
		width: calc(200px);
	}
	footer .sectionRight{
		float: left;
		display: block;
		width: calc(100% - 200px);
	}
}
@media screen and (min-width:0px) and (max-width:900px){
	footer .sectionMain{
		display: block;
	}
	footer .sectionLeft{
		float: left;
		display: block;
		width: calc(100%);
	}
	footer .sectionRight{
		float: left;
		display: block;
		width: calc(100% - 0px);
	}
}
@media screen and (min-width:0px) and (max-width:600px){
	footer .sectionMain{
		display: block;
	}
	footer .sectionLeft{
		float: left;
		display: block;
		width: calc(100%);
	}
	footer .sectionRight{
		float: left;
		display: block;
		width: calc(100% - 0px);
	}
	footer .sectionDiv3 {
		width: calc(100%/1 - 20px);
	}
	footer .sectionDivx .Title {
		text-align:center;
	}
}


img.aligncenter{
	display:block;
	max-width:calc(100% - 10px);
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	height: auto;
}















/*-----------------------------------------
--------------------APP--------------------
-----------------------------------------*/
.mwpxAppNavBread{/*40px*/
	line-height:20px;
	margin:2px 10px 2px 10px;
	padding:8px 0px 8px 0px;
	width:calc(100% - 20px);
	font-size:13px;
	border-bottom:1px solid rgb(0,0,0,0.04);
}
.mwpxAppNavBread .Option{
	display:inline-block;
	padding:0px 3px 0px 3px;
	color:rgb(0,0,0,0.66);
}
.mwpxAppNavBread .OptionSpace{
	display:inline-block;
	padding:0px 2px 0px 2px;
	color:rgb(0,0,0,0.35);
}



.MWPX_APP_NAV_BREAD_LABEL:after{
	content:':';
}
.MWPX_APP_NAV_BREAD_MIDDLE{
	padding:0px 3px 0px 3px;
	color:rgb(0,0,0,0.88);
}
.MWPX_APP_NAV_BREAD_THIS{
	padding:0px 3px 0px 3px;
	color:rgb(0,0,0,0.99);
}
.MWPX_APP_NAV_BREAD_ARROW{
	
}
.MWPX_APP_NAV_BREAD_ARROW:before{
	content:'>';
	padding:0px 3px 0px 3px;
	color:rgb(0,0,0,0.66);
}




.mwpxAppTitleS1{/*50px*/
	float: left;
	display: block;
	margin: 5px 5px 5px 5px;
	padding: 5px 10px 5px 10px;
	width: calc(100% - 30px);
	text-align: left;
	font-size: 18px;
	line-height: 38px;
	font-weight: 400;
}
.mwpxAppTitleS2{
	float: left;
	display: block;
	margin: 3px 5px 3px 5px;
	padding: 3px 10px 3px 10px;
	width: calc(100% - 30px);
	text-align: left;
	font-size: 16px;
	line-height: 32px;
	font-weight: 400;
}
.mwpxAppTitleS3{
	float: left;
	display: block;
	margin: 1px 5px 1px 5px;
	padding: 1px 10px 1px 10px;
	width: calc(100% - 30px);
	text-align: left;
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
}


.mwpxAppListAtl{
	
}
.mwpxAppListAtl .Object{
	margin:2px 5px 2px 5px;
	padding:15px 10px 15px 10px;
	width:calc(100% - 30px);
	border-bottom:1px dashed rgba(206, 180, 78, 0.87);
	transition:0.6s;
}
.mwpxAppListAtl .Object:hover{
	border-bottom:1px dashed rgba(3, 55, 136, 0.87);
}
.mwpxAppListAtl .Object a{
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	line-height:26px;
}



.mwpxAppPaged{
	
}
.mwpxAppPaged .body{
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	width:calc(100% - 20px);
	background:rgb(0,0,0,0.011);
}
.mwpxAppPaged .sectionLeft{
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	line-height:32px;
	color:rgb(0,0,0,0.75);
}
.mwpxAppPaged .sectionList{
	display:inline-block;
	margin:0px 0px 0px 0px;
	padding:0px 10px 0px 10px;
	line-height:32px;
}
.mwpxAppPaged .option{
	display:inline-block;
	line-height:28px;
	margin:1px 1px 1px 1px;
	padding:0px 10px 0px 10px;
	border:1px solid rgb(0,0,0,0.05);
	border-radius:3px;
}
.mwpxAppPaged .optionThis{
	margin:1px 1px 1px 1px;
	padding:0px 20px 0px 20px;
	border:1px solid rgb(0,0,0,0.05);
	border-radius:3px;
	background: rgba(113, 174, 240, 0.45);
	color: rgba(15, 15, 15, 0.99);
}

.mwpxAppPaged .optionSpace{
	margin:1px 1px 1px 1px;
	padding:0px 15px 0px 15px;
	border:1px solid rgba(59, 59, 60, 0.05);
	border-radius:3px;
	background: rgba(59, 59, 60, 0.05);
	color: rgba(59, 59, 60, 0.05);
}




.mwpxAppIth{
	
}
.mwpxAppIth .main{
	float:left;
	display:flex;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:calc(100%);
	border-bottom:1px solid rgb(0,0,0,0.05);
}
.mwpxAppIth .main .sectionLeft{
	float:left;
	display:block;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:calc(100% - 20px);
	min-height:35vh;
	max-height:40vh;
	display:flex;
	align-items:center;
	min-height:500px;
}
.mwpxAppIth .main .sectionLeft .ImageMainWrap{
	float:left;
	display:block;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:calc(100% - 22px);
	border:1px solid rgb(0,0,0,0.01);
	border-radius:3px;
	color:rgb(0,0,0,0.000111);
	
}
.mwpxAppIth .main .sectionLeft .ImageMainWrap img{
	display:block;
	margin:5px auto 5px auto;
	padding:5px 5px 5px 5px;
	max-width:calc(100% - 20px);
	max-height:calc(40vh - 20px);
}
.mwpxAppIth .main .sectionRight{
	float:left;
	display:block;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:calc(100% - 20px);
	min-height:35vh;
	position:relative;
	background:rgb(0,0,0,0.005);
}
.mwpxAppIth .main .sectionRight .mwpxAppTitleS2{
	position:relative;
	float: left;
	display: block;
	margin: 0px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
	width: calc(100% - 26px);
	
	font-weight: 400;
	font-size: 20px;
	line-height:36px;
	
	border-bottom: 1px solid #71727324;
	border-bottom: 1px solid #3988FF7D;
	color: #15499A;
}
.mwpxAppIth .main .sectionRight .Summary{
	position:relative;
	float:left;
	display:block;
	margin:10px 10px 10px 10px;
	padding:10px 10px 10px 10px;
	width:calc(100% - 40px);
	color:rgb(0,0,0,0.78);
}
.mwpxAppIth .main .sectionRight .Action{
	position:absolute;
	bottom:10px;
	float:left;
	display:block;
	margin:5px 5px 5px 5px;
	padding:5px 5px 5px 5px;
	width:calc(100% - 20px);
	font-size:0px;
}
.mwpxAppIth .main .sectionRight .Action .Option{
	display: inline-block;
	padding: 0px 20px 0px 20px;
	margin: 0px 0px 0px 0px;
	border: 1px solid rgba(10, 125, 170, 0.024);
	text-align: center;
	font-size:14px;
	line-height: 42px;
	height: 42px;
	min-width: 200px;
	transition: 0.5s;
	font-weight: 500;
	padding: 0px 20px 0px 20px;
	
	cursor:pointer;
}
@media screen and (min-width:0px) and (max-width:800px){
	.mwpxAppIth .main {
		display:block;
	}
	.mwpxAppIth .main .sectionRight {
		position:relative;
		min-height: auto;
	}
	.mwpxAppIth .main .sectionRight .Summary{
		min-height:30px;
	}
	.mwpxAppIth .main .sectionRight .Action{
		position:relative;
		text-align: right;
	}
}
@media screen and (min-width:0px) and (max-width:600px){
	.mwpxAppIth .main .sectionRight .Action .Option{
		min-width: 100px;
	}
}



.MWPX_APP_TAG{
	margin:5px 2px 5px 2px;
	padding:10px 10px 10px 10px;
	width:calc(100% - 24px);
	font-weight:300;
	border-radius:3px;
	background:rgba(242, 208, 75, 0.05);
}
.MWPX_APP_TAG .option{
	display:inline-block;
	margin:0px 2px 0px 2px;
	padding:0px 13px 0px 13px;
	transition:0.4s;
	border-radius:3px;
	border:1px solid rgba(0, 0, 0, 0.05);
}
.MWPX_APP_TAG a.option:hover{
	background: rgb(177, 166, 0);
	color: rgb(255, 255, 255);
	border: 1px solid rgba(0, 0, 0, 0.15);
}













#mwpxAppContactBar{
	position: fixed;
	right: 5px;
	bottom: 5px;
	width: 40px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid rgb(0,0,0,0.0005);
	background: rgb(0,0,0,0.0011);
	z-index: 9999;
}
#mwpxAppContactBar .Section{
	cursor:pointer;
}

.mwpxAppContactBlock{
	position: fixed;
	float:left;
	align-items:center;
	display:flex;
	left:0px;
	top:0px;
	width:calc(100%);
	height:calc(100vh);
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	background:rgb(0,0,0,0.07);
	
	display:none;
	z-index: 9999;
}
.mwpxAppContactBlock .Wrap{
	display:block;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	
	width:400px;
	max-width:calc(100% - 20px);
	min-width:300px;
	min-height:300px;
	
	
	background:rgb(255,255,255,0.93);
	border:1px solid rgb(0,0,0,0.17);
}
.mwpxAppContactBlock .header{
	float:left;
	display:block;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:calc(100% - 0px);
	border-bottom: 1px solid #71727324;
	border-bottom: 1px solid #3988FF7D;
	color: #15499A;
}
.mwpxAppContactBlock .header .Title{
	float: left;
	display: block;
	margin: 0px 12px 0px 12px;
	padding: 0px 0px 0px 0px;
	width: calc(100% - 26px - 36px);
	font-weight: 300;
	font-size: 14px;
	line-height:36px;
}
.mwpxAppContactBlock .header .Close{
	float: left;
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: calc(36px);
	font-weight: 400;
	font-size: 14px;
	line-height:36px;
	height:36px;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
}
.mwpxAppContactBlock .header .Close:hover{
	color:#D9150C;
}



.mwpxAppContactBlock .body{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:10px 10px 10px 10px;
	width:calc(100% - 20px);
}
.mwpxAppContactBlock .body img{
	display:block;
	margin:0px auto 0px auto;
	padding:20px 30px 0px 30px;
	max-width: calc(100% - 60px);
}
.mwpxAppContactBlock .footer{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	width:calc(100% - 0px);
}








































