#warp {clear:both;overflow:hidden;width:100%;height:100%;}
#header {clear:both;overflow:hidden;height:80px;display:flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
#header > div:nth-child(1) a {display:inline-block;font-size:0;width:175px;height:40px;background:url(/image/logo.png) no-repeat;}
#header > div:nth-child(2) {width:800px;padding-top:10px;}

#topMenu {display:flex;flex-direction: row;flex-wrap: nowrap;align-content: center;justify-content: center;align-items: center;}
#topMenu li {}
#topMenu li.over {}
#topMenu li a {font-size:20px;color:#333;line-height:30px;padding:10px;}
#topMenu li.over a {font-weight:bold;}
#topMenu div {display: none;}

#header > div:nth-child(2) > div {display:none;}

#header > div:last-child {padding:10px;}
#btnMenu {display:none;}
#header > div:last-child > ul { display:flex; }
#header > div:last-child > ul > li {font-size:15px;}
#header > div:last-child > ul > li:nth-child(1) > a { border:1px solid #2E6ADF;background:#FFF;color:#2E6ADF;padding:5px 10px;border-radius:4px;text-align: center; }
#header > div:last-child > ul > li:nth-child(2) > a { color:#777;padding:5px 10px; }

nav {display:none;}
aside {float:left;width:200px;margin-left:calc(50% - 590px);margin-top:50px;}
aside .topMenu {display:none;}
aside .topMenu.over {display:block;}
aside > div > h1 {line-height:80px;background: #2E6ADF;color:#FFF;font-size:22px;text-align:center;margin:25px 0 10px 0;}
aside > div > div > a {display:block;line-height:59px;font-family: SUIT SemiBold;font-size:19px;color:#ADADAD;border-bottom:1px solid #ADADAD;}
aside > div > div.over > a {color:#333333;}
aside > div > div > a:hover {color:#333333;}

section {float:right;width:950px;min-height:calc(100vh - 302px);margin-right:calc(50% - 590px);margin-top:50px;}
section > div > div.head > h1 {color:#2E6ADF;font-size:48px;letter-spacing: -1.2px;line-height:79px;margin:5px;border-bottom:1px solid #ADADAD;}
section div.body {padding:25px 0;margin:0 auto;}
section div body h1{color: #2E6ADF;font-size: 22px;letter-spacing: -0.55px;line-height: 28px;margin: 30px 0 10px 0;text-align:center;}
section div.body h2 {color:#2E6ADF;font-size:25px;letter-spacing: -0.55px;line-height:28px;margin-right: 10px;}
section div.body h2:before {content:'◼';margin-right:10px;}
section div.body h3 {color:#2E6ADF;letter-spacing: -0.55px;line-height:28px;margin:20px 0 10px 0;}
section div.body p {margin:10px 0;}
section div.foot {padding:25px 0;text-align:center;}

footer {clear:both;overflow:hidden;background:#3A3B3B;}
footer > div {margin:0 auto;display:flex;flex-wrap: nowrap;align-content: center;justify-content: space-around;align-items: center;}
footer > div > div:nth-child(1) {padding:0 0 25px 0;}
footer > div > div:nth-child(2) {padding:25px 0;width:100%; max-width:400px;}
footer > div > div {color:#FFFFFF;}
footer > div > div a {display:inline-block;width:325px;height:40px;font-size:0;background: url(/image/foot_ci.png?ver=2) no-repeat;}
.list {
	clear:both;
	overflow:hidden;
}

.list .top {
	clear:both;
	overflow:hidden;
    margin-bottom: 20px	
}

.list .search {
	float:left;
}

.list .search input[name=keyword]{
	width:100px;height: 35px;border-radius: 4px;margin-right: 5px;
}

.list .page_setup {
	float:right;
}

.list .page_setup input[name=page]{
	width:20px;height:21px;
}

.list-points {
	clear:both;
	overflow:hidden;
	margin:5px 0;
}

.list-points > li {
	line-height: 30px;
}

.list-points > li:before {
	content: "•";
	color: #333;
	font-size: 9pt;
	margin-right: 10px;
}

.buttons {float:left;text-align:left;}

.alert {clear:both;overflow:hidden;border:5px solid #FF0000;background:#FFF;padding:25px;text-align:center;}

.dialog {display:none;position:absolute;}
.dialog .head {background:#11223c;}
.dialog .head h1 {color:#FFF;}
.dialog .head span a {background:url(http://cdn.elcsoft.com/image/button/btn_close_white19x19.png) no-repeat;}
.dialog .body {clear:both;overflow:auto;padding:15px;}
.dialog .body h1 {font-size:12pt;line-height:30px;}

.setupDialog {max-width:480px;}



@media ( min-width :1180px) {
	.dialog {width:980px;}
	.setupDialog {width:400px;}
	.setupDialog > .head {height:auto;}
	.setupDialog > .head > h1 {font-size:14pt !important;margin:0 !important;}
}

@media (min-width:1180px) and (max-width:1279px) {
	#partner > div > div.bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager {
	display:none;
	}
}

@media( min-width: 780px ) and ( max-width: 1180px ){

	section {
		float: right;
		width: 100%;
		max-width: 1180PX;
		margin: 0 auto;
	}

	aside {
	float:left;
	width:200px;
    min-height: calc(100vh - 452px);
    margin: 0 auto;
    padding: 0 20px;
	}

	#header {
		clear: both;
		overflow: hidden;
		height: 80px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		margin: 10px;
	}

	#header > div:nth-child(1) {
		display:flex;
		
	}

	#header > div:last-child > ul {
		display:none;
	}

	#header > div:last-child > ul > li:nth-child(1) > a,
	#header > div:nth-child(3) > ul > li:nth-child(2) > a {
        border: 1px solid #2E6ADF;
        background: #2E6ADF;
        color: white;
        padding: 1px 0px;
        border-radius: 4px;
        text-align: center;
        font-size: 21px;
        font-weight: bold;
	}

	footer > div {
		margin: 0 auto;
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
	}

	    #btnMenu {
        display: block;
        position: absolute;
        z-index: 9999;
        top: 20px;
        right: 20px;
        width: 40px;
        height: 30px;
        background: url(/image/icon/menu.png) no-repeat;
        background-size: contain;
        margin-right: 10px;
        margin-top: -10px;

	}
		#topMenu {
			display:none;
		}

		#header > div:nth-child(3) > ul {

	    background: #2E6ADF;		

		}

	    #btnMenu + ul, #topMenu {
        display: none;
        position: absolute;
		top:100px;
        right: 0px;
        width: 220px;
        background: #fff;
        border: 1px solid #333;
        margin: 10px;
        z-index: 3;
        padding: 15px 10px;
        text-align: left;
		}
  		#topMenu li {
        display: flex;
        width: 100%;
        padding: 10px;
        text-align: left;	
		}

		#btnMenu + ul {
			display: none;
			position: absolute;
			top: 42px;
			right: 0;
			width: 240px;
			background-color: #fff;
			border: 1px solid #ccc;
			box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
			z-index: 1000;
			padding: 10px 0;
		}

		#btnMenu + ul li {
			display: block;
			width: 100%;
			text-align: left;
			padding: 10px 15px;
		}

		#btnMenu + ul li:last-child {
			border-bottom: none;
		}

		#btnMenu + ul li a {
			display: block;
			font-size: 16px;
			color: #333;
			text-decoration: none;
		}

		#partner > div > div.bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager {
		display:none;
		}
		
}

