body
{
	margin: 0px;
	padding: 0px;
	color: #333;
	font-family: "微軟正黑體",Arial,Helvetica,sans-serif;
	font-size: 13px;
	/*background-color:rgba(220, 0, 46, 0.9);*/
	background-color:rgb(220,0,46);
	width:100%;
	height:100%;
	/*overflow:hidden;*/
	-webkit-font-smoothing: antialiased;
}
#sndcode
{
	display:block;
	position:relative;
	width:30%;
}
#signUpForm
{
	display:block;
	position:relative;
	width:100%;
}
#containeroutbx
{
	position:relative;
	width:100%;
}
.txt-nowrap
{
	OVERFLOW: hidden; WHITE-SPACE: nowrap; TEXT-OVERFLOW: ellipsis;
}
a:link, a:visited, a:active
{
	color:#c71801;
	outline: none;
	text-decoration: none;
}
a:hover
{
	color:#aa0000;
}
input[type=text], input[type=password], input[type=button], .bootstrap-dialog-message select, #accleftbx select
{
	display:block;
	float:none;
	width:100%;/*300px;*/
	padding:15px;
	font-size:15px;
	margin-bottom:10px;
	border-radius:5px;
	background-color:#fafafa;
	color:#333;
}

#appNotificationSound select
{
	display:block;
	width:30%;/*300px;*/
	padding:15px;
	font-size:15px;
	margin-bottom:10px;
	border-radius:5px;
	background-color:#fafafa;
	color:#333;
}

input[type=button]
{
	background-color:rgb(220,0,46);
	color:#fff;
}
input[type=button]:disabled
{
	color:#999;
}
.bootstrap-dialog-message select, #accleftbx select
{
	line-height:1.5;	
}
#safecode
{
	width:140px;
	float:left;
}
.safecodeimg
{
	cursor:pointer;
	border:0px;
	margin-left:9px;
	height:50px;
	float:left;	
	margin-top:2px;
	border-radius:5px;
	border:1px solid #999;
}
#signinbt1
{
	background-color:rgb(182,39,43);
	color:#fff;
}
.bxtitle
{
	font-size:15px;
	line-height:1.5;
	color:#999;
	border:3px;
	margin-bottom:10px;
	font-weight:bolder;
}
#logobx
{
	width: 200px;
	margin-left:30px;
	margin-top:20px;
	margin-bottom:20px;
}
#logoutbx
{
	position: absolute;
	top: 25px;
	right: 20px;
	/*
	overflow:hidden;
	width:32px;
	height:32px;
	*/
}
#logoutbx img:hover
{
	/*
	margin-top:-32px;
	*/
}
#logobx img
{
	width:100%;
	height:auto;
}
#logotxtbx
{
	font-size:16px;
	color:#fff;
	left: 240px;
	top: 33px;
	position:absolute;
}
#extlink
{
	position:absolute;
	right:30px;
	top:70px;
	font-size:16px;
	color:#eee;
}
#extlink a
{
	color:#fff;
	font-weight:bolder;
	/*display:inline-block;*/
}
#comefrombx
{
	font-size:12px;
	color:#aaa;
	margin:0px auto;
	line-height:1.8;
	text-align:center;
	margin-top:10px;
	width:100%;
}
.panelhead
{
	display:block;
	font-size:18px;
	font-weight:bolder;
	color:#888;
}
.panelhead .newreg, .panelhead .funcbx
{
	width:32px;
	height:32px;
	overflow:hidden;
	display:inline-block;
	position:relative;
	top:10px;
}
.panelhead .newreg:nth-of-type(1)
{
	margin-left:20px;
}
.panelhead .newreg img:hover
{
	margin-top:-32px;
}
.panelhead .funcbx
{
	width:115px;
	height:23px;
	border-radius:3px;
	border:1px solid rgb(220,0,46);
	background:url('../images/mail.png') 3px 2px no-repeat rgb(220,0,46);
	font-size:12px;
	top:5px;
	margin-left:10px;
	white-space: nowrap;
	padding-left:28px;
}
.panelhead .funcbx a
{
	color:#ddd;
	line-height:23px;
}
.panelhead .funcbx a:href
{
	color:#fff;
}
.buynavtitle
{
	display:block;
	width:100%;
	height:40px;
	font-size:18px;
	line-height:40px;
	text-align:center;
	margin-top:10px;
	border:1px solid #ccc;
	background-color:#eee;
	cursor:pointer;
}
#buynavlite, #buynavpro, #buynavent, #buynavcc, #navcompare, #buynavraid
{
	font-size:16px;
	line-height:1.8;
	position:relative;
	padding-bottom:30px;
}
#buynavlite>b:nth-of-type(1), #buynavpro>b:nth-of-type(1), #buynavent>b:nth-of-type(1), #buynavcc>b:nth-of-type(1), #navcompare>b:nth-of-type(1), #buynavraid>b:nth-of-type(1)
{
	position:relative;
	top:20px;
}
#buynavlite iframe:nth-of-type(1), #buynavpro iframe:nth-of-type(1), #buynavent iframe:nth-of-type(1), #buynavcc iframe:nth-of-type(1), #navcompare iframe:nth-of-type(1), #buynavraid iframe:nth-of-type(1)
{
	height:280px;
	width:450px;
	float:left;
	margin:10px 35px 10px 0px;
	z-index:0;
}
#buynavlite ul, #buynavpro ul, #buynavent ul, #buynavcc ul, #navcompare ul, #buynavraid ul
{
	display:block;
	float:left;
	margin-left:40px;
}


