*
{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}

html,body,div,
{
	margin:0;
	padding:0;
	border:0
}

ul
{
	list-style:none;
	margin:0;
	padding:0
}

header,footer,
{
	display:block
}

html
{
	font-family:"Arial","HelveticaNeue","Helvetica";
	font-size:16px;
	height:100%
}

body
{
	height:100%;
	font-weight:400;
	margin:0;
	padding:0
}

a
{
	color:#dd5e00;
	text-decoration:underline;
	cursor:pointer;
	word-wrap:break-word;
}

a:hover,a:focus
{
	color:#dd5e00
}

p
{
	margin:0 0 1em
}

img
{
	max-width:100%;
	border:0
}

a img
{
	border:0;
	outline:0
}

#wrap
{
	margin:0 auto;
	overflow:auto;
	height:100%;
	width:100%;
	background:#273d42 url(../images/background.jpg) no-repeat center 0
}

@media (min-width: 480px) and (max-width: 560px){

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.4); 
    border-radius: 8px;
    -webkit-border-radius: 8px;
}

::-webkit-scrollbar-thumb {
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background: rgba(100,100,100,0.8); 
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

}

.container
{
	width:1020px;
	margin:10px auto;
	color:#303a3a
}

.container::before
{
	content:'';
	width:0;
	height:100%;
	display:inline-block;
	position:relative;
	vertical-align:middle;
	background:red
}

.clearfix
{
	display:block
}

.clearfix:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.top
{
	width:960px;
	padding-bottom:1em;
	margin:0 auto
}

.logo
{
	float:left
}

.logo img
{
	width:112px;
	height:56px;
	float:left
}

.logo h1
{
	color:#fff;
	font-size:16px;
	font-weight:400;
	margin-top:32px;
	float:left
}

.general
{
	float:right;
	margin-top:26px
}

.header
{
	width:960px;
	padding-bottom:1em;
	color:#fff;
	margin:0 auto;
	text-align:center
}

.header a
{
	color:#8fadb1;
	font-size:15px;
	text-decoration:none
}

.header ul
{
	padding-top:15px;
	float:left
}

.header ul li
{
	width:120px;
	height:80px;
	float:left
}

.navbtn
{
	width:120px;
	height:80px;
	background-image:url(../images/header_bg.png);
	float:left;
	padding:15px
}

.navbtn.s
{
	width:119px
}

.navbtn:hover
{
	background-image:url(../images/header_selected_bg.png)
}

.navbtn.selected
{
	background-image:url(../images/header_selected_bg.png);
	color:#d4f4f6
}

.maintitle
{
	font-size:24px;
	border-bottom:1px solid;
	color:#d4f4f6;
	margin:0 auto
}

.L
{
	width:880px
}

.M
{
	width:625px
}

.Ms
{
	width:537px
}

.S
{
	width:255px
}

.S_2
{
	width:270px
}

.mainbox
{
	width:980px;
	margin:0 auto
}

.bg
{
	background:#d4f4f6
}

.bg_2
{
	background:#c3e1e3
}

.CT
{
	width:980px;
	margin-bottom: 32px;
}

.CT ul
{
	padding-top:15px;
	float:left;
	margin-left:-61px;
}

.CT ul li
{
	height:90px;
	float:left;
}

.CT ul li.box
{
	width:181px;
	text-align:center;
	background-image:url(../images/ct_box_bg_right.png);
	margin-left:60px;
}

.CT ul li.box.left
{
	width:208px;
	background-image:url(../images/ct_box_bg_left.png)
}

.CT ul li.box.left .move
{
	margin-left:49px
}

.CT ul li.box .title
{
	width:160px;
	height:34px;
	font-size:13px;
	font-weight:700;
	background:url(../images/ct_box_title_bg.png) no-repeat;
	margin:0 0 0 20px;
	padding:10px 0
}

.CT ul li.box .name
{
	width:160px;
	margin:0 0 0 20px;
	padding:10px 0;
	font-weight:600
}

.CM
{
	width:980px;
	margin:0 auto
}

.CM_top
{
	width:978px;
	float:left;
	padding-bottom:0
}

.CM_left_bg
{
	width:50px;
	height:34px;
	opacity:.5;
	float:left;
	background:url(../images/cm_box_left_top_bg.png)
}

.CM_top_title
{
	height:34px;
	float:left;
	font-weight:700
}

.CM_top_title ul
{
	background:#d4f4f6
}

.CM_top_title ul li
{
	width:220px;
	height:34px;
	font-size:13px;
	padding:10px 0;
	text-align:center;
	background:url(../images/cm_title_bg.png);
	float:left
}

.CM_content
{
	width:930px;
	float:left;
	background:url(../images/cm_box_left_medium_bg.png)repeat-y
}

.CM_content_inner
{
	float:right
}

.CM_content_inner.th_b
{
	margin-right:220px;
}

.CM_content_inner ul
{
	display:block
}

.CM_content_inner ul li
{
	width:220px;
	padding:10px 0;
	text-align:center;
	float:left;
	font-weight:600
}

