@charset "UTF-8";



/* styles */
/*/////////////////////////////////////////////////*/

h1{
	font-size:       10px;
	font-weight:     normal;
}

/* mainvisual */

div#mainvisual {
	height:          377px;
	margin-bottom:   20px;
	position:        relative;
}

div#main-imgs {
	background:      #dddddd url("../img/index/mv-loader.gif") no-repeat 50% 50%;
	border:          1px solid #aaaaaa;
	width:           932px;
	height:          310px;
	padding:         8px;
}

div.main-img {
	border:          1px solid #ffffff;
	width:           930px;
	height:          308px;
	display:         none;
	position:        absolute!important;
}


div.main-img img.main-base,
div.main-img ul.main-btn {
	position:        absolute;
}

div.main-img ul.main-btn {
	width:           395px;
	top:             247px;
	left:            21px;
}

div.main-img ul.main-btn li.detail {
	width:           160px;
	float:           left;
}

div.main-img ul.main-btn li.account {
	width:           225px;
	float:           right;
}

div.main-img ul.main-btn img {
	float: left;
}

div.main-img ul.main-btn.single li {
	width:           100%!important;
	text-align:      center;
}

div.main-img ul.main-btn.single li img {
	float:           none!important;
	display:         inline;
}




div#control {
	margin:          -1px 41px 0 40px;
	position:        absolute;
	width:           869px;
	height:          50px;
	overflow:        hidden;
	position:        absolute;
	top:             328px;
	left:            0;
}

ul#ctl-btn {
	position: absolute;
	top:             0;
}

ul#ctl-btn li {
	height:          50px;
	float:           left;
}

ul#ctl-btn li img {
	display:         block;
}

ul#nextback {
	width:           950px;
	margin:          -1px 0 0 0;
	position:        absolute;
	top:             328px;
	left:            0;
}

ul#nextback li#ctl-back {
	position:        absolute;
	top:             0;
	left:            0;
}

ul#nextback li#ctl-next {
	position:        absolute;
	top:             0;
	right:           0;
}



/* service */

div#service {
	width:           950px;
	overflow:        hidden;
}

div#service div.inner {
	width:           980px;
	overflow:        hidden;
}

div.svcbox {
	width:           420px;
	float:           left;
	margin:          0 30px 0 0;
	padding:         13px 20px 42px 20px;
}

div#svc-alertme  { background : url("../img/index/svc_alertme_base.gif") no-repeat; }
div#svc-webalert { background : url("../img/index/svc_webalert_base.gif") no-repeat; }

h2.svc-logo     { margin: 0 0 15px 0; }
h3.svc-name     { margin: 0 0 12px 0; }
p.svc-discript  { margin: 0 0 14px 0; }

ul.svc-btn li {
	height:          40px;
}

ul.svc-btn li img {
	display:         block;
}

ul.svc-btn li.detail {
	width:           156px;
	float:           left;
}

ul.svc-btn li.detail img {
	float:           left;
}

ul.svc-btn li.account {
	width:           259px;
	float:           right;
}

ul.svc-btn.single li {
	width:           100%!important;
	text-align:      center;
}

ul.svc-btn.single li img {
	float:           none!important;
	display:         inline;
}



/* news */

div#news {
	background:      #ffffff;
	border:          1px solid #bcc9d1;
	padding:         15px 19px;
	margin:          0 0 20px 0;
}

div.newsbox {
	width:           440px;
	position:        relative;
}

div#newest   {
	float:           left;
	border-right:    1px solid #bcc9d1;
	padding:         0 15px 0 0;
}

div#security { float: right; }

div.newsbox h2 ,div.hostingbox h2{
	font-size:       14px;
	color:           #333333;
	border-bottom:   1px solid #416379;
	margin:          0 0 15px 0;
} 
div.hostingbox ul{
width:917px}
div.hostingbox ul li{
float:left;
margin-right:5px
}
div.newsbox ul.news-btn {
	width:           101px;
	position:        absolute;
	top:             -2px;
	right:           0;
}

div#newest ul.news-btn { right : 15px; }

div.newsbox ul.news-btn li {
	float:           left;
	margin:          0 0 0 1px;
}

div.newsbox ul.news-btn li img {
	display:         block;
}

div.newsbox ul.link {
	font-size:       11px;
	position:        relative;
}

div.newsbox ul.link li {
	border-bottom:   1px dotted #999999;
	padding:         0 0 5px 0;
}

div.newsbox ul.link li span.date {
	width:           70px;
}

div.newsbox ul.link li span.title {
	width:           357px;
}


/* col */

div.col_top2 {
	width          : 950px;
	margin         : 0 0 10px 0;
	overflow       : hidden;
}

div.col_top2 div.in {
	width          : 980px;
}

div.col_top2 div.elm {
	width          : 460px;
	margin:          0 5px 0 0;
	padding:         0 25px 0 0;
	float          : left;
}

