:root {
	--t1: white;
    --t2: #f4f4f4;
    --t3: #ededed;
    --t4: #d8d8d8;
    --t5: #b3b3b3;
    --t6: #999;
    --t7: #666;
    --t8: #3d3d3d;
    --t9: #181818;
    --c1: #136DFB;
    --l4: #398BFC;
    --l3: #82B7FD;
    --l2: #CDE2FE;
    --l1: #E7F0FF;
    --d1: #0D59C9;
    --d2: #074397;
    --d3: #032D65;
    --d4: #011632;

	--brand-1: #ffe1cc;
    --brand-8: #ff791a;
    --brand-9: #ff6a00;
    --brand-10: #e65f00;
    --neutral-1: #fff;
    --neutral-2: #f4f4f4;
    --neutral-3: #ededed;
    --neutral-4: #d8d8d8;
    --neutral-5: #b3b3b3;
    --neutral-6: #999;
    --neutral-7: #3d3d3d;
    --neutral-8: #181818;
    --link-2: #339dff;
    --link-3: #1890ff;
    --link-4: #0084ff;
    --error-2: #fcdfd9;
    --error-3: #f15533;
    --success-2: #dff1da;
    --success-3: #63ba4d;
    --notice-2: #ffedcc;
    --notice-3: #ffa400;
}