.raidbt
{
	height:40px;
	background-color:rgb(242,49,78);
	border:1px solid rgb(215,13,44);
	border-radius:5px;
	color:#ddd;
	line-height:40px;
	text-align:center;
	font-size:15px;
	cursor:pointer;
	/*position:absolute;
	right:10px;*/
	bottom:10px;
}
.raidbt:hover
{
	color:#fff;
	border-color:rgb(160,10,32);
}


.buybt
{
	height:40px;
	background-color:rgb(242,49,78);
	border:1px solid rgb(215,13,44);
	border-radius:5px;
	color:#ddd;
	line-height:40px;
	text-align:center;
	font-size:15px;
	cursor:pointer;
	/*position:absolute;
	right:130px;*/
	bottom:10px;
}
.buybt:hover
{
	color:#fff;
	border-color:rgb(160,10,32);
}


.trialbt
{
	height:40px;
	background-color:rgb(242,49,78);
	border:1px solid rgb(215,13,44);
	border-radius:5px;
	color:#ddd;
	line-height:40px;
	text-align:center;
	font-size:15px;
	cursor:pointer;
/*	position:absolute;
	right:220px;*/
	bottom:10px;
}
.trialbt:hover
{
	color:#fff;
	border-color:rgb(160,10,32);
}


.orderbt
{
	height:40px;
	background-color:rgb(242,49,78);
	border:1px solid rgb(215,13,44);
	border-radius:5px;
	color:#ddd;
	line-height:40px;
	text-align:center;
	font-size:15px;
	cursor:pointer;
	margin: 10px;
/*	position:absolute;
	right:10px;*/
	/* bottom: 20px; */
}
.orderbt:hover
{
	color:#fff;
	border-color:rgb(160,10,32);
}
#buynavlite #reglitebx, #buynavpro #regprobx, #buynavent #regentbx_o, #buynavent #regentbx_f,#buynavcc #regccbx_o,#buynavcc_f #regccbx,#navcompare, #buynavraid #regraidbx
{
	/*width:210px;*/
	width:auto;
	padding:0px 15px;
}
/*
#buynavent #regentbx
{
	width:210px;
}
*/
#accleftbx
{
	float:left;
	width:60%;
	margin-right:4%;
	min-height:200px;
}
#accleftbx>div
{
	font-size:12px;
	color:#666;
}
#accrightbx
{
	float:left;
	width:36%;
	min-height:200px;
}
#accrightbx ul
{
	padding:0px;
	margin-top:-30px;
}
#accrightbx li
{
	list-style:none;
	margin:12px 0px;
	padding:10px 0px;
	font-size:16px;
}
#accrightbx li b
{
	display:block;
	width:100%;
	float:none;
	border-bottom:1px solid #ccc;
	padding:10px 0px;
	font-size:16px;
}
#accrightbx li span
{
	display:inline-block;
	line-height:40px;
}
/*tab*/
#tabbody
{
	padding-top:1px;
	/*for fox bug.*/
}
#tabbody ul.ui-tabs-nav
{
	list-style:none;
	padding:0px;margin:0px;
	/*width:370px;
	width:230px;*/
	width:auto;
	height:30px;
	z-index:20;
	float:right;
	padding-right:5px;
}
#tabbody ul.ui-tabs-nav li
{
	font-size:13px;
	color:#999;
	width:auto;
	height:30px;
	text-align:center;
	float:left;
	position:relative;
}
#tabbody ul.ui-tabs-nav li a
{
	color:#aa0000;
	display:block;
	font-size:18px;
	line-height:30px;
	padding:0px 20px;
}
#tabbody ul.ui-tabs-nav li img
{
	margin-right:5px;margin-top:3px;
}
#tabbody li.ui-tabs-nav-item
{
	border-right:1px dotted #bbb;
}
#tabbody li.lasttab
{
	border:0px;
}
#tabbody li.ui-tabs-nav-item div
{
	display:none;
}
#tabbody li.ui-tabs-active
{	
	z-index:21;
	border-bottom:1px solid #fff;
	border-right:1px solid #bbb;
	border-left:1px solid #bbb;
	left:-1px;
	bottom:-1px;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjg3Ii8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.87) 82%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(82%,rgba(255,255,255,0.87)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.87) 82%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.87) 82%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,0.87) 82%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,0.87) 82%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
}
/*
#tabbody li.ui-tabs-nav-item:not(.ui-tabs-active)
{
	border:0px;
}
*/
#tabbody li.ui-tabs-active a img
{
	margin-top:10px;
}
#tabbody li.ui-tabs-active div
{
	font-size:11px;
	display:block;
	margin-left:35px;
	margin-top:-13px;
	color:#FC4D00;
	text-decoration:underline;
}
#tabbody li.ui-tabs-active a
{
	color:#aa0000;
}
#tabbody .ui-tabs-panel
{
	width:100%;
	min-height:400px;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:12px;
	padding-right:12px;
	border:1px solid #B3B3B3;
	border-radius:5px;
	top:46px;
	left:0px;
	background-color:#FFF;
	z-index:10;
	overflow:hidden;
}
#tabbody .ui-tabs-hide
{
	display:none;
}
.bootstrap-dialog.type-primary .modal-header {
	background-color: rgba(220, 0, 46, 0.9);
}
.placeholder { color: #aaa; }
/*skelenton*/
.container
{
	width:99%;/*960px*/
	margin: 0px auto;
	border: 0px;
	position:relative;
	z-index:20;
	background-color:#eee;
	padding:15px;
	border-radius:15px;
	behavior:url('/memb/PIE.php');
}
.tablesorter-blue th, .tablesorter-blue thead td
{
	background-color:rgb(248,112,112);
}
.dataitemsel td,tr.dataitemsel /**/
{
	background-color:rgb(252,152,152) !important;
}
#ddnslist > tbody > tr, #navlist > tbody > tr
{
	cursor:pointer;
}
#navlist > tbody > tr > td:nth-of-type(1) span
{
	display:inline-block;
}
#navlist > tbody > tr > td:nth-of-type(2),#navlist > tbody > tr > td:nth-of-type(3)
{
	text-align:center;
}
#navlist > tbody > tr > td:nth-of-type(1) > span:nth-of-type(1)
{
	font-size:12px;
	font-weight:bolder;
	display:block;
}
#navlist > tbody > tr > td:nth-of-type(1) > span:nth-of-type(2), #hnav-3>.mobilecontent span[refid],
#ddnslist > tbody > tr > td:nth-of-type(2) > span:nth-of-type(1), #hnav-2>.mobilecontent span[refid],
#ddnslist > tbody > tr > td:nth-of-type(5) > span:nth-of-type(1) 
/*#ddnslist > tbody > tr > td:nth-of-type(6) > span:nth-of-type(1)*//*for channel number*/
{
	border-bottom:1px soid #aa0000;
	color:#aa0000;
	margin-left:15px;
}
#navlist > tbody > tr > td:nth-of-type(1) > span:nth-of-type(2):hover,
#ddnslist > tbody > tr > td:nth-of-type(2) > span:nth-of-type(1):hover,
#ddnslist > tbody > tr > td:nth-of-type(5) > span:nth-of-type(1):hover
{
	color:#ff0000;
}
#navlist > tbody > tr > td:nth-of-type(2) > span
{
	display:none;
}
/*tooltip*/
div.htmltooltip{
position: absolute; /*leave this and next 3 values alone*/
z-index: 1000;
left: -1000px;
top: -1000px;
background: #272727;
border: 10px solid black;
color: white;
padding: 3px;
width: 250px; /*width of tooltip*/
}
#hnav-4>.membbxtitle
{
	width:100%;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:15px;
	border-radius:4px;
	border:1px solid #ccc;
	background-color:#eaeaea;
	margin-bottom:15px;
	cursor:pointer;
}
.bootstrap-dialog-message textarea
{
	width:100%;
	height:40px;
}
.bootstrap-dialog-message .sumbxhead
{
	background-color:#dfdfdf;
	font-weight:bolder;
	padding:10px;
	margin:10px 0px;
	border-bottom:1px dotted #999;
}
.bootstrap-dialog-message .sumitem
{
	background-color:#eee;
	padding:4px 0px 4px 15px;
}
.bootstrap-dialog-message .regent_inp_title
{
	font-size:14px;
	color:#666;
	margin-top:15px;
	margin-bottom:4px;
}
.bootstrap-dialog-message #ordhistorytitle
{
	font-size:18px;
	padding:10px;
	font-weight:bolder;
	background:url('../images/arror_down.png') 98% 14px no-repeat rgb(255,128,128);
	cursor:pointer;
	border-radius:4px;
	margin-top:10px;
}
.bootstrap-dialog-message .addddnsitembx
{
	margin-top:20px;
	padding-bottom:10px;
	border-bottom:1px dotted #ccc;
}
.bootstrap-dialog-message .addddnsitembx input
{
	float:left;
	width:22%;
	margin-right:3%;
	height:30px;
	padding:5px;
}
.bootstrap-dialog-message .addddnsitembx input:nth-of-type(1)
{
	width:25%;
}
.bootstrap-dialog-message .addddnsitembx input:nth-of-type(4)
{
	margin-right:0px;
}
.bootstrap-dialog-message #adddnssafecodebx
{
	margin-top:25px;
	margin-bottom:10px;
}
.bootstrap-dialog-message #adddnssafecodebx .adddnssafecode
{
	float:left;
	width:40%;
}
.bootstrap-dialog-message .addddnsitembx:after,
.bootstrap-dialog-message #adddnssafecodebx:after
{content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
#naviconote span
{
	display:inline-block;
	margin-right:30px;
	margin-bottom:5px;
}
#naviconote img
{
	margin-right:5px;
}
.close
{
	color:#fff;
	opacity:0.8;
}
.btn-primary
{
	color:#fff;
	background-color: rgba(220, 0, 46, 0.9);
	border-color:rgba(210, 0, 16, 0.9);
}
.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary
{
	color:#fff;
	background-color:rgba(210, 0, 16, 0.9);
	border-color:rgba(210, 0, 16, 0.9);
}
#noticefitinfo
{
	background-color:rgb(252,243,214);
	border:1px solid rgb(243,131,124);
	padding:5px;
	font-size:14px;
	color:#aa0000;
}
.bootstrap-dialog-message #chkipinputbx
{
	font-size:30px;
}
.bootstrap-dialog-message #chkipinputbx input
{
	float:left;
	width:220px;
}
.bootstrap-dialog-message #ddnsipcheck_r
{
	font-size:20px;
	font-weight:bolder;
	padding:10px;
	text-align:center;
}
#camusrpwdbx span
{
	line-height:30px;
	font-size:14px;
	color:#aa0000;
}
.bootstrap-dialog-message #chlistoutbx
{
	background:#ccc;
	width:666px;
	height:50px;
	overflow:hidden;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:6px;
	position: relative;
	white-space: nowrap;
	position:relative;
}
.bootstrap-dialog-message #chlistinbx
{
	white-space: nowrap;
	position:absolute;
	width:auto;
	height:100%;
	left:0px;
}
.bootstrap-dialog-message #chleft, .bootstrap-dialog-message #chright
{
	height:50px;
	width:30px;
	overflow:hidden;
	float:left;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:6px;
	position:relative;
	cursor:pointer;
	background:url('../images/arror_left.png') 50% 50% no-repeat transparent;
}
.bootstrap-dialog-message #chright
{
	background-image:url('../images/arror_right.png');
}
.bootstrap-dialog-message #chleft:hover, .bootstrap-dialog-message #chright:hover
{
	background-color:#eee;
}
.bootstrap-dialog-message .chnobx
{
	position:absolute;
	background-color:#333;
	color:#fff;
	font-size:12px;
	text-align:center;
	padding:2px;
}
.bootstrap-dialog-message .chimgbx
{
	float:left;
	border:1px solid #ccc;
	margin:2px;
	overflow:hidden;
	width:70px;
	height:46px;
	cursor:pointer;
	position:relative;
}
.bootstrap-dialog-message .chimgbx:hover
{
	border:1px solid #aa0000;
}
.bootstrap-dialog-message .chimgbx img
{
	width:100%;
	height:auto;
}
.bootstrap-dialog-message #visitorlistbx div,
.bootstrap-dialog-message #maplistbx div
{
	font-size:18px;
	padding:10px;
	border-bottom:1px dotted #ccc;
	position:relative;
	height:80px;
}
.bootstrap-dialog-message #maplistbx div
{
	height:100px;
	overflow:hidden;
}
.bootstrap-dialog-message #visitorlistbx div:hover,
.bootstrap-dialog-message #maplistbx div:hover
{
	background-color:#ddd;
	border-radius:5px;
}
.bootstrap-dialog-message #maplistbx div:hover
{
	cursor:move;
}
.bootstrap-dialog-message #maplistbx div img
{
	width:100px;
	margin-right:10px;
	float:left;
}
.bootstrap-dialog-message #visitorlistbx span,
.bootstrap-dialog-message #maplistbx span
{
	display:block;
	text-align:right;
	width:100%;
	position:absolute;
	bottom:0px;
	right:0px;
}
.bootstrap-dialog-message #maplistbx .hideicon
{
	width:30px;
	height:30px;
	position:absolute;
	float:none;
	left:10px;
}
.bootstrap-dialog-message #mapslistnotebx
{
	font-size:15px;
	font-weight:bolder;
	padding:0px 40px;
	margin-top:40px;
	margin-bottom:-20px;
	background:url('../images/info.png') 10px 50% no-repeat transparent;
}
#langselbx
{
    position: absolute;
    right: 120px;
    top: 23px;
    /* width: 200px; */
    height: 30px;
    font-size: 18px;
    color: #FF8E8E;
}
.fileUpload {
	position: relative;
	overflow: hidden;
	margin: 10px;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}
#uploadFile {
	height: 33px;
	width:100%;
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 5px;
	line-height:23px;
	margin-top:10px;
}
#mapw {
	float:left;
	width:40%;
	margin-right:10px;
}
#mapresizebx b {
	font-size:15px;
	font-weight:bolder;
	background-color:#666;
	color:#fff;
}

