@import "reset.css";
@import "signupform.css";
@import "contactform.css";
@import "fontFace.css";
@import "CheckoutProgressBar.css";
@import "page_checkout.css";
@import "loadingMask.css";
@import "ext_button.css";
@import "swiper.min.css";
@import "font-awesome.min.css";
@import "bootstrap-combined.min.css";
@import "hamburger-icons-master.css";
@import "alert_style.css";

@import "owl.carousel.min.css";
@import "owl.theme.default.css";

@import "min-width-1024.css";
@import "min-width-768-1024.css";
@import "min-width-600-767.css";
@import "min-width-481-599.css";
@import "min-width-220-480.css";

body,button {font-size:13px;  font-family:Century Gothic, Microsoft JhengHei, MingLiU, sans-serif!important;  padding:0!important; margin:0!important;}
body header,body ul li,body div {transition:0.2s ease;-moz-transition:0.2s ease;/* FF3.7+ */-o-transition:0.2s ease;/* Opera 10.5 */-webkit-transition:0.2s ease; /* Saf3.2+, Chrome */}
html {overflow-y:scroll; -webkit-text-size-adjust:100%}
div.container {width:100%!important; overflow:hidden; padding:0!important; margin:0!important;}
header #wrapper #logo{cursor:pointer;}
header #wrapper ul#lang  li {float:left; margin:0 0 0 7px; color:#22adc6!important;}
header #mobilemainNav {display:none;}
header #wrapper #mainN { }

