/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

@import url("fonts.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, strong, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
table, tbody, tfoot, thead, tr, th, td{ vertical-align:top; }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
html { overflow-y:scroll; height:100%; }
body { font:500 12px Arial,Helvetica,sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
a { text-decoration:none; }

.clear{ clear:both; }
.wrap{ max-width:980px; width:100%; margin:auto; }
.left{ float:left; }
.right{ float:right; }

#page{ max-width:1240px; width:100%; min-height:100%; margin:auto; }
#header{ height:54px; }
#header #menu-trigger{ display:none; }
#header #logo{ float:left; width:108px; margin:10px 0 0 27px; }
#header #logo img{ width:100%; }
#header #support{ float:left; font:500 17px Arial; color:#4a494a; margin:14px 0 0 9px; }
#header #support strong{ font-weight:600; }
#header #lang{ float:right; margin:19px 27px 0 0; font:500 17px 'edpensookbold'; color:#4C4B4C; }
#header #lang a{ font:500 17px 'edpensookbold'; color:#4C4B4C; display:inline-block; margin:0 5px; }
#header #lang a.current{ color:#ACACAC; }

#slider{ border:none; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin:0 auto; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; }
#slider .slides > li{ position:relative; }
/*#slider .slides > li .caption{ position:absolute; top:40px; left:50%; padding:20px; margin-left:-450px; width:325px; background:url(../images/caption-bg.png) repeat; z-index:666; color:#FFF; }
#slider .slides > li .caption h3{ font-size:20px; font-weight:600px; max-height:50px; overflow:hidden; }
#slider .slides > li .caption p{ font-size:14px; margin:20px 0; overflow:hidden; max-height:207px; }
#slider .slides > li .caption a.readmore{ font-size:12px; color:#FF9650; background:#4A2C18; padding:12px; display:inline-block; }*/
#slider .flex-control-nav{ top:9px; right:24px; width:auto; }
#slider .flex-control-nav li{ margin:0 3px; }
#slider .flex-control-paging li a{ border:none; width:9px; height:9px; background:#CDCCCC; box-shadow:none; }
#slider .flex-control-paging li a.flex-active{ background:#F89932; }

img.mceimg{ max-width:100%; }

#wrapper{ display:table; position:relative; width:100%; }
#wrapper #icon-type{ position:absolute; top:-43px; right:0; display:block; width:184px; height:183px; background-repeat:no-repeat; background-position:0 0; }
#wrapper #icon-type:hover{ background-position:-183px 0; }
#wrapper .icon-type-1{ background-image:url(../images/type/diamond.png); }
#wrapper .icon-type-2{ background-image:url(../images/type/platinum.png); }
#wrapper .icon-type-3{ background-image:url(../images/type/gold.png); }
#wrapper .icon-type-4{ background-image:url(../images/type/software.png); }
#wrapper .icon-type-5{ display:none; }
#sidebar{ display:table-cell; width:470px; min-height:100%; vertical-align:top; background:#0C60AB; position:relative;
	-webkit-box-shadow: 14px 0 14px -14px black;
	   -moz-box-shadow: 14px 0 14px -14px black;
	        box-shadow: 14px 0 14px -14px black;
	z-index:2;
}
#sidebar #icon-login{ position:absolute; top:116px; right:-29px; }
#sidebar #container{ /*padding:23px 70px 0 37px;*/ padding:23px 37px 0 37px; }
#content{ display:table-cell; vertical-align:top; width:770px; z-index:1px; position:relative; }

#building{ position:relative; padding-left:67px; }
#building h2{ font:600 12px Arial; color:#28211f; }
#building h2 img{ margin-right:5px; }
#building h3{ font:600 24px Arial; color:#f89932; /*width:250px;*/ margin:5px 0; }
#building p{ font:500 14px 'edpensookregular'; color:#FFF; width:170px; }
#building #ip{ font:500 14px 'edpensookbold'; color:#FFF; }
#building #ip strong{ color:#f89932; }
#building #icon-building{ position:absolute; top:5px; left:0; }

#type{ padding:32px 0 48px; }
#type h4{ font:600 12px Arial; color:#28211f; }
#type h4 img{ vertical-align:middle; margin-right:5px; }
#type ul{ margin:16px 0 0; padding:0; }
#type ul li{ list-style:none; margin:0 0 0 10px; padding:0; display:block; float:left; width:40px; text-align:center; }
#type ul li:first-child{ margin:0; }
#type ul li div{ border:1px #FFF solid; width:20px; height:20px; background:none; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; margin:auto;}
#type ul li div.current{ background:#f89932; border-color:#f89932; }
#type ul li h5{ font:500 10px 'edpensookbold'; color:#FFF; margin-top:5px; }

#nav #logo{ display:none; }
#nav ul{ margin:0; padding:0; }
#nav ul li{ list-style:none; padding:5px 0 5px 10px; border-bottom:1px #FFF solid; }
#nav ul li a{ font:500 18px 'edpensookbold'; color:#FFF; }

#sidebar-contact{ margin:40px 0; }
#sidebar-contact h2{ font:500 17px Arial; color:#FFF; margin-bottom:15px; }
#sidebar-contact h2 span{ font:500 20px 'edpensookbold'; }
#sidebar-contact div{ font:500 13px Arial; color:#FFF; margin-bottom:7px; }
#sidebar-contact div img{ margin-right:10px; vertical-align:middle; }
#sidebar-contact div .msg_support_time{ font:500 15px 'edpensookbold'; color:#f89932; margin-left:5px; }

#sidebar-jobs { margin:40px 0; }
#sidebar-jobs h2{ font:500 17px Arial; color:#FFF; margin-bottom:15px; }
#sidebar-jobs h2 span{ font:500 20px 'edpensookbold'; }
#sidebar-jobs div{ font:500 13px Arial; color:#FFF; margin-bottom:7px; }
#sidebar-jobs div img{ margin-right:10px; vertical-align:middle; }
#sidebar-jobs div .msg_support_time{ font:500 15px 'edpensookbold'; color:#f89932; margin-left:5px; }

#login{ background:url(../images/bg-login.jpg); width:100%; height:418px; position:relative; }
#login #form_login{ display:block; width:300px; margin:auto; padding:119px 0 0; }
#login input[type=text], #login input[type=password]{ font:500 15px Arial; color:#000; background:#FFF url(../images/icon-username.png) 5px 8px no-repeat; padding:8px 30px; border:1px #999 solid; width:205px; }
#login input[type=password]{ background:#FFF url(../images/icon-password.png) 7px 8px no-repeat; }
#login input[type=submit]{ font:500 15px Arial; color:#FFF; background:#f89932; padding:8px 0; width:267px; border:none; }
#login p{ margin-bottom:13px; font:500 17px 'edpensookbold'; color:#FFF; }
#login p a{ color:#f89932; text-decoration:underline; }
#login p.p-button{ margin-bottom:23px; }
#btn_submit { font:500 15px Arial; color:#FFF; background:#f89932; padding:8px 0; width:267px; border:none; }

#system{ width:599px; margin:50px auto; }
#system h1{ font:500 18px 'edpensookbold'; color:#0c60ab; }
#system h2{ font:500 16px Arial; color:#f89932; }
#system #description{ border-top:4px #8b8b8b solid; margin-top:13px; padding-top:19px; font:600 18px 'edpensookbold'; color:#000; }

#status-isp{ margin-top:40px; }
#status-isp .left{ width:88px; font:500 15px 'edpensookbold'; color:#818181; }
#status-isp .left #icon-lan-black{ margin:10px 0 15px 17px; }
#status-isp .left .line{ margin:20px 0 0; }
#status-isp .left .status{ padding-left:5px; }
#status-isp .left .status span{ display:inline-block; width:9px; height:9px; -webkit-border-radius:9px; -moz-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; margin-right:10px; }
#status-isp .left .status span#status-true{ background:#76d746; }
#status-isp .left .status span#status-false{ background:#ff4343; }
#status-isp .topic{ float:right; width:511px; }
#status-isp .topic h3{ font:500 18px 'edpensookbold'; color:#0c60ab; }
#status-isp .topic h4{ font:500 16px Arial; color:#f89932; }
#status-isp .right{ width:511px; }
#status-isp .right ul{ margin:0; padding:0; }
#status-isp .right ul li{ border-top:1px #8b8b8b solid; padding:10px 0; font:600 16px Arial; color:#6f6f6f; list-style:none; display:block; }
#status-isp .right ul li:nth-child(2){ border:none; }
#status-isp .right ul li:after{ content:'.'; display:block; height:0; visibility:hidden; clear:both; }
#status-isp .right ul li .column-1{ float:left; width:114px; }
#status-isp .right ul li .column-2{ float:right; width:397px; position:relative; }
#status-isp .right ul li .column-2 .line-status{ position:absolute; top:-5px; left:0; }
#status-isp .right ul li .column-2 .line{ display:inline-block; margin:0 0 0 7px; }
#status-isp .right ul li .column-2 .line span{ display:inline-block; width:27px; height:18px; background:url(../images/icon-lan-timeout.png); }
#status-isp .right ul li .column-2 .line span.normal{ background:url(../images/icon-lan-true.png); }
#status-isp .right ul li .column-2 .line span.error{ background:url(../images/icon-lan-false.png); }
#status-isp .right ul li .column-2 .line span.timeout{ background:url(../images/icon-lan-timeout.png); }
#status-isp .right ul li .column-2 .line p{ font:500 10px Arial; color:#6f6f6f; text-align:center; }
#status-isp .right ul li.table-header{ font:500 12px Arial; color:#6f6f6f;  border-top:4px #8b8b8b solid; margin-top:10px; padding:0; }
#status-isp .right ul li.table-header .column-2{ border-left:1px #8b8b8b solid; width:387px; padding:5px 0 5px 9px; }

#contact{ padding:120px 0; }
#contact h1{ font:500 18px 'edpensookbold'; color:#0c60ab; text-align:center; }
#contact h2{ font:500 15px Arial; color:#f89932; text-align:center; }
#contact #form_login{ display:block; width:300px; margin:auto; padding:24px 0 0; }
#contact input[type=text], #contact textarea{ font:500 15px Arial; color:#000; padding:16px 11px; border:1px #787878 solid; width:276px; }
#contact select{ font:500 16px 'edpensookbold'; color:#000; padding:16px 11px; border:1px #787878 solid; width:308px; }
#contact input[type=submit]{ font:500 15px Arial; color:#FFF; background:#f89932; padding:9px 0; width:300px; border:none; }
#contact .p{ margin-bottom:22px; position:relative; }
#contact .p label{ position:absolute; top:10px; left:10px; }
#contact .p label .th{ font:500 16px 'edpensookbold'; color:#606161; line-height:1.2em; }
#contact .p label .en{ font:500 14px Arial;  color:#adadad; line-height:1em; }
#contact .p .label{ padding:0 0 10px 0; }
#contact .p .label .th{ font:500 16px 'edpensookbold'; color:#606161; line-height:1.2em; }
#contact .p .label .en{ font:500 14px Arial;  color:#adadad; line-height:1em;  }

#info{ padding:100px 0; }
#info h1{ font:500 18px 'edpensookbold'; color:#0c60ab; text-align:center; }
#info h2{ font:500 15px Arial; color:#f89932; text-align:center; }
#info #form_info{ display:block; padding:25px 0 0; }
#info input[type=text]{ font:500 15px Arial; color:#000; background:#FFF url(../images/icon-username.png) 5px 7px no-repeat; padding:8px 30px; border:1px #DDD solid; width:205px; margin:auto; display:block; }
#info input[type=text]#captcha{ background:#FFF url(../images/icon-captcha.png) 8px 9px no-repeat; }
#info input[type=submit]{ font:500 15px Arial; color:#FFF; background:#f89932; padding:8px 0; width:267px; border:none; margin:auto; display:block; }
#info p{ margin-bottom:25px; }
#info p.p-captcha{ width:247px; margin:0 auto 25px; }
#info p .introduct-th{ font:500 18px 'edpensookbold'; color:#0c60ab; text-align:center; display:block; }
#info p .introduct-en{ font:500 15px Arial; color:#f89932; text-align:center; display:block; }

#help{ padding:100px 0; }
#help table{ width:598px; margin:auto; border-collapse:separate; border-spacing: 0; }
#help table thead tr th{ width:137px; padding-right:9px; text-align:left; }
#help table thead tr th:nth-child(2){ width:160px; }
#help table thead tr th:nth-child(4){ padding-right:0; }
#help table thead tr th .th{ font:500 18px 'edpensookbold'; color:#0c60ab; }
#help table thead tr th .en{ font:500 16px Arial; color:#f89932; border-bottom:4px #8b8b8b solid; padding-bottom:10px; }
#help table tbody tr td{ width:137px; padding:15px 9px 15px 0;  border-top:1px #B3B3B3 solid }
#help table tbody tr:nth-child(1) td{  border-top:none; }
#help table tbody tr td:nth-child(1){ font:600 15px Arial; color:#6f6f6f; }
#help table tbody tr td:nth-child(2){ width:160px; font:500 13px Tahoma; color:#6f6f6f; }
#help table tbody tr td:nth-child(4){ padding-right:0; }
#help table tbody tr td:nth-child(2) .mobile{ display:none; } 

/*#service_type_fancybox{ width:90%; margin:auto; padding:30px 4.5%; border:3px #f89932 solid; display:none; }
#service_type_fancybox img{ width:100%; }
#service_type_fancybox ul{ margin:0; padding:0; }
#service_type_fancybox ul li{ display:block; width:100%; list-sytle:none; border-bottom:1px #a2a3a2 solid; }
#service_type_fancybox ul li div{ float:left; width:20%; }
#service_type_fancybox ul li:after{ content:'.'; display:block; clear:both; height:0; visibility:hidden; }
#service_type_fancybox ul li.table-header{ display:table; border-bottom:4px #a2a3a2 solid; padding-bottom:5px; }
#service_type_fancybox ul li.table-header div{ display:table-cell; vertical-align:bottom; float:none; text-align:center; padding:0; background:none; }
#service_type_fancybox ul li.table-header div.column-1{ font:600 16px Arial; color:#7d7e7e; line-height:1.1em; padding-bottom:5px; }
#service_type_fancybox ul li.table-header div img{ width:70%; }

#service_type_fancybox ul li div{ text-align:center; padding:12px 0; background:url(../images/service-type-cell-border.png) right top no-repeat; }
#service_type_fancybox ul li div.column-1{ font:500 15px Arial; color:#7d7e7e; }
#service_type_fancybox ul li div.column-5{ background:none; }*/

.service-wrap .fancybox-skin{ margin:0 auto; -webkit-border-radius: 0; -moz-border-radius: 0; -o-border-radius: 0; border-radius: 0; margin:0 auto; -webkit-box-shadow:none; -moz-box-shadow:none; -o-box-shadow:none; box-shadow:none; background:#FFF; }
.service-wrap .fancybox-close{ background:url(../images/close.png); width:45px; height:11px; right:30px; top:10px; }
.service-wrap .fancybox-inner{ border:3px #f89932 solid; }

.service_fancybox{ cursor:pointer; }



/*New Banner*/
.aso-zone a {
	padding-top: 10px !important;
}
.aso-zone a img {
	border: 8px solid #FFF !important;
}
.web {
	display: block;
}
.mobile { display: none }
#slider .aso-zone {
	position: relative;
	width: 100%;
	height: 330px;
	overflow: hidden;
	background: url('../images/bg-long-building.jpg'), #1a4897;
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
.web .aso-zone {
	position: relative;
	width: 100%;
	height: 280px;
	margin-bottom: 10px;
	overflow: hidden;
	 /*background: url('../images/bg-long-building.jpg'), #1a4897;*/
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
.mobile .aso-zone {
	position: relative;
	width: 100%;
	height: 280px;
	margin-bottom: 10px;
	overflow: hidden;
	/*background: url('../images/bg-long-building.jpg'), #1a4897;*/
	background-position: bottom center;
	background-repeat: no-repeat;
	background-size: contain;
	z-index: 2;
}
@media (max-width: 767px) and (min-width: 320px) {
	.aso-zone {
		width: 100%;
		height: 310px;
	}
	.web {
		display: none;
	}
	.mobile { display: block; background-color: #1a4897; padding: 10px 0 0px; }
}
/*End New Banner*/

/*Loading*/
#loading {
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	position: fixed;
	display: block;
	opacity: 0.7;
	background-color: #fff;
	z-index: 99;
	text-align: center;
}

#loading-image {
	position: absolute;
	top: 47%;
	left: 47%;
	width: 50px;
	z-index: 100;
}