.CM .bottom
{
	float:left
}

.CM .bottom .left_bg
{
	width:48px;
	height:50px;
	float:left;
	background:url(../images/cm_box_bottom_left_bg.png)
}

.CM .bottom .bottom_bg
{
	width:882px;
	height:50px;
	float:right;
	background:url(../images/cm_box_bottom_bg.png)
}
.CM .bottom .bottom_th_bg
{
	width:662px;
	height:50px;
	float:right;
	background:url(../images/cm_box_bottom_th_bg.png)
}
.CB
{
	width:980px;
	margin:0 auto
}

.CB .top
{
	width:978px;
	float:left;
	padding-bottom:0;
	margin-top:10px
}

.CB .top .left_bg
{
	width:48px;
	height:34px;
	opacity:.5;
	float:left;
	background:url(../images/cm_box_left_top_bg.png)
}

.CB .top .title
{
	width:882px;
	height:34px;
	float:left;
	border-top:1px solid #fff;
	font-weight:700
}

.line
{
	width:882px;
	margin:0 auto;
	border-bottom:1px solid #303a3a;
	position:relative;
	top:34px
}

.CB .top .title ul
{
	display:block
}

.CB .top .title ul li
{
	width:147px;
	border-bottom:1px solid #303a3a;
	font-size:13px;
	padding:10px;
	text-align:center;
	float:left
}
.CB .top .title .b_ul_title li
{
	width:176px;
	border-bottom:1px solid #303a3a;
	font-size:13px;
	padding:10px;
	text-align:center;
	float:left
}
.CB .top .title ul li.port_setting
{
	width:176px;
}

.CB .top .title .b_content_inner .styled_select 
{
	width:220px;
	height:28px;
	font-size:16px
}

.b_content
{
	width:930px;
	float:left;
	background:url(../images/cm_box_left_medium_bg.png) repeat-y
}

.b_content_inner
{
	width:882px;
	float:right
}

.b_content_inner ul li
{
	width:147px;
	height:40px;
	background:#d4f4f6;
	padding:8px 0;
	text-align:center;
	float:left
}

.b_content_inner .b_ul li
{
	width:176px;
	height:40px;
	background:#d4f4f6;
	padding:8px 0;
	text-align:center;
	float:left
}

.b_content_inner ul li.port_setting
{
	width:176px;
}

.b_content_inner ul li.port_setting .styled_select
{
	
}

.b_content_inner ul li.port_setting .styled_select select
{
	width:125px;
	height:27px;

	
	font-size:16px
}

.b_content_inner ul li.color
{
	background:#c3e1e3
}

ul li input[type=checkbox]
{
	display:none;
	margin:0
}

input[type=checkbox] + label
{
	background:url(../images/ckbox.png) no-repeat 0 0;
	height:24px;
	width:28px;
	display:inline-block;
	margin-right: 5px;
}

input[type=checkbox]:checked + label
{
	background:url(../images/ckbox.png) no-repeat 0 -24px;
	height:24px;
	width:28px;
	display:inline-block;
	margin-right: 5px;
}

input[type=checkbox]:disabled + label
{
	background: #d8d8d8;
    border: 1px solid #999999;
}

.CB .bottom
{
	float:left
}

.CB .bottom .left_bg
{
	width:48px;
	height:50px;
	float:left;
	background:url(../images/cm_box_bottom_left_bg.png)
}

.CB .bottom .bottom_bg
{
	width:882px;
	height:50px;
	float:right;
	background:url(../images/cm_box_bottom_bg.png)
}

.btn_area
{
	width:880px;
	margin:0 auto;
	clear:both
}

a.btn
{
	width:130px;
	height:32px;
	border:1px solid #a1cbcd;
	color:#a1cbcd;
	text-align:center;
	padding:7px 0;
	font-size:14px;
	text-decoration:none;
	display:block;
	pointer-events: none
}

a.btn:hover
{
	background:#a1cbcd;
	color:#303a3a
}

.btn_area .left
{
	float:right;
	margin-right:10px
}

.btn_area .right
{
	float:right
}

.note
{
	font-size:14px;
	color:#d4f4f6;
	float:left;
	padding:10px 0
}

input[type=radio ]:not(old)
{
	width:1.5em;
	margin:0;
	padding:0;
	font-size:1em;
	opacity:0
}

input[type=radio ]:not(old) + label
{
	display:inline-block;
	margin-left:-2em;
	line-height:1.5em
}

input[type=radio ]:not(old) + label > span
{
	display:inline-block;
	width:20px;
	height:20px;
	margin:.25em .5em .25em .25em;
	border:1px solid #7e969a;
	border-radius:2em;
	vertical-align:bottom
}

.back_icon
{
	width:50px;
	height:50px;
	padding-top:px;
	background:url("../images/back.png") no-repeat 0 0;
	color:#c3e1e3;
	margin-left: 
	margin:10px auto 0;
}