html { color:#333333; font-size:14px; }
.bcontent_bbslist, .bconten0_ssl, .footer, .mainmenu div, .maintypeleft2, .logtrlist td, .logtrodn, .smenu_submenu table, #ly, #lym { background-color:white; }
.topmenud { background-color:#337ab7; }
button, input[type="button"], input[type="submit"], th, .maintitle:hover, .span_btn, .tr1 { background-color:#4183bc; }
button[disabled], button[disabled=disabled], button[disabled=false] { background-color:#bbbbbb; }
.smenu:first-of-type, .smenu:hover { background-color:#dddddd; }
.maintitle, .submenu, .th1 { background-color:#eeeeee; }
body, .bconttitle, #ly form td:last-of-type button { background-color:var(--t2); }
.logtrlistnew td { background-color:rgba(255,255,0,0.1); }
.maintitlecloudimg, .maintitlemailimg, #mainkansupport .maintitle li:first-child, #mainkanprogram .maintitle li:first-child { background-image:url(/icon/icon_spritemap.png); }
#ly, #lym { background-image:url(/icon/robot-filter.gif); background-repeat:no-repeat; }
input[type="image"], #bconten0 .bconttitle { border:0; }
button, fieldset, input, select, textarea, .span_btn { border:1px solid #337ab7; }
.maintitle:hover { border:1px solid #4183bc; }
#ly form input, #ly form td:last-of-type button, #lym { border:1px solid #cccccc; }
.maintitle { border:1px solid #dddddd; }
#logtablelist .logtrodn td { border-bottom:1px solid #7aa8d0; }
.logtrlist td, .maintypeleft td, #bconten0 td { border-bottom:1px solid #efefef; }
.bconten0_ssl td { border-left:1px solid #e0e8f0; }
th, .smenu, #bcontent td { border-bottom:1px solid #d7e1ea; }
#bcontent td { border-left:1px solid #f8f8f8; }
.bconten0_ssl tr td:last-child { border-right:1px solid #e0e8f0; }
.mainmenu div { bottom:0; }
input, select, textarea { box-sizing:border-box; }
.footer, .lym_li_left, .lym_li_right { color:grey; }
[onclick]:hover, a:hover, .body-content a:hover, .islink:hover { color:orange; }
#lym a { color:red; }

a, button, input[type="button"],input[type="submit"], th, .mainmenu, .mainmenu:hover, .maintitle:hover, .span_btn, .topmenud, .tr1, #autoscreenhelp, #mainmenuplus {
	color:white;
}

fieldset legend, h1, h2, .smenu:first-of-type, .smenu a { color:#337ab7; }
.body-content a, .maintitle, .th1, #ly form td:last-of-type button { color:#333333; }
[onClick], button, input[type="button"],input[type="submit"], .islink, .logout_action, .mainmenu, .span_btn, .topmenud div, #mainmenuplus, #overlay,#overlaym { cursor:pointer; }
.footer li, #loginDefb { display:inline; }
.span_btn { display:inline-block; }

.lianxiform, .logtable .logtrodn, .mainmenu div, #ly, #lym, #mainhostxeon, #mainkankongline1, #mainmenuplus, #mainmenuvslt, #mainvsltzhuce, #mainvsltduanxin, #mainvsltemail, #mainvslthost, #mainvsltnotice, #mainvsltmaster, #mainvsltserver, #mainvsltssl, #mainvsltpay, #overlay, #overlaym, #regbtntable {
	display:none;
}

textarea, .mainchanpinul, .maintypeleft2, #lym li, #mainkansupport .maintitle li:first-child, .submenu, #mainkanprogram .maintitle li:first-child { float:left; }
#mainkanmail .maintypeleft2 { float:none; }
body, button, input[type="button"],input[type="submit"], #ctrlandenter, fieldset legend, h4, th, .tr1, #maintitleds #domain {
	font-size:1rem;
}
#ly form input { font-size:1.1rem; }
.maintitle, .topmenud { font-size:16px; }
.smenu:first-of-type, .span_btn { font-size:18px; }
h1, h2 { font-size:20px; padding-left:2%; }

.bottombtn { font-size:1.2rem; }
.mainmenu, .maintitle, .smenu:first-of-type, #mainmenuplus, #mainmenuvslt,.smenu_submenu td:hover { font-weight:700; }
#maintitleds input[type="image"], .smenu_submenu td { height:25px; }
.bottombtn, .smenu, #ly form input { height:30px; }
#maintitleds #domain { height:38px; }
.smenu { height:40px; }
html, body, .body-content, #overlay, #overlaym { height:100%; }
.smenu { display:inline-table; }
#lym { right:0; }
.smenu_submenu { left:100%; z-index:9; }
html,body, .span_btn { line-height:20px; }
.header, #bcontent, #bconten0, #ly form { line-height:30px; }
.smenu_submenu, #mainmenuvslt { line-height:35px; }
.maintitle li, .smenu, #maintitleds { line-height:40px; }
li, .mainmenu, .maintitle, .maintypeleft2, #mainmenuplus { list-style:none; }
html, body, h4, .mainchanpinul, .submenu { margin:0; }
.pagetitle, table { margin:auto; }
.body-content { overflow-y:auto; overflow-x:hidden; }
input, select, textarea { outline:none; }
.maintypeleft td { overflow:hidden; }
.mainchanpinul, #ly button { padding:0; }
button,input[type="button"],input[type="submit"] { padding:0 10px; height:24px; }
#ly form input { padding:0 10px; }
#maintitleds input[type="image"], #ly, #lym, #mainmenuvslt, #overlay, #overlaym { position:absolute; }
.logtable .logtdodn, .mainmenu, #mainmenuplus, #maintitleds { position:relative; }
#bconten0 .bconttitle, #logtablelist .logtdodn { text-align:left; }
.bconten0_ssl td, .forhpnone, .logtrlist td, .span_btn, .smenu, .tr1, #logtablepage input, #logtablepage td, #ly, #mainmen li, #maintitleds #domain { text-align:center; }
.topmenud, #logtablepage td:last-of-type { text-align:right; }
a, .maintitle { text-decoration:none; }
.maintypeleft td { text-overflow:ellipsis; }
.smenu_submenu, #ly, #lym, #overlay, #overlaym { top:0; }
img, .maintitle { vertical-align:middle; }
#mainkanmail { vertical-align:top; }
.body-content a, .mainmenu, .maintitle div, .maintypeleft td, #bcontent td label, #mainmenuvslt { white-space:nowrap; }
.logtable .logtrodn, .logtdodn div { word-break: break-all; }
.logtable, .maintitle table { width:95%; }
.logtdodn div, .mainmenu div, .maintable, .smenu, .submenu, #bconten0, #bcontent, #boardtable, #logtablepage input, #ly form button, #ly form input, #overlay, #overlaym { width:100%; }
#mainmenuvslt { z-index:9; }
#mainmenuvslt > a { display:block; }
#mainmenuvslt > #mainvsltzhuce,
#mainmenuvslt > #mainvsltduanxin,
#mainmenuvslt > #mainvsltemail,
#mainmenuvslt > #mainvslthost,
#mainmenuvslt > #mainvsltnotice,
#mainmenuvslt > #mainvsltmaster,
#mainmenuvslt > #mainvsltserver,
#mainmenuvslt > #mainvsltssl,
#mainmenuvslt > #mainvsltpay { display:none; }

input,select { height:21px; }
input[type="radio"],input[type="checkbox"],input[type="file"] { height:unset; }
section { height:calc(100% - 50px); }
table { border-spacing:0; }

.board_table { width:100%; }
.bcontent_bbslist td a { white-space:unset; }
.bconten0_ssl .tr1 td { width:25%; }
.body-conten { min-height:calc(100% - 81px); width: 98%; margin: auto; }
.float_right_width .body-conten { width:100%; }
.buttonul { margin-top:60px; }
.clear_both { clear:both; }
.float_right_width { float:right; width:calc(100% - 150px); }
.footer { border-top:1px solid #e3e8ee; font-size:12px; margin-top:20px; padding:16px 20px; }
.footer-primary { display:flex; align-items:center; gap:16px; color:#566675; line-height:20px; }
.footer-secondary { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:10px; padding-top:10px; border-top:1px solid #f0f2f4; line-height:20px; }
.footer-links { display:flex; align-items:center; gap:14px; }
.footer-links a { color:#687784; text-decoration:none; }
.footer-links a:hover { color:#337ab7; }
.footer-copyright { flex:1 1 auto; min-width:0; margin-left:auto; color:#87929c; text-align:right; }
.formbottom { text-align:center; margin:10px; }
.logtdodn { width:50%; }
.lym_li_left { width:36%; }
.lym_li_right { width:64%; }
.mainchanpinul { width:25%; }
.mainmenu {
	display:flex;
	float:none;
	align-items:center;
	height:50px;
	padding:0 12px;
	margin:0 4px;
	box-sizing:border-box;
	border-radius:6px 6px 0 0;
	transition:background-color .18s ease;
}
.mainmenu-list { display:flex; align-items:center; justify-content:center; width:100%; height:50px; margin:0; padding:0; }
.mainmenu > a { display:flex; align-items:center; height:100%; color:inherit; text-decoration:none; }
.mainmenu-toggle { display:flex; align-items:center; justify-content:center; width:100%; height:100%; padding:0; border:0; background:transparent; }
.mainmenu:hover { background-color:rgba(255,255,255,.13); }
.mainmenu > div {
	position:absolute;
	right:10px;
	bottom:4px;
	left:10px;
	width:auto;
	height:3px;
	border-radius:3px;
	box-shadow:0 1px 2px rgba(0,0,0,.12);
}
.mainmenu:hover > div { display:block; }
.mainmenu:has(> div[style*="display: block"]) { background-color:rgba(255,255,255,.18); }
#mainmenuplus { height:50px; }
#mainmenuplus img { height:21px; margin-top:-3px; }
.mainmenut { display:flex; flex:1 1 auto; align-items:center; justify-content:center; min-width:0; margin-left:0; text-align:left; width:auto; z-index:1; }
.maintitle {
	box-shadow:3px 3px 4px #e9e9e9;	height:44px; margin:6px 6px 0 6px;
	padding-top:.7rem; padding-bottom:.7rem; text-indent:3%; width:96%;
}
.maintitlecloudimg, .maintitlemailimg, .maintitlelefttd, #mainkansupport .maintitle li:first-child, #mainkanprogram .maintitle li:first-child { width:50px; }
.maintitlecloudimg { background-position:-526px -67px; height:40px; }
.maintitlecloudtd { width:60px; }
.maintitle img { width:45px; }
.maintitlemailimg { background-position:-410px -65px; height:45px; }
.maintypeleft { margin:0 6px 6px 6px; }
.maintypeleft table { line-height:28px; width:90%; table-layout:fixed; }

.maintypeleft2 {
	border-left:1px solid #ddd; border-right:1px solid #ddd; border-bottom:1px solid #ddd; box-shadow:3px 3px 4px #e9e9e9;
        margin:0px 6px 6px 6px;
        padding-top:17px; padding-bottom:17px;
        width:96%;
}
.maintypeleft2 table { width:70%; }
.maintypeleft2 table img { margin-right:.4rem; }
.padding5_10 { padding:5px 10px; }
.pagetitle h1 { margin-top:30px; }
.span_btn { width:20px; padding-bottom:2px; margin-right:1%; }
.smenu:first-of-type { height:60px; line-height:60px; }
.submenu { width:150px; }
.topmenud { display:flex; align-items:center; gap:18px; height:50px; padding:0 15px; box-sizing:border-box; position:relative; }
.topmenud img { margin-left:5px; }
.topmenud > div:first-child { display:flex; flex:0 0 auto; align-items:center; }
.topmenud > div:last-of-type { flex:0 0 auto; margin-left:auto; z-index:1; white-space:nowrap; }
.header-actions { display:flex; align-items:center; justify-content:flex-end; gap:4px; }
.header-action {
	display:inline-flex;
	align-items:center;
	min-height:30px;
	padding:0 8px;
	box-sizing:border-box;
	border-radius:5px;
	color:inherit;
	line-height:20px;
	text-decoration:none;
	transition:background-color .16s ease;
}
#loginDefb.header-action { display:inline-flex; }
.header-action:hover { background-color:rgba(255,255,255,.13); color:#fff; }
.header-language img, .header-support img { flex:0 0 auto; margin-right:4px; }
.topmenud div:first-of-type img { height:30px; margin-left:0; }
th, .tr1 { height:35px; }
#board_table_head .tr1 td:first-of-type { text-align:left; }
#boardtable .board_view { background-color: var(--t1); }
#boardtable .board_view img { max-width:100%; border:0; float:right; }
#boardtable .board_view p { margin:20px 2%; }
.domain-overview { display:flex; align-items:flex-start; gap:20px; width:calc(100% - 40px); margin-right:20px; margin-left:20px; box-sizing:border-box; }
#domsch_div, div#dis4 {
	flex:1 1 0;
	width:auto;
	min-width:0;
	box-sizing:border-box;
	background:#fff;
	border:1px solid #e0e6ec;
	border-radius:8px;
	box-shadow:0 2px 8px rgba(30,70,110,.06);
	vertical-align:top;
}
#domsch_div { display:block; margin-right:0; padding:0 14px 14px; }
div#dis4 { display:block; padding:14px; }
.domain-card-header { padding:22px 6px 16px; }
.domain-card-header h1 { margin:0; padding:0; color:#263746; font-size:22px; line-height:30px; }
.domain-card-header p { margin:5px 0 0; color:#6f7d8b; font-size:13px; line-height:20px; }
#domsch_div > #bconten0, div#dis4 > table { width:100%; }
div#dominfopage { max-width:645px; }
#domSearchForm { margin:10px auto; }
#domSearchForm td { padding:0; }
#logtablepage td:last-child { width:200px; }
#ly, #lym { z-index:111; }
#ly { 
	left:50%; width:300px; height:200px; margin:100px 0 0 -152px; border: 4px solid #cccccc; padding-top:10px;
}
#ly form table { width:80%; }
#ly form td { width:50%; }
#lym { height:100px; width:300px; }
#lym ul { margin:auto; margin-top:15px; padding:0; width:85%; }
#mainkandomsch form { margin-right:.1%; }
#mainkanmail { padding-top:2px; }
#mainkanmail .mainkanmaildiv { width:33.33%; }
#mainkanmail .maintitle { margin-top:12px; }
#mainkanmail .maintitle:first-child { margin-top:5px; }
#mainkannotice, #mainkansupport, #mainkanprogram { width:20%; }
#mainkannotice .maintitle img { margin:0 2%; }
#mainkanprogram div { width:94.7%; }
#mainkanprogram .maintitle li:first-child, #mainkansupport .maintitle li:first-child { height:50px; margin-left:4%; }
#mainkanprogram .maintitle li:first-child { background-position:-468px -355px; }
#mainkansupport div { width:96.5%; }
#mainkansupport .maintitle li:first-child { background-position:-60px -468px; }
#maintitleds { text-indent:unset; }
#maintitleds input[type="image"] { right:6.5%; top:21px; }
#maintitleds #domain { margin:0 5%; width:90%; }
#mainmenuvslt { left:-100px; top:40px; background-color:rgba(65,131,188,0.7); padding:10px 20px; width:100px; }
#overlay, #overlaym { left:0; background-color:black; opacity:0.5; filter:alpha(opacity=50); z-index:11; }
#smenukong { width:20%; }


@media screen and (max-width:1450px) {
	div#dominfopage { max-width:590px; }
	.topmenud, #submen { font-size:14px; }
}
@media screen and (max-width:1300px) {
	div#dominfopage { max-width:460px; }
	.mainchanpinul { width:33.3%; }
	#mainchanpinul_cn { display:none; }
	li.maintypeleft2 table tr:nth-of-type(7), #mainkanmail .mainkanmaildiv:last-of-type { display:none; }
	#mainkanmail .mainkanmaildiv { width:50%; }
	#mainhostxeon { display:block; }
	#mainkanprogram { display:none; }
	#mainkannotice, #mainkansupport { width:30%; }
	#mainkanleft div { margin-right:-5px; }
	#mainmenureseller, #mainmenusupport { display:none; }
	#mainmenuplus { display:inline-block; order:99; width:42px; margin-left:8px; }
	#mainmenuvslt > #mainvsltsupport,
	#mainmenuvslt > #mainvsltreseller,
	#mainmenuvslt > #mainvsltnotice { display:block; }
	.mainmenu-toggle { width:42px; }
	#mainmenuplus img { margin-top:0; transition:transform .18s ease; }
	.mainmenu-toggle[aria-expanded="true"] img { transform:rotate(90deg); }
	#mainmenuvslt {
		top:50px;
		right:0;
		left:auto;
		width:190px;
		padding:8px 0;
		background:#fff;
		border:1px solid #c9d7e4;
		border-radius:8px;
		box-shadow:0 12px 30px rgba(25,45,65,.2);
		overflow:hidden;
		font-size:14px;
		line-height:20px;
		text-align:left;
	}
	#mainmenuvslt a {
		padding:10px 14px;
		box-sizing:border-box;
		border-bottom:1px solid #eef3f7;
		color:#234763;
		white-space:normal;
	}
	#mainmenuvslt a:last-child { border-bottom:0; }
	#mainmenuvslt br { display:none; }
}
@media screen and (max-width:1100px) {
	.domain-overview { flex-direction:column; gap:16px; width:calc(100% - 32px); margin-right:16px; margin-left:16px; }
	.topmenud div:first-of-type img { height:25px; }
	#domsch_div, div#dis4 { width:100%; }
	div#dominfopage { max-width:700px; }
	#mainmenumaster, #mainmenussl { display:none; }
	#mainmenuvslt > #mainvsltmaster, #mainmenuvslt > #mainvsltssl { display:block; }
}
@media screen and (max-width:880px) {
	div#dominfopage { max-width:590px; }
	section { height:unset; }
	.body-content { height:auto; }
	.float_right_width { width:100%; }
	.footer-primary { flex-wrap:wrap; gap:4px 12px; }
	.footer-secondary { align-items:flex-start; flex-direction:column; gap:6px; }
	.footer-links { flex-wrap:wrap; }
	.footer-copyright { flex:none; width:100%; margin-left:0; text-align:right; }
        .topmenud div:first-of-type img:last-of-type, #mainkansupport, #mainmenuemail, #mainmenuduanxin, #memlast, #memnamelink1 { display:none; }
	#mainvsltemail { display:inline; }
	#mainkanleft { width:100%; }
	#submen { font-size:12px; height:auto; width:100%; }
	.smenu { float:left; margin-left:3%; border:unset; width:auto; }
	.smenu:first-of-type { display:none; }
	.smenu_submenu { border:1px solid #eeeeee; left:0; position:absolute; top:40px; }
}
@media screen and (max-width:800px) {
	div#dominfopage { max-width:460px; }
        .forhpnone, .logtdodn, #mainmenuserver, #mainkannotice, #logoutname { display:none; }
	#mainmenuvslt > #mainvsltserver { display:block; }
	.logtable .logtrodn { display:table-row; }
	.logtable .logtrodn td { padding-left:3%; }
	.mainchanpinul, #mainkanmail .mainkanmaildiv { width:50%; }
	#mainchanpinul_cn { display:block; }
	#mainkanleft div { margin-right:unset; }
	#mainkankongline1 { display:table-row; }
	
}
@media screen and (max-width:680px) {
	#bcontent td { padding-left:10px; }

	#mainmenuhost { display:none; }
	#ly { margin-top:50px; }
	#mainvslthost { display:inline; }
}
@media screen and (max-width:600px) {
	.domain-overview { width:calc(100% - 20px); margin-right:10px; margin-left:10px; }
	.domain-card-header { padding:18px 2px 12px; }
	.domain-card-header h1 { font-size:20px; line-height:28px; }
	div#dominfopage { max-width:300px; }
	.maintitle, .maintypeleft, .maintypeleft2 { margin:0; width:99.7%; }
        #mainmenuzhuce, #smenukong { display:none; }
		#mainmenuvslt > #mainvsltnotice, #mainmenuvslt > #mainvsltzhuce { display:block; }
        .body-content { min-height:400px; margin-bottom:20px; padding:unset; }
	.logtable { width:100%; }
	#bcontent, #bconten0 { width:100%; }
}
@media screen and (max-width:468px) {
        #autoscreenhelp, #mainmenupay { display:none; }
	#mainmenuvslt > #mainvsltpay { display:block; }
	div#lym, .mainchanpinul, #mainkanmail .mainkanmaildiv { width:100%; }
	#mainkanmail .mainkanmaildiv:last-of-type { display:block; }
}
@media screen and (max-width: 600px) {
	.topmenud {
		height: 48px;
		min-height: 48px;
		padding: 4px 8px 4px 12px;
		text-align: left;
		gap: 8px;
	}

	.topmenud > div:first-child {
		order: 1;
		flex: 0 0 40px;
		max-width: 40px;
		overflow: hidden;
		white-space: nowrap;
	}

	.topmenud > div:first-child img:first-child {
		height: 30px;
	}

	.topmenud > .mainmenut {
		order: 3;
		flex: 0 0 42px;
		width: 42px;
		height: 40px;
		margin-left: auto;
		text-align: right;
		z-index: 4;
	}

	.mainmenu-list { height:40px; justify-content:flex-end; }

	#mainmenuplus {
		box-sizing: border-box;
		display: inline-block;
		width: 42px;
		height: 40px;
		padding: 0;
		margin: 0;
		text-align: center;
		border: 0;
		background: transparent;
	}

	.mainmenu-toggle {
		width:42px;
		height:40px;
		border:0;
		border-radius:0;
		background:transparent;
	}

	.mainmenu-toggle:focus-visible { outline:2px solid #fff; outline-offset:2px; }

	#mainmenuplus img {
		height: 22px;
		margin-top: 0;
		padding-top: 0;
		transition:transform .18s ease;
	}
	.mainmenu-toggle[aria-expanded="true"] img { transform:rotate(90deg); }

	#mainmenuvslt {
		top: 44px;
		right: 0;
		left: auto;
		width: 190px;
		padding: 8px 0;
		background: #fff;
		border: 1px solid #c9d7e4;
		border-radius:8px;
		box-shadow:0 12px 30px rgba(25,45,65,.2);
		overflow:hidden;
		line-height: 20px;
		font-size: 14px;
		text-align: left;
	}

	#mainmenuvslt a {
		padding: 10px 14px;
		color: #234763;
		border-bottom: 1px solid #eef3f7;
		box-sizing: border-box;
		white-space: normal;
	}

	#mainmenuvslt a:last-child {
		border-bottom: 0;
	}

	#mainmenuvslt br {
		display: none;
	}

	.topmenud > div:last-child {
		order: 2;
		flex: 1 1 auto;
		min-width: 0;
		margin-left: 0;
		display: flex;
		align-items:center;
		gap:0;
		max-width: none;
		padding-top: 0;
		padding-right: 0;
		line-height: 20px;
		text-align: left;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.topmenud > div:last-child a,
	.topmenud > div:last-child span {
		display: inline-flex;
		min-height:32px;
		padding-right:5px;
		padding-left:5px;
		margin-top: 0;
		vertical-align: middle;
	}
}

@media screen and (max-width: 420px) {
	.topmenud > div:first-child {
		max-width: 40px;
	}

	.topmenud > div:last-child {
		font-size: 13px;
	}

	#mainmenuvslt {
		width: 176px;
	}
}