@media ( max-width :780px) {

	aside {
		width: 200px;
		margin: 0 auto;
		padding: 10px;
	}
	

	section {
		float: right;
		width: 100%;
		max-width: 1150PX;
		margin: 0 auto;
	}
	#header {
		clear: both;
		overflow: hidden;
		height: 80px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
		align-items: center;
		margin: 10px;
	}

	#header > div:nth-child(1) {
		display:flex;
		
	}

	#header > div:last-child > ul {
		display:none;
	}

	#header > div:last-child > ul > li:nth-child(1) > a,
	#header > div:nth-child(3) > ul > li:nth-child(2) > a {
        border: 1px solid #2E6ADF;
        background: #2E6ADF;
        color: white;
        padding: 1px 0px;
        border-radius: 4px;
        text-align: center;
        font-size: 21px;
        font-weight: bold;
	}

	footer > div {
		margin: 35px calc(50vw - 590px);
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		justify-content: space-around;
		align-items: center;
	}

	    #btnMenu {
        display: block;
        position: absolute;
        z-index: 9999;
        top: 30px;
        right: 0px;
        width: 40px;
        height: 30px;
        background: url(/image/icon/menu.png) no-repeat;
        background-size: contain;
        margin-right: 10px;
        margin-top: -10px;
	}

		#topMenu {
			display:none;
		}

		#header > div:nth-child(3) > ul {

	    background: #2E6ADF;		

		}

	    #btnMenu + ul, #topMenu {
        display: none;
        position: absolute;
		top:100px;
        right: 0px;
        width: 220px;
        background: #fff;
        border: 1px solid #333;
        margin: 10px;
        z-index: 3;
        padding: 15px 10px;
        text-align: left;
		}
  		#topMenu li {
        display: flex;
        width: 100%;
        padding: 10px;
        text-align: left;	
		}

		#btnMenu + ul {
			display: none;
			position: absolute;
			top: 42px;
			right: 0;
			width: 240px;
			background-color: #fff;
			border: 1px solid #ccc;
			box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.1);
			z-index: 1000;
			padding: 10px 0;
		}

		#btnMenu + ul li {
			display: block;
			width: 100%;
			text-align: left;
			padding: 10px 15px;
		}
		#header > div:nth-child(3) > ul > li:nth-child(1) {
			border-right:1px solid #fff;
		}

		#btnMenu + ul li:last-child {
			border-bottom: none;
		}

		#btnMenu + ul li a {
			display: block;
			font-size: 16px;
			color: #333;
			text-decoration: none;
		}

  	footer > div {
    margin: 35px calc(50vw - 590px);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: center;
  }
  
	#partner > div > div.bx-controls.bx-has-controls-direction.bx-has-controls-auto.bx-has-pager {
	display:none;
	}

	}