body.domain { background:#fff url(../img/bgDomain.jpg) no-repeat center center fixed ;}
ul#mainNav {overflow:hidden;}
ul#mainNav li {cursor:pointer;}

#banner  button {margin-top:100px!important;}

#searchSection #searchInput select  { background:#fff url(../img/btnDropDownDomain.png) no-repeat 87px center; }/**/

table tr.grey {background-color:#efefef!important;font-weight:bold!important;}
table tr:nth-child(even) {background: #f5f5f5;}
table  tr:nth-child(odd) {background: #FFF;}
table tr td#btnApply {background-color:#5ab55a; font-size:15px; color:#fff; cursor:pointer; font-weight:bold;}
table tr td#btnApply:hover {background-color:#49a449}

table tr td#btnApply form {display:none;}

#popupMoviebg{background-color: rgba(1, 83, 98, 0.4); position:fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index:99999; display:none;}
#popupMovie {position:absolute; top:10%; left:50%; margin:0 0 0 -450px;  width:900px; height:550px; padding:50px 0 50px 0; font-size:20px; background:#fff!important;	color:#555!important;border-radius:10px;  }
#popupMoviebg i {position: absolute; top:10.5%;  left:50%; margin:0 0 0 -445px; width:890px;  text-align:right; z-index:99999; font-size:30px; color:#000;  cursor:pointer;}
#popupMoviebg i:hover {color:#515151!important;}
#popupMovie li {width:400px; line-height:32px; background:#ffecec url(../../../client/rs/img/error.png) no-repeat 10px 50%; text-indent:32px; list-style:none; position:relative; left:20px;}
#popupMovie #mycontent {height:450px; background:url(../img/Preloader_11.gif)  center center no-repeat;}

#errormessageBg{background-color: rgba(1, 83, 98, 0.4); position:fixed; top: 0; left: 0; right: 0; bottom: 0; margin: 0; box-sizing: border-box; width: 100%; height: 100%; object-fit: contain; z-index:99999; display:none;}

#errormessageBg i:hover {color:#515151!important;}
#errormessage li {width:400px; line-height:32px; background:#ffecec url(../../../client/rs/img/error.png) no-repeat 10px 50%; text-indent:32px; list-style:none; position:relative; left:20px;}

@media (min-width:600px) {
footer #contact { background:url(../img/footerBgLeft.png) left 0 no-repeat, url(../img/footerBgRight.png) right 0 no-repeat, url(../img/footerBg2.png) repeat-x; }
}
@media (min-width:780px) {
header #wrapper #mainN { background:url(../img/headerBg1.png) right 0 no-repeat, url(../img/headerBg2.png) repeat-x!important;}
}

section  button,#banner  button,#checkoutorder_item a i  { transition: all .2s ease-in-out; }
section  button:hover, #banner  button:hover{  transform: scale(1.05);  }/* */

#OrderSummary button#ADDEDBTN:hover,#checkForm{  transform: scale(1)!important;  }/* */

#checkoutorder_item a i:hover{  transform: scale(1.9);  cursor:pointer;}/* */
footer  ul#footerNav li {cursor:pointer;}
footer  ul#footerNav li:hover { color:#00143c!important; } 
body.contact article label{cursor:default!important;}
#errorpage p{width:100%; font-size:18px; text-align:center; padding:0px 0 20px 0;}
#errorpage p:first-child{padding-top:35px!important;}
#errorpage button {width:100px; padding:10px!important; position:relative; left:50%; margin:0 0 0 -70px!important;}

.grey {background-color:#efefef;font-weight:bold}
.darkBlue{color:#34939f;}
.orange{color:#fe6c01;}
.red{color:red;}
.bold { font-weight:bold}
.align-left{text-align:left!important;}
.align-center{text-align:center!important;}
.underline {text-decoration:line-through!important;}
.activeNav{color:#440e62!important; }

header #wrapper ul#mainNav {}

table tr td.iconssl {background:url(../img/iconSSLtd.png) right no-repeat!important;}
section#setting  a {position:absolute; cursor:pointer; margin:0 0 0 10px;}

section#setting  a:hover img {opacity: 0.7;}

/*section#cart*/
section#cart { background-image: url(../img/content2BgMain.png);  } 
section#cart article {width:80%; position:relative; top:70px; margin:0 auto; padding:0 0 300px;}
section#cart article #item {width:31%; float:left; margin:20px 0 0 20px;  line-height:38px; -webkit-box-shadow: 0px 2px 10px -1px rgba(0,0,0,0.17);-moz-box-shadow: 0px 2px 10px -1px rgba(0,0,0,0.17); box-shadow: 0px 2px 10px -1px rgba(0,0,0,0.17); background-color:#fff;}
section#cart article #item h4,section#cart article #item p.subtotalamount  {font-size:28px; color:red; font-weight:bold;}
section#cart article #item label {float:left; clear:both; width:160px; margin:5px 0 0 30px;}
section#cart article #item label span {font-size:12px!important;}
section#cart article #item h4 {width:100%; clear:both; text-align:center; padding:20px 0 2px 0; border-bottom:1px solid red;}
section#cart article #item p {float:left;  font-weight:bold; margin:7px 0 0 0;  }
section#cart article #item p.subtotalamount {width:100%; clear:both; text-align:center; padding:10px 0 20px 0;}
section#cart article #item button {width:81%!important; clear:both; margin:0 auto; cursor:pointer;}
/*section#cart*/

/*section#checkout*/ 
section#checkout {width:100%; margin:0 auto;  padding:0px 0 100px 0; } 
section#checkout h1 {width:100%; min-width:100px!important; height:auto; text-align:center; margin:0 auto; background-color:transparent!important; padding:30px 0 0 0; border-bottom:1px #e6e6e6 solid; clear:both; font-size:40px;}
section#checkout #OrderSummary {top:95px!important;}
section#checkout p {padding:10px 0 10px 0;}
section#checkout select {width:100%;  -webkit-appearance: none; background-position-x: 97%; }
section#checkout input,section#checkout select { position:relative; top:-5px; left:50%; width:570px!important; margin:0 0 0 -530px;  padding:18px 0px 18px 18px; font-size:19px; }
section#checkout input,section#checkout select {display: block; border:1px solid #d9d9d9; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; cursor:pointer;}
section#checkout label input {left:0; width:0px!important; margin:0 0 0 0px;}
section#checkout p#termAndShip {position:relative; top:4px; left:50%; width:570px!important; margin:0 0 0 -540px; text-indent:50px; }
section#checkout p#termAndShip input { border:1px solid red!important; width:20px; height:20px; position:absolute; left:0!important; margin:14px 0 0 -255px; }
section#checkout p#termAndShip input,section#checkout label#termAndShip a {float:left;}

#orderSummary_CCwrapper {background-color:rgba(230, 230, 230, 0.90); position:absolute; top:0;left:0;right:0;bottom:0;margin:0; width:100%; height:3000px; padding:0px; z-index:9999!important; display:none; }
#orderSummary_CCwrapper #crossBtn {position:relative;  top:65px; right: 6%; z-index:99999!important;}
#orderSummary_CCinner {width:68%; height:auto; min-height:1000px; overflow-x:hidden;  overflow-y:hidden;   line-height:32px; background:#fff; position:absolute; top:50px; right:0; left:0; margin:0 auto; padding:0 0 200px 0!important; }


* {box-sizing: border-box;}
section#success nav {list-style-type:none; display:flex; justify-content: center; padding:0!important; margin:0!important;  background-color:#efefef;  position:relative; top:0;}
section#success nav li :first-child {margin:0 0 0 0px!important;}
section#success nav li {float:left; margin:0 0 0 0px!important; padding:30px 0 30px; font-style:inherit!important; font-size:19px; width:300px; text-align:center; border-right:1px dotted #505050}
section#success nav li:last-child {border:none!important;}
section#success nav li.current {color:#5ab55a; font-weight:bold;}
section#success nav li.current:last-child {color:#5ab55a;}
section#success {background-image: url(../img/content2BgMain.png); margin:0!important; padding:0!important}
section#success h4 {height:740px; background:url(../img/content1BgWhite.png) no-repeat center center;}
section#success h4 {text-align:center; position:relative; top:0px;}
section#success h4 p {margin:20px 0 0 0;  line-height:30px; position:relative; top:230px;}
section#success h4 button {position:relative; top:300px; left:0%; /* transform: translate(-50%, -50%);*/}
#loading {background-color:rgba(230, 230, 230, 0.90);  position:absolute; z-index:99990!important; top:0;left:0;right:0;bottom:0;margin:0; width:100%; height:auto; padding:0 0 1280px; display:none; }
#loadingWrapper {width:68%; height:3000px; overflow-x:hidden;  overflow-y:hidden;   line-height:32px; background:#fff; position:absolute; top:50px; right:0; left:0; margin:0 auto; padding:0 0 50px 0; background:url(../img/Loading_icon.gif) #fff no-repeat center 5%; z-index:99991!important; }


/*section#checkout*/
* {box-sizing: border-box;}
section.dedicatedserver nav {list-style-type:none; display:flex; justify-content: center; padding:35px 0 35px 0 ; background-color:#efefef;  position:relative; top:0;}
section.dedicatedserver nav li :first-child {margin:0px!important;}
section.dedicatedserver nav li {float:left; margin:0px!important; padding:30px 0 30px; font-style:inherit!important; font-size:19px; width:300px; text-align:center; border-right:1px dotted #505050}
section.dedicatedserver nav li:last-child {border:none!important;}
section.dedicatedserver nav li.current {color:#5ab55a; font-weight:bold;}
section.dedicatedserver nav li.current:last-child {color:#5ab55a;}
section.dedicatedserver nav {margin:0!important; padding:0!important;}
section.dedicatedserver label {border:none!important; height:15px!important; margin-top:50px!important; }
section.dedicatedserver label {border:none!important;}
section.dedicatedserver select {width:100%;}
section.dedicatedserver label  p#inputinner {display:none;}
label.dedicatedserver234 {clear:both!important;}
section.dedicatedserver h2 {font-style:inherit!important; font-size:19px; }
#legend {width:100%; clear:both;}
#legend div {font-size:15px!important;float:left; text-align:center; }
#legend div:first-child { text-align:left; }
#legend div:last-child { text-align:right; }





#dd_settingWrapper      {display:none;}
#dedicatedserverCart  {padding:0 0 50px;}
#checkout.dedicatedserver #dedicatedserverCart #total {background-color:#f4f4f4; position:relative; top:10px; background-color:#fff!important;}
#checkout.dedicatedserver #dedicatedserverCart ul {background-color:#fff!important;}
#checkout.dedicatedserver #dedicatedserverCart #total li{border:none!important;}
#checkout.dedicatedserver #dedicatedserverCart #total.last {background-color:#fff!important; position:relative; top:30px;}
#checkout.dedicatedserver #checkForm {width:100%; max-width:300px; margin:0 auto!important; padding:20px 0 20px!important; position:relative; top:80px!important; font-size:22px; left: 50%; transform:translate(-50%, -50%)!important;}
section#checkout button,section#checkout li.button {cursor:pointer;}
#mask { background:rgba(81, 203, 238, 0.5); background-repeat:no-repeat; height:auto; position:absolute; top:700px; z-index:999999;}
#total #paymentmethod {width:220px!important; background-color:#fff!important; position:absolute; left:50%; margin:10px 0 0 40px; padding:10px!important; }
span#text_co {font-size:11px!important; }
label#servicePeriod {display:none!important;}
#servicePeriod_list_monthyFee, #servicePeriod_list_setupFee {}
label#bandWidth p#inputinner input{ font-size:9px!important; }


#orderSummary_CCwrapper {background-color:rgba(230, 230, 230, 0.90); position:absolute; top:0;left:0;right:0;bottom:0;margin:0; width:100%; height:12000px!important; padding:0px; z-index:9999!important; display:none; }
#orderSummary_CCwrapper #crossBtn {position:relative;  top:65px; right: 6%; z-index:99999!important;}
#orderSummary_CCinner {width:68%; height:auto; min-height:1000px; overflow-x:hidden;  overflow-y:hidden;   line-height:32px; background:#fff; position:absolute; top:50px; right:0; left:0; margin:0 auto; padding:0 0 200px 0!important; }

#OrderSummary.zh label span div:nth-child(1)::before  {content:"費用: HK$ "!important; }
#OrderSummary.cn label span div:nth-child(1)::before  {content:"费用: HK$ "!important; }
#OrderSummary.en label span div:nth-child(1)::before  {content:"Monthly: HK$ "!important; }

select#controlSystem  option:not(.both){display:none;}


/*User feedback*/
label.error{display:block; font-size:11px;color:red;font-style:bold; font-size:22px!important;}
input.error,textarea.error ,select.error{border:1px solid red!important; color:red!important; background:url(../img/contactForm-exclamation-mark.png) right center #fff no-repeat!important; font-size:22px!important;}
input.checkbox.error{border:1px solid red!important; color:red!important;}
label.error::placeholder{color:red!important; font-style:bold!important;}
section#checkout p#termAndShip #applicant_term, section#checkout #applicant_paymentmethod{width:auto; color:red; font-weight:bold; margin:0; text-indent:0!important; font-size:18px!important;}
span#applicant_paymentmethod{width:auto; max-width:1059px!important; padding:12px 0 12px 0; margin:0 auto!important; display:block;}


 /* HOVER STYLES */
#trigger {font-size:17px; cursor:pointer; color:#1e7e8a; font-weight:bold; }
#trigger img{position:absolute; margin:2px 0 0 -40px; }
div#pop-up{display: none;position: fixed;top:calc(50% - 250px);;width: 950px; height:500px; overflow-x:hidden; overflow-y:scroll;  padding: 10px;background: #f4f4f4;color: #000000;border: 1px solid #1a1a1a;font-size: 12px!important; text-align:left!important;}
div#pop-up p:nth-child(2){margin:18px 0 0 0!important; text-align:left!important;}
div#pop-up p {padding:0!important; margin:0!important; text-align:left!important;}
div#pop-up  h1 ,div#pop-up  h2{font-size:14px;  color:#1e7e8a; padding:0!important; margin:0!important; color:#1e7e8a; text-align:left!important;}
div#pop-up  h2{width:100%; background-color:#1e7e8a; color:#fff; line-height:22px!important; padding:10px!important; position:relative; left:-10px!important;}
div#pop-up.settingWrapping {z-index:99999!important; width:770px!important; height:auto;  padding:10px 20px 30px 20px!important;}
div#pop-up.settingWrapping  ul {width:200px; float:left;}

#OrderSummary.dedicatedsetting input{display:none!important;}
#OrderSummary.dedicatedsetting  {}

section#setting.dedicatedserver {padding:0 0 100px!important;}
section#setting.dedicatedserver select {position:relative!important; top:10px!important; height:50px; font-size:17px; font-family:Century Gothic, Microsoft JhengHei, MingLiU, sans-serif!important;}
section#setting.dedicatedserver  div.select {margin-top:20px; padding:0 0 0 0!important;}
section#setting.dedicatedserver label#default_session {height:500px; font-size:17px!important; line-height:25px; margin:-0px 0 0 0!important; padding:0 0 20px!important; border:none!important; font-weight:bold!important;}
section#setting.dedicatedserver label span {font-weight:bold!important;}

span#servicePeriod_monthyFee { width:153px!important; position:absolute; margin:0 0 0 -120px;}

::-webkit-input-placeholder {
   font-family:Century Gothic, Microsoft JhengHei, MingLiU, sans-serif!important;
   font-weight: bold;
   color:#181818!important;
}
:-moz-placeholder { /* Firefox 18- */ 
   font-family:Century Gothic, Microsoft JhengHei, MingLiU, sans-serif!important;
   font-weight: bold;
   color:#181818!important;
}
::-moz-placeholder {  /* Firefox 19+ */ 
    font-family:Century Gothic, Microsoft JhengHei, MingLiU, sans-serif!important;
    font-weight: bold;
	color:#181818!important;
}
:-ms-input-placeholder {    
    font-family:Century Gothic, Microsoft JhengHei, MingLiU, sans-serif!important;
    font-weight: bold;
	color:#181818!important;
} 

#OrderSummary.dedicatedsetting label div span{color:#004e00!important;}
#OrderSummary.dedicatedsetting.en  label div span{font-size:15px!important;}