@charset "UTF-8";
/* CSS Document */

body{margin:0px; font-family:'微軟正黑體','Microsoft JhengHei',Arial, Helvetica, sans-serif; font-size:16px; color:#333333; line-height:130%; -webkit-text-size-adjust:100%; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing:antialiased; background-image:url(../images/bodybg.gif); background-repeat:repeat-x;}
a{text-decoration:none; color:#17479e;}
a:hover{color:#4485fb;}
.Remark, .Remark a{font-size:12px; color:#666666;}
.Remark a:hover{fcolor:#4485fb;}
form{margin:0px; padding:0px;}
form input, form textarea{font-family:'微軟正黑體','Microsoft JhengHei',Arial, Helvetica, sans-serif; font-size:16px; color:#333333;}
form textarea{width:95%; height:100px; display:block; border:1px solid #CCC;}
.Highlight{color:#a67c29; margin:8px 0px; display:block;}

/* Header */
#Header{width:100%; height:350px; float:left; clear:both; position:relative; background-image:url(../images/headerbg.jpg); background-repeat:no-repeat; background-position:center top;}
#Header #HdrImg{width:990px; height:350px; position:relative; margin:auto; background-image:url(../images/headerbg.jpg); background-repeat:no-repeat; background-position:-155px top;}
#Header #HdrImg #LogoList{list-style:none; height:46px; margin:6px 0px 0px 0px; padding:0px; float:left; position:absolute; top:0px; left:665px;}
#Header #HdrImg #LogoList li{height:46px; line-height:46px; font-size:11px; color:#333; padding:0px 0px; float:left;}
#Header #HdrImg #LogoList li.HKAC{width:71px; background-image:url(../images/hkac.png); background-repeat:no-repeat; margin-right:5px;}
#Header #HdrImg #LogoList li.CreateHK{width:66px;background-image:url(../images/createhk.png); background-repeat:no-repeat;}
#Language{width: 105px; height: 32px; position: absolute; left: 72%;top: 350px; list-style:none; }
#Chibutton{line-height:30px; width:50px; height:30px; background-color: #FFF; font-size: 13px; border: 1px solid #17479E; float:left; color:#666; cursor:pointer; vertical-align:middle; text-align:center;}
#Engbutton{line-height:30px; width:50px; height:30px; background-color: #17479E; font-size: 13px; border: 1px solid #17479E; float:left; color:#FFF; vertical-align:middle; text-align:center;}

/* Content */
#Container{width:650px; padding:0px 170px; clear:both; margin:auto; background-image:url(../images/contentbg.png); background-repeat:no-repeat;}
#Container div{padding:40px 0px;}
#Container div div{padding:10px;}
#Container div ul{width:100%; list-style:none; margin:0px; padding:0px; display:block;}
#Container div ul li{display:inline-block; *display:inline; zoom:1; list-style:none; padding:0px; vertical-align:top; margin:3px 0px; }

#Container div ul.Lead li.item{width:110px; clear:both;}
#Container div ul.Lead li.Seperator{width:15px;}
#Container div ul.Lead li.data{width:515px;}
.SubHead{font-size:20px; color:#17479e;}
.Dotline{border-bottom:1px dotted #c2b59b;}
#Container div ul.SubTitle li{height:60px; font-size:20px; color:#17479e;}
#Container div ul li.Number{width:60px; line-height:55px; display:inline-block; *display:inline; zoom:1; text-align:center; background-image:url(../images/titlebg.png);}
#Container div ul li.Hdr{width:570px; margin-left:10px; display:inline-block; *display:inline; line-height:130%; zoom:1; margin-top:18px;}

#Container div ul.BuildingList li{width:106px; margin:10px;}
#Container div ul.BuildingList li div{width:106px; font-size:13px; line-height:110%; text-align:center; padding:0px;}
#Container div ul.BuildingList li div.thumbnail{width:100px; height:100px; padding:3px; text-align:center; color:#FFF; border:1px solid #d4cc9a; background-color:#FFF;}
#Container div ul.BuildingList li div.thumbnail span{width:100px; height:100px; overflow:hidden; display:block;}
#Container div ul.BuildingList li div.thumbnail span img{width:100px; cursor:pointer; left:50%; margin-left:-100%; position:relative; width:auto !important; height:100px !important;}

#Container div ul.UserInfo{margin-top:10px;}
#Container div ul.UserInfo li.item{width:180px; line-height:26px; clear:both;}
#Container div ul.UserInfo li.data{width:450px; line-height:26px; padding:0px; clear:both;}
#Container div ul.UserInfo li.data input{width:95%; height:24px; line-height:24px; border:1px solid #CCC;}
#Container div ul.UserInfo li.data input.Vertify{width:45%;}
#Container div ul.UserInfo li.data input:focus{border-color:#9b9468; outline:none; -moz-box-shadow:0px 0px 5px rgba(212,204,154,1); -webkit-box-shadow:0px 0px 5px rgba(212,204,154,1); box-shadow:0px 0px 5px rgba(212,204,154,1);}
#Container div ul.UserInfo li.AcceptInput{width:20px; display:inline-block; *display:inline; zoom:1; margin:30px 0px -15px 0px; float: left;}
#Container div ul.UserInfo li.AcceptData{width:620px; display:inline-block; *display:inline; zoom:1; font-size:13px; line-height:120%; margin:30px 0px -15px 0px;}
#Container div ul.UserInfo li.Submit{width:180px; text-align:center; padding:6px; background-color:#17479e; color:#FFF; font-size:25px; line-height:35px; cursor:pointer; margin:40px auto 0px auto; display:block;}
#formaction {width:180px; text-align:center; padding:6px; background-color:#17479e; color:#FFF; font-size:25px; line-height:35px; cursor:pointer; margin:40px auto 0px auto; display:block;}
#Container div div.RelLink{font-size:20px;}
#Container div ol.Term li{font-size:12px; margin:6px 0px; line-height:120%;}
#Container div p.TermHdr{margin-top:50px; font-size:13px;}
#Container div p.Disclaimer{margin-top:50px; font-size:13px;}
#reload-img {cursor:pointer;}

#Footer{width:100%; height:162px; position:relative; display:block; clear:both; background-image:url(../images/footerbg.png); background-repeat:repeat-x;}
#Footer #Sponsorship{width:auto; height:162px; padding-left:164px; background-image:url(../images/footerleft.png); background-repeat:no-repeat; background-position:left top; margin:0px auto;}
#Footer #Sponsorship ul{list-style:none; display:block; width:826px; height:162px; margin:0px auto;}
#Footer #Sponsorship ul li{margin:40px 0px 0px 0px; height:80px; display:inline-block; *display:inline; zoom:1; font-size:12px; color:#666; vertical-align:top;}
#Footer #Sponsorship ul li.Text{margin-left:30px; line-height:40px;}
#Footer #Sponsorship ul li.Icon{width:80px; height:80px;}
#Footer #Sponsorship ul li.HKAC{background-image:url(../images/footer_hkac.png);}
#Footer #Sponsorship ul li.CreateHK{width:110px; background-image:url(../images/footer_createhk.png);}
#Footer #Sponsorship ul li.Skypost{background-image:url(../images/footer_skypost.png); cursor:pointer;}
#Footer #Sponsorship ul li.etnet{background-image:url(../images/footer_etnet.png); cursor:pointer;}

/* Overlay List */
#OverlayList{width:299px; padding:10px; background-color:#000000\9; background-color:rgba(30,30,30,0.75); -moz-box-shadow:0px 0px 8px 0px rgba(30,30,30,0.5); -webkit-box-shadow:0px 0px 8px 0px rgba(30,30,30,0.5); box-shadow:0px 0px 8px 0px rgba(30,30,30,0.5); *background-color:#1e1e1e; position:fixed; top:0px; left:0px; z-index:9999; clear:both; border-left:1px solid #333; display:none;}
#OverlayList div.Block{width:100%; overflow:auto;}
#OverlayList div.Block ul{width:100%; margin:0px; padding:0px; list-style:none; display:block;}
#OverlayList div.Block li{width:96%; padding:2%; margin:1px 0px; font-size:15px; line-height:120%; color:#FFF; background-color:#1e1e1e; display:block;}
#OverlayList div.Block li a{color:#FFF;}
#OverlayList div.Block li div{vertical-align:middle; display:inline-block; *display:inline; zoom:1;}
#OverlayList div.Block li div.Thumbnail{width:38px; height:38px; overflow:hidden; border:1px solid #9a855c; text-align:center; background-color:#FFF;}
#OverlayList div.Block li div.Thumbnail span{width:38px; height:38px; overflow:hidden; display:block;}
#OverlayList div.Block li div.Thumbnail span img{width:38px; cursor:pointer; left:50%; margin-left:-100%; position:relative; width:auto !important; height:38px !important;}
#OverlayList div.Block li div.Name{width:180px; margin-left:25px;}
#OverlayList div.Block li div.Del{width:18px; height:18px; background-image:url(../images/overlay_del.png); cursor:pointer;}
#OverlayButton{width:50px; height:40px; font-size:11px; line-height:40px; text-indent:5px; color:#FFF; background-color:#333; cursor:pointer; position:fixed; top:0px; left:0px; background-position:right center; background-repeat:no-repeat; z-index:9998; -moz-box-shadow:0px 0px 8px 0px rgba(30,30,30,0.5); -webkit-box-shadow:0px 0px 8px 0px rgba(30,30,30,0.5); box-shadow:0px 0px 8px 0px rgba(30,30,30,0.5); display:none}
#OverlayButton.Edit{background-image:url(../images/edit.png);}
#OverlayButton.Close{background-image:url(../images/close.png);}

/* Progress Box */
.Progress{font-size:22px; line-height:150%; border-bottom:1px solid #c2b59b;}
#Alert{width:100%; font-size:22px; line-height:150%; border-bottom:1px solid #c2b59b;}
#Alert div{display:inline-block; *display:inline; line-height:50px; zoom:1; vertical-align:top;}
#Alert div.Symbol{width:32px; height:50px; background-image:url(../images/alert.png); background-repeat:no-repeat; background-position:left center;}

/* CSS for Retina Display only */
@media only screen and (-webkit-min-device-pixel-ratio : 2), only screen and (min-device-pixel-ratio : 2) {
body{background-image:url(../images/bodybg_x2.gif); background-size:1px;}
/* Header */
#Header, #Header #HdrImg{background-image:url(../images/headerbg_x2.jpg); background-size:1300px;}
#Header #HdrImg #LogoList li.HKAC{background-image:url(../images/hkac_x2.png); background-size:59px;}
#Header #HdrImg #LogoList li.CreateHK{background-image:url(../images/createhk_x2.png); background-size:66px; }
/* Content */
#Container{background-image:url(../images/contentbg_x2.png); background-size:131px;}
#Container div ul li.Number{background-image:url(../images/titlebg_x2.png); background-size:60px;}
/* Footer */
#Footer{background-image:url(../images/footerbg_x2.png); background-size:1px;}
#Footer #Sponsorship{background-image:url(../images/footerleft_x2.png); background-size:164px;}
#Footer #Sponsorship ul li.HKAC{background-image:url(../images/footer_hkac_x2.png); background-size:80px;}
#Footer #Sponsorship ul li.CreateHK{width:110px; background-image:url(../images/footer_createhk_x2.png); background-size:110px;}
#Footer #Sponsorship ul li.Skypost{background-image:url(../images/footer_skypost_x2.png); background-size:80px;}
#Footer #Sponsorship ul li.etnet{background-image:url(../images/footer_etnet_x2.png); background-size:80px;}
/* Overlay */
#OverlayList div.Block li div.Del{background-image:url(../images/overlay_del_x2.png); background-size:18px;}
#OverlayButton.Edit{background-image:url(../images/edit_x2.png); background-size:25px;}
#OverlayButton.Close{background-image:url(../images/close_x2.png); background-size:25px;}
/* Progress Box */
#Alert div.Symbol{background-image:url(../images/alert_x2.png); background-size:32px;}

#formaction {width:180px; text-align:center; padding:6px; background-color:#17479e; color:#FFF; font-size:25px; line-height:35px; cursor:pointer; margin:40px auto 0px auto; display:block;}
#reload-img {cursor:pointer;}

}