@charset "utf-8";

#wrap {width:100%; position:relative; min-width:900px; z-index:1;}
#wrap .bluefont {color:#0268b2;}
#wrap .bluefont2 {color:#0268b2; font-size:22px;} 
#wrap .redfont {color:#e60a17;}
#wrap .redfont2 {color:#e60a17; font-size:22px;} 

.base_btn {display: inline-block; font-size: 11px; position: relative; height: 25px; line-height: 25px; background: #f4f4f4; color: #555; padding:0 5px; border: 1px solid #d0d0d0; text-align: center; vertical-align: middle; border-radius: 3px;}
.base_btn:hover {background:#f0efef; border: 1px solid #d0d0d0;}

.btn_grey {background: #777; color: #fff; font-size: 12px; padding:5px 10px; margin-left:5px;}
.btn_grey:hover {background: #4D4D4D;}
.btn_red {background: #e60a17; color: #fff; font-size: 12px; padding:5px 10px; margin-left:5px;}
.btn_red:hover {background: #A5070F;}
.btn_blue {background: #0006F0; color: #fff; font-size: 12px; padding:5px 10px; margin-left:5px;}
.btn_blue:hover {background: #13006C;}
.btn_green {background: #04bb00; color: #fff; font-size: 12px; padding:5px 10px; margin-left:5px;}
.btn_green:hover {background: #038C00;}
.btn_orange {background: #FF8000; color: #fff; font-size: 12px; padding:5px 10px; margin-left:5px;}
.btn_orange:hover {background: #E35000;}
.btn_purple {background: #CC33FF; color: #fff; font-size: 12px; padding:5px 10px; margin-left:5px;}
.btn_purple:hover {background: #60156C;}

#header {width:100%; height:70px; border-top:4px solid #c00000; border-bottom:1px solid #ddd; position:fixed; background:#c00000; top:0; left:0;}
#header h1 {float:left; height:70px; width:158px; position:relative; font-size:16px; color:#444; line-height:70px; margin-left:20px;}
#header h1 img {height:40px;}
#header .menu {float:left; height:70px; width:1000px; position:relative; margin-left:33px;}
#header .menu ul {}
#header .menu  ul li {float:left; font-size:16px; padding-right:60px; line-height:70px; font-weight:600;}
#header .menu  ul li a {color:#fff; width:80px;}
#header .menu  ul li a:hover {font-weight:bold; color:#FFFF00; padding-bottom:5px; border-bottom:4px solid #FFFF00;}
#header .info {float:right; height:70px; line-height:70px; font-size:13px; margin-right:20px;}
#header .info strong {font-weight:bold; color:#fff;}
#header .info .bt{text-align: center; cursor:pointer; color:#eee; height:40px; line-height:40px; padding:0 30px 0 10px; margin-top:15px; background: #f5000f url("/images/info_icon.gif") no-repeat 95% center;}
#header .info .bt strong {font-weight:bold;}
#header .info .my_box{padding:0 5px; margin-top:0px; text-align: center; background-color: #fff; border:1px solid #ccc; cursor:pointer; color:#333; z-index:100; display:none;}
#header .info .my_box ul {}
#header .info .my_box ul li {height:40px; line-height:40px; border-bottom:1px solid #eee;}
#header .info .my_box ul li a {color:#333; height:25px; line-height:25px; width:100%; display:inline-block; z-index:101; font-weight:bold;}
#header .info .my_box ul li a:hover {background:#eee;}
#header .info .my_box ul li img {margin-right:5px;}

#content {min-width:900px; position:relative; min-height:300px; top:114px; z-index:-3;}
#content:after {clear:both; content:""; display:block;}
#content .inner {position:relative; width:100%; margin:0 auto; overflow:hidden; height:100%;}
#content .aside_img_box {float:left; width:190px; background:#f5f4f7; border-right:1px solid #b4b4b4; border-bottom:1px solid #ccc; position:fixed; transition: 0.3s; left:0; height:35px; top:74px; padding-top:5px;}
#content .aside_img_box .red {background:red; width:36px; height:30px; float:left; margin:0 10px;}
#content .aside_img_box .yellow {background:yellow; width:36px; height:30px; float:left; margin-right:8px;}
#content .aside_img_box .green {background:green; width:36px; height:30px; float:left; margin-right:8px;}
#content .aside_img_box .blue {background:blue; width:36px; height:30px; float:left; margin-right:8px;}
#content .aside {float:left; width:190px; background:#f5f4f7; border-right:1px solid #b4b4b4;  position:fixed; transition: 0.3s; z-index:3; left:0; top:110px; height:100%;}
#content .aside .side_menu {width:190px; height:100%; border-top:1px solid #ccc;}
#content .aside .side_menu .arrow {display:block; width:170px; border-bottom:1px solid #ccc; font-size:13px; height:50px; line-height:50px; padding-left:20px; color:#000; transition: 0.3s; font-weight:bold;}
#content .aside .side_menu .arrow:hover {color:#c00000; background: #fff url("/images/red_bar.gif") no-repeat left center;}
#content .aside .side_menu .sub_menu {display:none}
#content .aside .side_menu .sub_menu li {background:#fff; border-bottom:1px dashed #e4e4e4; font-size:13px;}
#content .aside .side_menu .sub_menu li a {display:block; width:170px; color:#000; height:40px; line-height:40px; font-size:13px; padding-left:20px; transition: 0.3s;}
#content .aside .side_menu .sub_menu li a:hover {color:#c00000; background:#fefefe; font-weight:bold;}
#content .aside .side_menu .sub_menu li:last-child {border-bottom:1px solid #ccc;}
#content .list_info {position:fixed; width: 100%; background:url("/images/bc_bg.png") repeat-x; height:40px; line-height:40px; top:74px; left:191px; z-index: -1;}
#content .list_info ul {}
#content .list_info ul li {float:left; background: url("/images/bc_separator.png") no-repeat left center; padding:0 20px;}
#content .list_info ul li:first-child {background:none;}
#content .list_info ul li a {display:inline-block; color: #454545; transition: 0.3s; font-weight:bold;}
#content .list_info ul li a:hover {color:#0000FF; font-weight:bold;}

#content .list_info .info {float:right; width:520px; height:40px; line-height:40px; font-size:13px; margin-right:20px;}
#content .list_info .info strong {font-weight:bold; color:#000066;}

#content .section {position:fixed; padding:20px; transition: 0.3s; overflow: auto; top: 120px; left: 191px; right: 0; bottom: 0; z-index:-2;}
#content .section:after {clear:both; content:""; display:block;}
#content .section strong {font-weight:bold; color:#000066;}
#content .section a:hover{text-decoration: underline;}
#content .section h2 {font-size: 29px; font-weight: bold; color:#333; margin-bottom:10px;}
#content .section h3 {font-size: 15px; font-weight: bold; color:#FF0000; margin:20px 0 10px 20px;}
#content .section div {width:100%; float:left;}
#content .section .select_box {height:35px; position: relative; border: 1px solid #ccc;}
#content .section .input_style {display: inline-block;  height: 23px; border: 1px solid #ccc; vertical-align: middle; }
#content .section .input_style2 {display: inline-block;  height: 23px; border: 1px solid #ccc; vertical-align: middle; }
#content .section .input1 {background: #777; color: #fff; border-color: transparent; font-size: 12px; padding:3px 8px; margin-left:5px; cursor:pointer;}
#content .section .input1:hover {background: #4D4D4D;}
#content .section .table_style {border:1px solid #ccc;}
#content .section .tr_style {border:1px solid #ccc;}
#content .section .td_style {border:1px solid #ccc;}
#content .section .td_style2 {border:1px solid #ccc; font-size:13px; font-weight:bold;}
#content .section .td_style2:hover {border:1px solid #ccc; background-color:#6E6E6E; font-size:13px; font-weight:bold;}
#content .section .td_style2:hover a{color:#ffffff; font-size:13px; font-weight:bold;}

#content .section .td_style4 {border:1px solid #ccc; font-size:13px; font-weight:bold;}

#content .section .textarea_style{display: inline-block; border: 1px solid #ccc; vertical-align: middle;}

#content .section .font_blue {font-weight:bold; color:#0000FF;}
#content .section .font_red {font-weight:bold; color:#FF0000;}
#content .section .font_black {font-weight:bold; color:#000000;}
#content .section .font_white {font-weight:bold; color:#FFFFFF;}

input.input_style {display: inline-block;  height: 20px; border: 1px solid #ccc; vertical-align: middle;  padding:5px; margin-right: 5px;}


.tab_menu {height:50px; border-bottom:2px solid #668fe3;}
.tab_menu ul li {display:inline-block; height:50px; width:200px; border-left:1px solid #ddd; border-top:1px solid #ddd; float:left; text-align:center; font-size:13px; line-height:50px; color:#333; font-family: 'Open Sans'}
.tab_menu ul li:last-child { border-right:1px solid #ddd;}
.tab_menu ul li a {display:block; font-size:13px;}
.tab_menu ul li a:hover {background:#668fe3; color:#fff; border-top:1px solid #668fe3; border-right:1px solid #668fe3;}
.tab_menu ul li.on {background:#668fe3; color:#fff;}


#content .inner .customer_tab ul {}
#content .inner .customer_tab ul li {width:150px; height:45px; margin-bottom:40px; float:left; background:#fff; text-align:center; line-height:45px; font-size:13px;}
#content .inner .customer_tab ul li.on {width:150px; height:45px; float:left; background:#424352; text-align:center; line-height:45px; color:#fff; font-weight:bold;}
#content .inner .customer_tab ul li.on a {width:150px; height:45px; display:inline-block; color:#fff; border:1px solid #424352; border-right:none; box-sizing:border-box;}
#content .inner .customer_tab ul li:last-child {border-right:1px solid #ccc;}
#content .inner .customer_tab ul li a {width:150px; height:45px; display:inline-block; color:#777; border:1px solid #ccc; border-right:none; box-sizing:border-box;}
#content .inner .customer_tab ul li a:hover {border:1px solid #aaa; border-right:none; box-sizing:border-box; color:#333;}
#content .inner .customer_tab ul li.on a:hover {color:#fff; border:1px solid #424352; border-right:none; box-sizing:border-box;}


/*table style*/
#content .inner .tblType1 th, .tblType1 td, .tblType2 th, .tblType2 td, .tblType4 th, .tblType4 td{padding:7px 0;}
th .help{padding-left:3px; cursor:pointer; background:none; padding-right:0}
th img{vertical-align:middle}
table, table th, table td{border:0 none}

    
/*tblType2*/
#content .inner .tblType2{width:100%; display:inline-block; overflow:hidden; border-top:2px solid #333;}
#content .inner .tblType2 caption{display:none}
#content .inner .tblType2 table{width:100%; margin-top:-1px; margin-left:-1px; font-size:11px; border-top:1px solid #ccc;}
#content .inner .tblType2 th, .tblType2 td{border-bottom:1px solid #ddd; border-left:1px solid #ddd; text-align:center;}
#content .inner .tblType2 thead th{color:#000; font-weight:normal; background:#f5f5f5; border-bottom:1px solid #c2c2c2;}
#content .inner .tblType2 thead th .sort{ padding-right:5px; background:url(http://xcoupon.gmidas.com/mgr/images/icon_sort.gif) right 3px no-repeat}
#content .inner .tblType2 tbody th{color:#333; background:#fafafa}
#content .inner .tblType2 tfoot th, .tblType2 tfoot td{background:#f5f5f5; font-weight:bold}
#content .inner .tblType2 td{font-size:11px; color:#666; line-height:18px; padding:5px 10px; word-break:break-all;}
#content .inner .tblType2 .subject{padding-left:15px; font-size:11px; color:#666; text-align:left}
#content .inner .tblType2 .graph{font-size:11px; color:#666; text-align:left}
#content .inner .tblType2 .gap td, .tblType2 .gap{border-bottom:1px solid #ccc}


/*tblType4* tblType2¿Í °°À¸³ª td°¡ ¿ÞÂÊ Á¤·ÄÀÓ */
#content .inner .tblType4{width:100%; display:inline-block; overflow:hidden; border-top:2px solid #333;}
#content .inner .tblType4 caption{display:none}
#content .inner .tblType4 table{width:100%; margin-top:-1px; margin-left:-1px; font-size:11px; border-top:1px solid #ccc;}
#content .inner .tblType4 th, .tblType3 td{border-bottom:1px solid #ddd; border-left:1px solid #ddd;}
#content .inner .tblType4 thead th{color:#000; border-bottom:1px solid #c2c2c2; background:#f0f0f0}
#content .inner .tblType4 tbody th{color:#333; background:#fafafa}
#content .inner .tblType4 td{padding-left:15px; font-size:11px; color:#666; text-align:left; line-height:18px; padding:5px 10px; word-break:break-all;}
#content .inner .tblType4 td label{margin:0 10px 0 3px}

/*search*/
#content .inner .searchArea{width:100%; padding:10px 0; margin:0 auto 0px; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fafafa}
#content .inner .searchArea label{display:none}
#content .inner .searchArea .text{width:200px; background:#fff;}


/*search*/
.searchArea{width:100%; padding:10px 0; margin:0 auto 0px; text-align:center; border-top:1px solid #eee; border-bottom:1px solid #eee; background:#fafafa}
.searchArea label{display:none}
.searchArea .text{width:200px; background:#fff;}


/*btn*/
.writeBtnArea{width:100%; margin:20 0 20 0px; overflow:hidden; text-align:center; }
.writeBtnArea .button{vertical-align:middle}
.writeBtnArea .colLeft{float:left}
.writeBtnArea .colRight{float:right}
.btn_copy {width:92px; height:24px; border:none; background:url('/mgr/images/btn/btn_copy.gif') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} /* °Ô½ÃÆÇ º¹»ç */
.btn_cancel {width:72px; height:24px; border:none; background:url('/mgr/images/btn/btn_cancel.gif') no-repeat 0 0; font-size:0; line-height:0; text-indent:-9999px; cursor:pointer;} /* °Ô½ÃÆÇ º¹»ç Ãë¼Ò */


#content .inner .join_btn {width:90px; height:35px; margin:0 auto; background:#f44336; text-align:center; color:#fff; font-size:14px; line-height:35px;}