h2.col_top2{
	font-size      : 16px;
	color:           #333333;
	margin         : 0 0 5px 0;
}

h3.col_top2{
	font-size      : 14px;
	color:           #333333;
	border-bottom:   1px solid #9a9a9a;
	margin         : 0 0 4px 0;
}


/* banners */

ul#banners {
	line-height:     1.5;
	border-top:      1px solid #d3d5d5;
	padding:         20px 0 0 0;
}

ul#banners li.seal {
	font-size:       10px;
	color:           #555555;
	vertical-align:  top;
	width:           340px;
	margin:          0 25px 0 0;
	float:           left;
}

ul#banners li.seal img,
ul#banners li.seal object {
	float:           left;
	margin:          0 10px 0 0;
}

ul#banners li.banner {
	width:           215px;
	float: right;
}



/* float clear */
/*/////////////////////////////////////////////////*/

div.main-img ul.main-btn:after,
div.main-img ul.main-btn li.detail:after,
ul#ctl-btn:after,
div#service div.inner:after,
ul.svc-btn:after,
ul.svc-btn li.detail:after,
div#news:after,
div.newsbox ul.news-btn:after,
ul#banners:after,
ul#banners li.seal:after {
	content         : " ";
	height          : 0px;
	clear           : both;
	visibility      : hidden;
	display         : block;
}

div.main-img ul.main-btn,
div.main-img ul.main-btn li.detail,
ul#ctl-btn,
div#service div.inner,
ul.svc-btn,
ul.svc-btn li.detail,
div#news,
div.newsbox ul.news-btn,
ul#banners,
ul#banners li.seal{
	display         : inline-block;
}

/*\*/
* html div.main-img ul.main-btn,
* html div.main-img ul.main-btn li.detail,
* html ul#ctl-btn,
* html div#service div.inner,
* html ul.svc-btn,
* html ul.svc-btn li.detail,
* html div#news,
* html div.newsbox ul.news-btn,
* html ul#banners,
* html ul#banners li.seal{
	height          : 1%;
}

div.main-img ul.main-btn,
div.main-img ul.main-btn li.detail,
ul#ctl-btn,
div#service div.inner,
ul.svc-btn,
ul.svc-btn li.detail,
div#news,
div.newsbox ul.news-btn,
ul#banners,
ul#banners li.seal {
	display         : block;
}
/* cloud_header  --------------------------------------------------------*/

#cloud_header {

	background-clip: border-box;

	background-origin: padding-box;

	background-size: auto auto;

	height: 33px;

	padding-top: 10px;

	text-align: left;
margin-top: -10px;

	background: #e4e4e4 url(/data/img/index/gmoc_header/cloud_header_bg.gif) repeat-x scroll 0 0;

}

#cloud_header ul {

    margin-bottom: 7px;

    margin-left: auto;

    margin-right: auto;

    margin-top: 0;

    width: 950px;

}

#cloud_header li {

    float: left;

    margin-right: 20px;

}

.cloud_header_isle {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_isle.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    height: 17px;

    width: 144px;

}

.cloud_header_isle a {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_isle.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    display: block;

    height: 17px;

    text-indent: -9999px;

    width: 144px;

}

.cloud_header_isle a:hover {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_isle.gif");

    background-origin: padding-box;

    background-position: center bottom;

    background-repeat: no-repeat;

    background-size: auto auto;

}





.cloud_header_rapidsite {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_rapi.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    height: 17px;

    width: 144px;

}

.cloud_header_rapidsite a {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_rapi.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    display: block;

    height: 17px;

    text-indent: -9999px;

    width: 144px;

}

.cloud_header_rapidsite a:hover {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_rapi.gif");

    background-origin: padding-box;

    background-position: center bottom;

    background-repeat: no-repeat;

    background-size: auto auto;

}

.cloud_header_public {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_public.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    height: 17px;

    width: 122px;

}

.cloud_header_public a {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_public.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    display: block;

    height: 17px;

    text-indent: -9999px;

    width: 122px;

}

.cloud_header_public a:hover {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_public.gif");

    background-origin: padding-box;

    background-position: center bottom;

    background-repeat: no-repeat;

    background-size: auto auto;

}

.cloud_header_pisle {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_pisle.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    height: 17px;

    width: 123px;

}

.cloud_header_pisle a {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_pisle.gif");

    background-origin: padding-box;

    background-position: center top;

    background-repeat: no-repeat;

    background-size: auto auto;

    display: block;

    height: 17px;

    text-indent: -9999px;

    width: 123px;

}

.cloud_header_pisle a:hover {

    background-attachment: scroll;

    background-clip: border-box;

    background-color: transparent;

    background-image: url("/data/img/index/gmoc_header/cloud_header_pisle.gif");

    background-origin: padding-box;

    background-position: center bottom;

    background-repeat: no-repeat;

    background-size: auto auto;

}
/*\*/