#DIV1{
width:300px;
line-height:30px;
padding:0px;
	border-radius: 5px;
	border: 1px solid #ccc;

float:left;
}
#DIV2{
width:330px;
line-height:30px;
padding:0px;
float:left;
}
#DIV3{
width:300px;
line-height:30px;
padding:0px;
float:left;
}

.msgelebx
{
	position:relative;width:200px;float:left;
}
.ui-resizable {
	position: relative;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	display: block;
}
.ui-resizable-disabled .ui-resizable-handle,
.ui-resizable-autohide .ui-resizable-handle {
	display: none;
}
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 12px;
	height: 12px;
	right: 1px;
	bottom: 1px;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	bottom: -5px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: -5px;
	top: -5px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: -5px;
	top: -5px;
}
.ui-icon {
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
	width: 16px;
	height: 16px;
	background-image: url("../js/jqueryui-1.10.4/images/ui-icons_222222_256x240.png");
}
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }

@media only screen and (min-width: 768px) and (max-width: 959px)
{
	.container
	{
		width: 760px;/*768px*/
	}
	nav
	{
		width:518px;
		padding-top:16px;
		height:46px;
	}
	nav .select-menu
	{
		display:block;
	}
	#hotlinkbx li img
	{
		width:239px;
		height:auto;
	}
	.cvtlistbx>li
	{
		width:239px;
	}
	#prdsbx>li img, #prdsbx2>li img
	{
		max-width:100%;
		height:auto;
	}
	#mainleft
	{
		margin-right:28px;
	}
	#mainright
	{
		width:478px;
	}
	#prdtypemidbx li
	{
		width:162px;
		height:230px;
	}
	#prdtypemidbx li img
	{
		width:160px;
	}
	#prdkindlist
	{
		display:none;
	}
	#prdimgbx
	{
		width:263px
	}
	#prdimgbx img
	{
		max-width:98%;
	}
	#prdinfobx
	{
		width:170px;
		margin-left:15px;
	}
	#prdinfobx #orgprice
	{
		display:block;
	}
	#prdcartfavobx .prd_putfavo_div, #prdcartfavobx .prd_cart_bt_kind1_div, #prdcartfavobx .prd_cart_bt_kind4_div
	{
		float:none;
		margin:0px auto;
		margin-bottom:10px;
	}
	#searchbx
	{
		left:496px;
		z-index:1999;
	}
	#marqbx
	{
		width:320px;
	}
	.cstm_home_outdiv
	{
		width:100%;
	}
	.cstm_home_outdiv .cstm_home_notetxt
	{
		width:370px;
	}
	#mainrighttop .grid3
	{
		width:auto;
		float:none;
		display:block;
	}
	#mainrighttop img,#mainrightbottom img
	{
		max-width:100%;
		height:auto;
	}
	#content
	{
		position:absolute;
	}
	body
	{
		overflow:auto;
	}
	#containeroutbx
	{
		overflow:visible;
	}
	#buynavlite ul, #buynavpro ul, #buynavent ul, #buynavcc ul, #buynavraid ul
	{
		width:230px;
		margin-left:-20px;
	}
	#buynavlite, #buynavpro, #buynavent, #buynavcc, #buynavraid
	{
		padding-bottom:50px;
	}
	#navlist > tbody > tr > td:nth-of-type(10)
	{
		word-break: break-all;
	}
	.padhide
	{
		display:none;
	}
}
@media only screen and (min-width: 480px) and (max-width: 767px)
{
	.container
	{
		width: 420px;
	}
	#logininfo #membsvrbt
	{
		display:none;
	}
	#homelink
	{
		left:190px;
		top:100px;
		z-index:1999;
	}
	nav .select-menu
	{
		display:block;
	}
	#topmenu
	{
		height:245px;
	}
	#menubx
	{
		top:175px;
		left:0px;
	}
	nav
	{
		width:420px;
		padding-top:16px;
		height:46px;
	}
	#fblink
	{
		width:50px;
		right:80px;
		top:60px;
	}
	#fblink
	{
		display:none;
	}
	#hotlinkbx li
	{
		width:100%;
		margin-bottom:5px;
	}
	#hotlinkbx li img
	{
		width:100%;
		height:auto;
	}
	.cvtlistbx>li
	{
		width:100%;
	}
	#prdsbx>li img, #prdsbx2>li img
	{
		max-width:100%;
		height:auto;
	}
	#hotlinkbx>li.last,.cvtlistbx>li.last
	{
		margin-bottom:5px;
	}
	#mainleft
	{
		width:390px;
		margin:20px 0px;
		
	}
	#mainright
	{
		width:395px;
	}
	#moreinfo
	{
		padding-top:0px;
	}
	#last10msg
	{
		display:none;
	}
	.cstm_relate_outfr
	{
		display:none;
	}
	#prdtypemidbx li,#prdtypemidbx li img
	{
		width:auto;
		float:none;
		display:block;
		margin:0px;
		margin:0px auto;
		max-width:100%;
		height:380px;
	}
	#prdtypemidbx li img
	{
		width:260px;
		height:auto;
	}
	#prdkindlist
	{
		display:none;
	}
	#prdimgbx
	{
		width:auto;
		float:none !important;
		text-align:center;
		margin-bottom:20px;
	}
	#prdimgbx img
	{
		max-width:98%;
	}
	#prdinfobx
	{
		width:auto;
		float:none !important;
		margin:0px auto;
	}
	#prdcartfavobx .prd_cart_bt_kind1_div, #prdcartfavobx .prd_cart_bt_kind4_div
	{
		margin-left:152px;
	}
	#searchbx
	{
		left:15px;
		top:-20px;
		z-index:1999;
	}
	#marqbx
	{
		width:320px;
	}
	.cstm_home_outdiv
	{
		width:100%;
	}
	.cstm_home_outdiv .cstm_home_notetxt
	{
		width:290px;
	}
	#mainrighttop .grid3
	{
		width:auto;
		float:none;
		display:block;
	}
	#keywordbx
	{
		display:none;
	}
	#showhidemenubt
	{
		display:block;
	}
	#mainrighttop img,#mainrightbottom img
	{
		max-width:100%;
		height:auto;
	}
	#content
	{
		position:absolute;
	}
	body
	{
		overflow:auto;
	}
	#containeroutbx
	{
		overflow:visible;
	}
	#buynavlite, #buynavpro, #buynavent, #buynavcc, #buynavraid
	{
		padding-bottom:80px;
	}
	#buynavlite ul, #buynavpro ul, #buynavent ul, #buynavcc ul, #buynavraid ul
	{
		margin-left:0px;
	}
	#buynavlite iframe:nth-of-type(1), #buynavpro iframe:nth-of-type(1), #buynavent iframe:nth-of-type(1), #buynavcc iframe:nth-of-type(1), #buynavraid iframe:nth-of-type(1)
	{
		width:100%;
		height:auto;
		/*min-height:200px;*/
		margin:10px 0px 10px 0px;
	}
	.mobilehide
	{
		display:none !important;
	}
	.mobilecontent
	{
		line-height:30px;
		font-size:15px;
	}
	.bootstrap-dialog-message .addddnsitembx input
	{
		font-size:13px;
	}
	#extlink
	{
		font-size:14px;
		text-align:right;
		/*width:150px;*/
		top:60px;
	}
	#extlilin a
	{
		display:block;
	}
	#logotxtbx
	{
		display:none;
	}
}
@media only screen and (max-width: 479px)
{
	.container
	{
		width: 95%;
	}
	#logininfo #membsvrbt
	{
		display:none;
	}
	#homelink
	{
		left:190px;
		top:80px;
		z-index:1999;
	}
	#homelink a
	{
		display:block;
	}
	nav .select-menu
	{
		display:block;
	}
	#topmenu
	{
		height:245px;
	}
	#menubx
	{
		top:175px;
		left:0px;
	}
	nav
	{
		width:300px;
		padding-top:16px;
		height:46px;
	}
	#fblink
	{
		width:50px;
		right:10px;
		top:60px;
	}
	#fblink
	{
		display:none;
	}
	#hotlinkbx li
	{
		width:100%;
		margin-bottom:5px;
	}
	#hotlinkbx li img
	{
		width:100%;
		height:auto;
	}
	#hotlinkbx>li.last,.cvtlistbx>li.last
	{
		margin-bottom:5px;
	}
	#prdsbx>li img, #prdsbx2>li img
	{
		max-width:100%;
		height:auto;
	}
	#mainleft
	{
		width:270px;
		margin:20px 0px;
	}
	#mainright
	{
		width:275px;
	}
	#moreinfo
	{
		padding-top:0px;
	}
	#last10msg
	{
		display:none;
	}
	.cstm_relate_outfr
	{
		display:none;
	}
	#prdtypemidbx li,#prdtypemidbx li img
	{
		width:auto;
		float:none;
		display:block;
		margin:0px;
		margin:0px auto;
		height:280px;
	}
	#prdtypemidbx li img
	{
		max-width:98%;
		height:auto;
	}
	#prdkindlist
	{
		display:none;
	}
	#prdimgbx
	{
		width:auto;
		float:none !important;
		text-align:center;
		margin-bottom:20px;
	}
	#prdimgbx img
	{
		max-width:98%;
	}
	#prdinfobx
	{
		width:300px;
	}
	#prdimgbx img
	{
		max-width:98%;
	}
	#prdinfobx
	{
		width:auto;
		float:none !important;
		margin:0px auto;
	}
	#prdcartfavobx .prd_cart_bt_kind1_div, #prdcartfavobx .prd_cart_bt_kind4_div
	{
		margin-left:35px;
	}	
	#searchbx
	{
		left:15px;
		top:-20px;
		z-index:1999;
	}
	#marqbx
	{
		width:270px;
		padding-left:0px;
		background-image:none;
	}
	.cstm_home_outdiv
	{
		width:100%;
	}
	.cstm_home_outdiv .cstm_home_notetxt
	{
		width:170px;
	}
	#mainrighttop .grid3
	{
		width:auto;
		float:none;
		display:block;
	}
	#keywordbx
	{
		display:none;
	}
	#showhidemenubt
	{
		display:block;
	}
	#mainrighttop img,#mainrightbottom img
	{
		max-width:100%;
		height:auto;
	}
	#content
	{
		position:absolute;
	}
	body
	{
		overflow:auto;
	}
	#containeroutbx
	{
		overflow:visible;
	}
	#tabbody ul.ui-tabs-nav
	{
		width:262px;
	}
	#tabbody ul.ui-tabs-nav li a
	{
		font-size:14px;
		padding:0px 10px;
	}
	#buynavlite, #buynavpro, #buynavent, #buynavcc, #buynavraid
	{
		padding-bottom:80px;
	}
	#buynavlite ul, #buynavpro ul, #buynavent ul, #buynavcc ul, #buynavraid ul
	{
		margin-left:0px;
	}
	#buynavlite iframe:nth-of-type(1), #buynavpro iframe:nth-of-type(1), #buynavent iframe:nth-of-type(1), #buynavcc iframe:nth-of-type(1), #buynavraid iframe:nth-of-type(1)
	{
		width:100%;
		height:auto;
		/*min-height:200px;*/
		margin:10px 0px 10px 0px;
	}
	#accleftbx, #accrightbx
	{
		width:100%;
		float:none;
		margin-left:0px;
		margin-bottom:30px;
	}
	#buynavlite #reglitebx, #buynavpro #regprobx, #buynavent #regentbx_o, #buynavent #regentbx_f, #buynavcc #regccbx_o, #buynavcc #regccbx_f, #buynavraid #regraidbx
	{
		width:225px;
	}
	#accrightbx ul
	{
		margin-top:0px;
	}
	.mobilehide
	{
		display:none !important;
	}
	.mobilecontent
	{
		line-height:30px;
		font-size:15px;
	}
	.bootstrap-dialog-message .addddnsitembx input
	{
		font-size:13px;
	}
	.bootstrap-dialog-message .addddnsitembx input
	{
		width:30%;
		margin-right:3%;
	}
	.bootstrap-dialog-message .addddnsitembx input:nth-of-type(1)
	{
		width:33%;
	}
	.bootstrap-dialog-message .addddnsitembx input:nth-of-type(3)
	{
		margin-right:0px;
	}
	.bootstrap-dialog-message .addddnsitembx input:nth-of-type(4)
	{
		margin-right:0px;
		display:none;
	}
	#logobx
	{
		margin-bottom:40px;
		display:none;
	}
	#extlink
	{
		top:90px;
		text-align:center;
	}
	#logotxtbx
	{
		font-size:13px;
	}
	#langselbx
	{
		font-size:13px;
		right:50px;
		width:100px;
	}
	#langselbx span
	{
		display:none;
	}
}
/*Clearing*/
.container:after {content: "\0020"; display: block; height: 0; clear: both; visibility: hidden;}
.clf{clear:both;}
/*for ddns only
#tabbody ul.ui-tabs-nav
{
	width:230px;
}
#nav-fragment-1, #nav-fragment-3
{
	display:none;
}*/