input[type=radio]:not(old):checked + label > span > span
{
	display:block;
	width:14px;
	height:14px;
	margin:2px;
	border-radius:2em;
	background:#2a3c40
}

.styled_select
{
	overflow:hidden
}

.styled_select select
{
	border:1px solid #2a3c40;
	border-radius: 0px;
	color:#2a3c40;
	background:url(../images/select_triangle.png) no-repeat right;
	text-indent:5px;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	-ms-appearance: none  \9 !important;
}

.styled_select select:focus
{
	outline:none
}

.styled_select select::-ms-expand
{
	display:none
}
option
{
	background:#d4f4f6;
	padding:5px
}


.L_outline
{
	height:352px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-167px 0 0 -190px;
	background:url(../images/login_bg.png) no-repeat 0 0
}

.L_outline.change_psw
{
	background:url(../images/login_bg_m.png) no-repeat 0 0
}


.L_outline input
{
	width:204px;
	height:30px;
	border:1px solid #2a3c40;
	background-color:#d4f4f6;
	text-indent:5px;
	margin:0px;
}

.L_outline input:focus
{
	outline:2px solid #e17d33
}

.L_outline a.btn
{
	border:1px solid #2a3c40;
	color:#2a3c40;
	margin:0 auto
}
.L_outline a.btn:hover
{
	background:#2a3c40;
	color:#d4f4f6
}
.L_outline a.btn.move
{
	float: left;
    width: 100px;
    margin: 0 2px;
}
.L_outline a.btn.move1
{
	float: left;
    width: 100px;
    margin: 0 2px;
	margin-left:40px;
}
.L_outline a.btn.move2
{
	float: left;
    width: 100px;
    margin: 0 2px;
}

.L_outline .title
{
	width:330px;
	height:34px;
	font-size:18px;
	font-weight:700;
	background:url(../images/sc_box_title_bg.png) no-repeat;
	padding:8px;
	text-align:center;
}

.L_outline .login
{
	width:330px;
	height:265px;
	margin:0 0 0 46px;
}

.L_outline ul li.space
{
	margin-bottom:20px;
}

.L_outline ul li
{
	font-weight:700;
}

.L_outline ul li.path
{ 	width:82px; 
	height:30px; 
	background-color:#e17d33; 
	color:#d4f4f6; 
	text-align:center; 
	padding:5px 0;
	margin-top:-30px;
	margin-left:208px;
	margin-bottom:25px;
}

.L_outline_long
{
	height:404px;
	position:absolute;
	top:50%;
	left:50%;
	margin:-167px 0 0 -190px;
	background:url(../images/login_bg_long.png) no-repeat 0 0
}

.L_outline_long input
{
	width:204px;
	height:30px;
	border:1px solid #2a3c40;
	background-color:#d4f4f6;
	text-indent:5px;
	margin:0px;
}

.L_outline_long input:focus
{
	outline:2px solid #e17d33
}

.L_outline_long a.btn
{
	border:1px solid #2a3c40;
	color:#2a3c40;
	margin:0 auto
}
.L_outline_long a.btn:hover
{
	background:#2a3c40;
	color:#d4f4f6
}
.L_outline_long a.btn.move
{
	float: left;
    width: 100px;
    margin: 0 2px;
}
.L_outline_long a.btn.move1
{
	float: left;
    width: 100px;
    margin: 0 2px;
	margin-left:40px;
}
.L_outline_long a.btn.move2
{
	float: left;
    width: 100px;
    margin: 0 2px;
}

.L_outline_long .title
{
	width:330px;
	height:34px;
	font-size:18px;
	font-weight:700;
	background:url(../images/sc_box_title_bg.png) no-repeat;
	padding:8px;
	text-align:center;
}

.L_outline_long .login
{
	width:330px;
	height:265px;
	margin:0 0 0 46px;
}

.L_outline_long ul li.space
{
	margin-bottom:25px;
}

.L_outline_long ul li
{
	font-weight:700;
}

.L_outline_long ul li.path
{ 	width:82px; 
	height:30px; 
	background-color:#e17d33; 
	color:#d4f4f6; 
	text-align:center; 
	padding:5px 0;
	margin-top:-30px;
	margin-left:208px;
	margin-bottom:25px;
}


.login ul
{
	margin:63px 60px;
}

.m_ip
{
	width:330px;
	height:335px;
	margin:0 0 0 46px;
}
.m_ip ul
{
	margin:24px 58px;
}

.m_dn
{
	width:330px;
	height:306px;
	margin:0 0 0 46px;
}
.m_dn ul
{
	margin:33px 60px;
}
.m_dn ul li p
{
	margin-top:80px;
	font-size:12px;
	font-weight:400;
	color:##303a3a;
}
.fw_dn
{
	width:330px;
	height:265px;
	margin:0 0 0 46px;
}
.fw_dn ul
{
	margin:43px 20px;
}
.fw_dn ul li p
{
	margin-top:90px;
	font-size:12px;
	font-weight:400;
	color:##303a3a;
}