@charset "utf-8";

/* ============================================================================= common */
.contents-inner{position:relative;max-width:1200px;margin:0 auto;}

	@media only screen and (max-width:1200px){
	    .contents-inner{width:100%;margin:0 auto;}
	}

.header{position:relative;}
.header .top-admin{display:none;height:1px;position:relative;background:#e84448}
.header .top-admin span{position:absolute;width:80px;height:20px;line-height:20px;color:#fff;text-align:center;top:0;left:50%;margin-left:-40px;background:#e84448;border-bottom-left-radius:10px;border-bottom-right-radius:10px;}
.header .header-cont{display:block;padding:10px 0;}
.header .logo{position:relative;top:0;left:10px;display:inline-block;}
.header .logo a{display:block;width:120px;}
.header .logo a img{width:100%;}
.header #menu-navigation{position:relative;width:100%;z-index:99;}
.header #main-userinfo{position:relative;text-align:right;float:right;margin-top:20px;}
.header #main-userinfo:after{content:'';clear:both;display:block;}
#main-userinfo ul{}
#main-userinfo ul li{float:left;padding:0 10px;position:relative;color:#056df5;font-weight:600;}
#main-userinfo ul li:after{content:'';position:absolute;top:3px;left:0;width:1px;height:10px;background:#dedede;}
#main-userinfo ul li:first-child:after{content:none;}
#main-userinfo #user-profile i{font-size:16px;color:#e84448;}
#user-info span{color:#000;}


/* ------------------------------------------------------------- logo */
.logo span{display:block;font-family:'Open Sans', 'serif';font-size:20px;font-weight:600;color:#e64d4f;text-align:center;padding-top:5px;letter-spacing:2px;}

/* ------------------------------------------------------------- menu */
/* ------------------------------------- MENU-NAVI > MAIN-MENU */

.header #menu-navigation{clear:both;z-index:77;width:100%;height:50px;background:#132341;background:-moz-linear-gradient(top, #132341 0%, #132341 50%, #011233 51%, #011233 100%);background:-webkit-linear-gradient(top, #132341 0%,#132341 50%,#011233 51%,#011233 100%);background:linear-gradient(to bottom, #132341 0%,#132341 50%,#011233 51%,#011233 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#132341', endColorstr='#011233',GradientType=0 );}
#main-menu{}
#main-menu > li {float:left;padding:0 80px;position:relative;}
#main-menu > li:after{content:"";display:block;width:1px;height:50px;background:#2d3b56;position:absolute;top:0px;left:0;}
#main-menu > li:first-child:after{background:none;}
#main-menu > li.parent{}
#main-menu > li.parent > a{}
#main-menu > li > a{display:block;color:#b9c9e7;line-height:50px;text-align:center;font-size:18px;}
#main-menu > li:hover > a,
#main-menu > li.current-menu-item > a {background:rgba(0, 0, 0, 0.2);color:#fff;}
/* ------------------------------------- MENU-NAVI > MAIN-MENU > DROPDOWN */
#main-menu li {position:relative;}
#main-menu ul.sub-menu{display:none;left:0px;top:45px;padding-top:5px;position:absolute;width:100%;z-index:9999;}
#main-menu ul.sub-menu ul.sub-menu{margin-top:-1px;padding-top:0;top:0px;}
#main-menu ul.sub-menu > li {border-top:1px solid #283d61;}
#main-menu ul.sub-menu > li > a{background-color:rgba(19, 35, 65, 0.98);color:#8e99ac;display:block;font-size:15px;padding:15px 12px;}
#main-menu ul.sub-menu > li > a:hover{background-color:#010b21;color:#fff;}
#main-menu ul.sub-menu > li > a.parent { background-image: url('../../../images/agent/arrow.png'); background-size: 5px 9px; background-repeat: no-repeat; background-position: 95% center; }
#main-menu li:hover > ul.sub-menu { /* show the submenu */ }

/* ============================================================================= content */
/*.contents-wrap {position:relative;background:#f5f8fb;min-height:100vh;margin-top:-110px;}*/
.contents-wrap{position:relative;background:#f5f8fb;}
#iFrameBody{position:relative;width:100%;height:100%;overflow:hidden;}
#tabListMain{position:relative;width:100%;border:0 dashed #000;overflow:hidden;}


/******************************* admin-main *******************************/

.admin-main{position:relative;background:#f2f3f8;padding:50px 30px;margin:30px;}
.admin-main .main-row-wrap{display:inline-block;width:100%;}
.main-row-wrap .main-row{width:33.33%;float:left;}
.main-row-wrap .main-row:after{content:'';clear:both;display:block;}
.main-row .row-box{margin:0 15px;background:#fff;height:480px;position:relative;box-shadow:0px 1px 15px 1px rgba(69,65,78,0.08);box-sizing:border-box;-webkit-box-sizing:border-box;}

.row-box .top-box.first{position:relative;height:220px;background:#1b4373 url('../../../images/agent/main-box-bg01.jpg') no-repeat center top;}
.row-box .top-box.second{position:relative;height:270px;background:#7b8799 url('../../../images/agent/main-box-bg02.jpg') no-repeat center top;}

.row-box .link-menu{width:85%;margin:-40px auto 0 auto;}
.row-box .link-menu .menu-item{position:relative;float:left;width:50%;margin-bottom:10px;display:inline-block;}
.link-menu .menu-item a{margin:0 5px;height:120px;border:1px solid #ebedf2;padding:10px 0 0 0;box-sizing:border-box;display:block;box-shadow:0px 1px 15px 1px rgba(69,65,78,0.06);background:#fff;text-align:center;}
.menu-item a span{width:60px;height:60px;display:table;margin:0 auto 10px auto;border-radius:50%;background:#2e3e5d;text-align:center;}
.menu-item a span i{display:table-cell;vertical-align:middle;color:#fff;font-size:20px;}
.menu-item a p{color:#333;font-size:15px;}
.menu-item a:hover span,.go-menu .menu-item a:hover span{background:#021232;}

.row-box.ad-cont-box{}
.row-box.ad-cont-box .row-cont{border-bottom:1px solid #ebedf2;height:200px;padding:20px;}
.row-cont h4{font-size:15px;color:#333;}
.row-cont .inner-ad{background:#ebedf2;padding:10px;margin-top:15px;height:140px;overflow:hidden;}

.row-box .second-fixtitle{font-size:15px;position:absolute;left:50%;display:block;transform:translate(-50%, -50%);box-sizing:border-box;padding:10px 30px;background:#e84448;color:#fff;border-radius:50px;text-align:center;vertical-align:middle;}
.row-box .go-menu{position:relative;width:85%;display:block;margin:60px auto 0 auto;}
.go-menu .menu-item{width:33.33%;float:left;display:inline-block;}
.go-menu .menu-item a{display:block;}
.go-menu .menu-item a span{width:70px;height:70px;background:#2e3e5d;}
.go-menu .menu-item a span i{font-size:24px;}
.go-menu .menu-item a p{text-align:center;}



/* ============================================================================= main */
/* ------------------------------------------------------------- banner */
.index-main {position:relative;padding:20px 20px;margin:20px;background:#fff;border:1px solid #d1dfec; overflow-x: hidden; overflow-y: auto;}
.index-main .admin-main-top{position:relative;display:block;}
.admin-main-top .admin-main-carendar{float:left;}
.admin-main-top .admin-main-banner{float:right;width:340px;}
/* ------------------------------------------------------------- background color */
.bg-graydd{background:#ddd !important;}.bg-graydd:hover{background:#aaa !important;}
.bg-blue{background:#2473bb !important;}.bg-blue:hover{background:#125ea3 !important;}
.bg-blue2, .bg-blue a:hover{background:#1c5a92 !important;}
.bg-sky{background:#6fc6cc !important;}.bg-sky:hover{background:#53acb1 !important;}
.bg-sky2, .bg-sky a:hover{background:#579b9f !important;}
.bg-green{background:#73c587 !important;color:#fff;}
.bg-green2,.bg-green a,.bg-green:hover{background:#59ad6d !important;}
.bg-yellow{background:#feb326;}.bg-yellow:hover{#e3990e !important;}
/* ------------------------------------------------------------- banner */
.admin-main-banner .admin-banner{}
.admin-main-banner .admin-banner li{float:none;height:147px;margin-top:15px;}
.admin-main-banner .admin-banner li:first-child{margin-top:0;}

.admin-banner li .info-box-top{padding:20px;position:relative;display:block;height:147px; }
.admin-banner li .info-box-top h4{font-size:20px;color:#fff;font-weight:normal;padding:10px 0 20px 0;}
.admin-banner li .info-box-top span{color:#fff;font-size:13px;color:rgba(255, 255, 255, 0.7);line-height:20px;}
.info-box-top .info-icon{width:60px;height:60px;display:table;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#000;opacity:0.2;position:absolute;top:30px;right:30px;}
.info-box-top .info-icon span{display:table-cell;vertical-align:middle;text-align:center;cursor:default;}
.info-box-top .info-icon span:before{font-family:"FontAwesome";color:#fff;font-size:24px;font-style:normal;font-weight:normal;text-transform:none !important;}
.info-icon .icon-member:before{content:'\f007';}
.info-icon .icon-product:before{content:'\f16b';}
.info-icon .icon-noticelist:before{content:'\f073';}

.admin-main-banner .admin-banner .admin-gomenu{display:inline-block;width:340px;}
.admin-banner .admin-gomenu li{float:left;width:50%;margin-top:0;}
.admin-banner .admin-gomenu li a{display:block;width:162px;}
.admin-banner .admin-gomenu li a .gomenu-box{background:#284479;}
.admin-banner .admin-gomenu li a .gomenu-box:hover{background:#011233;}
.admin-gomenu li .info-box-cont{height:147px;padding:20px;text-align:center;}
.info-box-cont h5{font-size:14px;color:#fff;font-weight:normal;}
.info-box-cont .info-cont-icon{width:70px;margin:0 auto 20px auto;height:70px;display:table;background:#fff;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;}
.info-box-cont .info-cont-icon span{display:table-cell;vertical-align:middle;text-align:center;cursor:pointer;}
.info-box-cont .info-cont-icon span:before{font-family:"FontAwesome";color:#284479;font-size:24px;font-style:normal;font-weight:normal;text-transform:none !important;}
.info-cont-icon .icon-homepage:before{content:'\f015';}
.info-cont-icon .icon-shoppingmall:before{content:'\f07a';}
/* ------------------------------------------------------------- bottom */
.index-main .admin-main-bottom{clear:both;width:100%;position:relative;display:inline-block;margin-top:20px;}
/* ------------------------------------------------------------- bottom : notice */
.admin-main-bottom .admin-main-notice{float:left;width:300px;height:200px;background:#fff;margin-right:20px;}
.admin-main-notice .notice-contents{}
.notice-contents .tit-area{overflow:hidden;display:block;margin-bottom:10px;height:20px;}
.notice-contents .tit-area h3{float:left;font-size:16px;display:inline-block;color:#333;font-weight:600;letter-spacing:-0.05em;}
.notice-contents .tit-area .btn-more{background: url('../../../images/agent/btn_more.gif') no-repeat 0 0;width:19px;height:19px;display:inline-block;text-indent:-9999px;}
.notice-contents .notice-list{word-wrap:normal;border-top:1px solid #ddd;padding:17px 0 16px;border-bottom:1px solid #ddd;height:130px;}
.notice-contents .notice-list li{background: url('../../../images/agent/ul_bull03.gif') no-repeat 5px 14px;padding-left:18px;line-height:30px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.notice-contents .notice-list li a{color:#777;}
.notice-contents .notice-list li a:hover{color:#333;text-decoration:underline;}
/* ------------------------------------------------------------- bottom : visit */
.admin-main-bottom .admin-bottom-banner-chart{float:left;width:340px;}
.admin-main-bottom .admin-bottom-banner-chart li{float:left;width:328px;height:198px;border:1px solid #ddd;margin-left:15px;}
.admin-main-bottom .admin-bottom-banner-chart li a div#chartMembLogin{width:300px;height:140px;}
.middle-chart .left-chart{margin:0;background:#fff;}
.admin-main-bottom .admin-bottom-banner-chart li:first-child{margin-left:0px;}
.admin-main-bottom .admin-bottom-banner-chart li a{display:block;padding:20px;}
.admin-bottom-banner-chart li a h4{font-size:18px;color:#333;display:block;margin-bottom:15px;}
.admin-bottom-banner-chart li a p{font-size:13px;color:#999;line-height:1.5;}
/* ------------------------------------------------------------- bottom : banner */
.admin-main-bottom .admin-bottom-banner{float:right;width:340px;}
.admin-main-bottom .admin-bottom-banner li{float:none;width:338px;height:58px;border:1px solid #ddd;margin-top:10px;background-size:50% 50%;}
.admin-main-bottom .admin-bottom-banner li:first-child{margin-top:0px;}
.admin-main-bottom .admin-bottom-banner li a{display:block;padding:20px;}
.admin-bottom-banner li a h4{font-size:16px;color:#333;display:block;margin-bottom:15px;padding-left:100px;}
.admin-bottom-banner li a p{font-size:13px;color:#999;line-height:1.5;}
.admin-bottom-banner li:first-child  {background: url('../../../images/agent/main-icon01.gif') no-repeat left 20px top 5px;}
.admin-bottom-banner li:nth-child(2) {background: url('../../../images/agent/main-icon02.gif') no-repeat left 20px top 5px;}
.admin-bottom-banner li:last-child   {background: url('../../../images/agent/main-icon03.gif') no-repeat left 20px top 5px;}

.admin-main-bottom .admin-bottom-imbanner{float:right;width:338px;border:1px solid #ddd;}