@font-face {
	font-family: 'Glyphicons';
	src: url('/fonts/glyphicons-halflings-regular.eot');
	src: url('/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), 
	url('/fonts/glyphicons-halflings-regular.woff2') format('woff2'), 
	url('/fonts/glyphicons-halflings-regular.woff') format('woff'), 
	url('/fonts/glyphicons-halflings-regular.ttf') format('truetype'), 
	url('/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}

.sysIdQrcode {
	width: 96px;
	height: 96px;
	margin: 10px;
}

#iNavOPpreorder {
	width: 26px;
	height: 26px;
}



.checkbox_wrapper{
	position: relative;
	height: 26px;
    width: 26px;
	display:inline-block;
}

.checkbox_wrapper input[type="checkbox"] {
    opacity:0;
    height: 26px;
    width: 26px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

input[type="checkbox"] + label{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAIAAAAmKNuZAAAAB3RJTUUH5QIXCwo1nVrfnwAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAAAGdFJOUwD/AP8A/zdYG30AAAFDSURBVHja7ZU9q4JQGMc7afgyKIWfwVGaxDVw1O/gB3F2i8BN3BycdYzGEKQt+gjiYA3iG5eS9B4yuhWhDQ73cvtPch78+ZzzcH6Cuq4H/WXYI+vX49Db0+l0Wq1W6/U6y7L2dzAMm06nsiyPx+OnEmhGAVmLxWK5XDIMQ1FUO+54PIZhyLKspmmTyeShVl/ied5sNpvP50mSfHWlKArXdUVRNAyjqqr6LtfNbrdbBEEURelsrYkkSY7j7Ha78/mMoj8ndh0FXCUIAsfxdyc4HNI03bT2sN7fVD+4D+7v4V5q/IqDzoEXO03TN1nQQPv9fjQaAQBe4HiehwrQdT0IgqIrh8PBNM0oigRBuL//g5vvoAIsy7JtG7bZKYKyLPM8hyxVVaE4XuCas9hsNr7vx3HcjiNJkuM46Ef47acS+E8/xm/IBdmmK8GpZwAAAABJRU5ErkJggg==);
    height: 26px;
    width: 26px;
    display:inline-block;
    padding: 0 0 0 0px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

input[type="checkbox"] + .buyNavOPpreorderCnt {
		display: none;
}

input[type="checkbox"]:checked + label{
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAIAAAAmKNuZAAAAB3RJTUUH5QIXCwo7euLymAAAAAlwSFlzAAALEgAACxIB0t1+/AAAAARnQU1BAACxjwv8YQUAAAJxSURBVHja5ZXNi3FRHMfH23ir2ZBmMQv5EyyULDQ15TXb2VhMshsRIlKaUbOeWEjsLMjOwkaUhY1kI2ajLIQSYhqUvD7futOd646HWcziqee3Ovfccz++v+/5noOx3+8vfq+Yv8j653FscrRarQqFQrlcns1mp7/h8/m3t7c6nY7JZC6Xy8vLSwwOcGC9vr7m83mxWHx1dXUaBwSbzWYwGI1GIxqNKhQKs9nM4XC+cLVaDSyj0Wi1WvFrZ5vCmre3t6enp8lk0mq1ttutxWKBxk9cvV5nsVgPDw9npREFXQQL491ul8lkTCaTRCL57Bl4OMLj8X7Cajabz8/PBAuFru/u7kQi0cFW/LCgKxgMvr+/kyyDwWCz2dDcxdGgrNfreDyOFf1+n3ZmoCsUCpEslEajwUoul0s80nGbzSYWi6XTaTjt8/k6nQ6VFQgExuMxqQtb53Q6SdYRXLvdzuVyxLjX6/n9/m63izHo8Ovj44OmixYDOk4qlapUKvJxMBiAWCwWoZSmy+VyUXUdx2GF2+2mEuHgy8vLfD4nZ7Ra7ePj42KxyGaziMQpHEooFMIjHKPvr6BLr9fDL0QqHA7jUCJ01AXHg4IMejweDEqlEnUeLPhFnCfq/p7BkUSkCcYRutCjw+EgWH+rUxcUiPCR6BpZtdvtVNbRa5xN7gCsRQ4EAgH1NTzyer339/cymYzKwg00HA6vr6/Jq+lAHS4Z9BWJRJCyxWFh725ubvA9OTMajRKJBHBKpZI4W197RWjGN8lkMpVKQebZiwCnELlBmBBJGHIER3hRrVYrlcp0Oj2NgyFyuVytVn/fFsb/9Mf4B17dOmNwJ64DAAAAAElFTkSuQmCC);
    height: 26px;
    width: 26px;
    display:inline-block;
    padding: 0 0 0 0px;

}

input[type="checkbox"] + .buyNavOPpreorderCnt {
		display: block;
}


/* SVG Icon */
svg 
{
    width: 32px;
    height: 32px;
}

.dhKtTb {
    fill: #5c5c5c;
	vertical-align: middle;
    overflow: hidden;
}

a:hover > .dhKtTb,
.dhKtTb :hover {
    fill: #dc002e;
}

a:active .dhKtTb {
    fill: #6c87d4;
}


#ord_ent, #b3JkX2Nvcg2, #upgrade_label, #upgrade {
	display: none;
}

#ordlist th {
	font-size: 13px;
	background-color: #c6c6c6;
	padding: 2px;
}

#ordlist td {
	font-size: 13px;
	border: 2px solid #c6c6c6;
	padding: 2px;
    word-wrap: break-word;
    word-break: break-all;
    max-width: 180px;
}

.warnMsg {
	color: #dc002e !important;
	text-align: center;
}