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

#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}

#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #258;color:#666;margin:20px auto 0;padding:0;text-align:left;width:950px;}

#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}

#side_menu{background-color:#EFF5FF;border-left:1px solid #CFE2FF;float:right;margin:0;padding:15px;text-align:left;width:219px;}

#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}

#side_menu ul li{line-height:25px;margin:0;padding:0;}

#top{background-color:#00162C;height:60px;margin:0 auto;padding:0;text-align:left;width:960px;}

#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}

#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}

#top_menu ul{list-style:none;margin:0;padding:0;}

#top_menu ul li{float:left;margin:0;padding:0;}

#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}

#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}

#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}

#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}

#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}

#welcome_box a:hover{text-decoration:underline;}

.absmiddle{vertical-align:middle;}

.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}

.clear{clear:both;}

.green{color:#006F0F;}

.header{color:#1a4d80;font-size:14px;font-weight:700;}

.red{color:#BF0000;}

.small{font-size:11px;}

.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}

.contentbox{padding:10px;margin:0 0 10px;text-align:center;}

.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}

.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}

.clientareatableactive{background-color:#DFFFE0}

.clientareatablepending{background-color:#EFEFEF}

.clientareatablesuspended{background-color:#FFF6CF}

.clientareatableterminated{background-color:#FFCFCF}

.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}

.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}

.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}

.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}

.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}

.textgreen{color:#158F00;}

.textred{color:#9F0000;}

.kbarticle {padding: 2px 5px 5px 15px;}

.kbviews {color:#A8A8A8;font-size:10px;}

.kbalsoread {padding: 5px 5px 5px 15px;background-color: #F5F5F5;border-bottom: 1px solid #ccc;font-weight: bold;margin: 10px 0 10px 0;}

.searchinput {font-size: 11px;padding:0;}

#twitterfeed ul {list-style-type: none;padding: 0;margin: 15px 0 20px 0;}

#twitterfeed li {background-image: url(../../images/twittericon.png);background-repeat: no-repeat;background-position: 0;margin: 0 20px 10px 20px;padding-left: 25px;}

#twitterfeed p {text-align:center;margin:15px;}

.tweetbutton {float: right;margin: 0 15px 15px 15px;}



/* --------------------------------------------------------------

   QUOTES

-------------------------------------------------------------- */



.quotecontainer {

    border: 1px solid #ccc;

    background-color: #fff;

    background-image:url('../../images/quote.png');

    background-repeat:no-repeat;

    background-position: 10px 11px;

    color: #666;

    margin: 10px;

}



.quotecontainer:hover {

    background-color: #efefef;

    cursor: hand;

    cursor: pointer;

}



.quotecontainer .quoteid {

    float: left;

    width: 80px;

    padding: 13px 0 0 40px;

    text-align: center;

    font-size: 24px;

}



.quotecontainer .quoteleft {

    float: left;

    padding: 10px 0 10px 0;

    font-size: 11px;

}



.quotecontainer .quoteleft .subject {

    font-weight: bold;

    font-size: 14px;

    padding-bottom: 4px;

    color: #000;

    width: 350px;

}



.quotecontainer .quoteright {

    float: right;

    padding: 10px 15px 0 0;

    text-align: right;

}



.quotecontainer .quoteright .stage {

    font-weight: bold;

    font-size: 12px;

    padding-bottom: 4px;

}
/*****************************************/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	margin:0;
	padding:0;
}
p {
	padding:8px 0;
	text-indent:2em;
}
p.center{ text-indent:0; text-align:center;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
ol, ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:none;
}
a {
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	margin:0;
	padding:0;
	color:#35A4FF;
	text-indent:0;
}
a:hover {
	text-decoration:underline;
}
del {
	text-decoration:line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
input, select {
	vertical-align:middle;
}
:focus {
	outline:0;
}
h1{ font-size:20px;}
h2{ font-size:18px}
h3{ font-size:16px;}
h4{ font-size:14px}
h5{ font-size:12px;}
h6{ font-size:10px}
/********************/
.tl{ text-align:left;}
.tc {
	text-align:center;
}
.tr{ text-align:right;}
.cb {
	clear:both;
}
.Left {
	float:left;
}
.Right {
	float: right;
}
.FloatNone {
	float:none;
}
.red {
	color:#f00;
}
.orange {
	color:#ff6600;
}
.yellow {
	color:#FF0;
}
.blue {
	color:#0082CB;
}

a.blue2{ color:#0000FF; margin:0 20px;}

.black {
	color:black;
}
.gray {
	color:gray;
}
.white {
	color:white;
}
.white_shadow {
	text-shadow:#FFF 1px 1px 1px;
}
.block {
	display:block;
}
.w120 {
	width:120%;
}
.oh {
	overflow:hidden;
}
.bold {
	font-weight:bold;
}
/********************/
.m0 {
	margin:0;
}
.m5 {
	margin:5px;
}
.m10 {
	margin:10px;
}
.m15 {
	margin:15px;
}
.m20 {
	margin:20px;
}
.m25 {
	margin:25px;
}
.m30 {
	margin:30px;
}
.mt0 {
	margin-top:0px;
}
.mt5 {
	margin-top:5px;
}
.mt10 {
	margin-top:10px;
}
.mt15 {
	margin-top:15px;
}
.mt20 {
	margin-top:20px;
}
.mt25 {
	margin-top:25px;
}
.mt30 {
	margin-top:30px;
}
.ml0 {
	margin-left:0px;
}
.ml5 {
	margin-left:5px;
}
.ml10 {
	margin-left:10px;
}
.ml15 {
	margin-left:15px;
}
.ml20 {
	margin-left:20px;
}
.ml25 {
	margin-left:25px;
}
.ml30 {
	margin-left:30px;
}
.mr0 {
	margin-right:0;
}
.mr5 {
	margin-right:5px;
}
.mr10 {
	margin-right:10px;
}
.mr15 {


	margin-right:15px;
}
.mr20 {
	margin-right:20px;
}
.mr25 {
	margin-right:25px;
}
.mr30 {
	margin-right:30px;
}
.mb0 {
	margin-bottom:0;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb15 {
	margin-bottom:15px;
}
.mb20 {
	margin-bottom:20px;
}
.mb25 {
	margin-bottom:25px;
}
.mb30 {
	margin-bottom:30px;
}
.p0 {
	padding:0;
}
.p5 {
	padding:5px;
}
.p10 {
	padding:10px;
}
.p15 {
	padding:15px;
}
.p20 {
	padding:20px;
}
.p25 {
	padding:25px;
}
.p30 {
	padding:30px;
}
.pt0 {
	padding-top:0;
}
.pt5 {
	padding-top:5px;
}
.pt10 {
	padding-top:10px;
}
.pt15 {
	padding-top:15px;
}
.pt20 {
	padding-top:20px;
}
.pt25 {
	padding-top:25px;
}
.pt30 {
	padding-top:30px;
}
.pl0 {
	padding-left:0;
}
.pl5 {
	padding-left:5px;
}
.pl10 {
	padding-left:10px;
}
.pl15 {
	padding-left:15px;
}
.pl20 {
	padding-left:20px;
}
.pl25 {
	padding-left:25px;
}
.pl30 {
	padding-left:30px;
}
.pb0 {
	padding-bottom:0;
}
.pb5 {
	padding-bottom:5px;
}
.pb10 {
	padding-bottom:10px;
}
.pb15 {
	padding-bottom:15px;
}
.pb20 {
	padding-bottom:20px;
}
.pb25 {
	padding-bottom:25px;
}
.pb30 {
	padding-bottom:30px;
}
.pr0 {
	padding-right:0;
}
.pr5 {
	padding-right:5px;
}
.pr10 {
	padding-right:10px;
}
.pr15 {
	padding-right:15px;
}
.pr20 {
	padding-right:20px;
}
.pr25 {
	padding-right:25px;
}
.pr30 {
	padding-right:30px;
}
.small {
	font-size:11px;
}
.f12 {
	font-size:12px;
}
.f14 {
	font-size:14px;
}
.f16 {
	font-size:16px;
}
.f18 {
	font-size:18px;
}
.f20 {
	font-size:20px;
}
.LineHeight1 {
	line-height:1em;
}
.LineHeight15 {
	line-height:1.5em;
}
.LineHeight2 {
	line-height:2em;
}
/*Wrap*/
body {
	font-family:"新細明體",Arial ;
	font-size:12px;
	color:#555555;
	line-height:1.5em;
}
.Wrap {
	width:960px;
	margin:0 auto;
	clear:both;
}
#Header {
	background:url(images/Header.jpg) no-repeat;
	height:86px;
	clear:both;
}
#Nav{  padding-top:6px; clear:both;}
#Footer {
	width:100%;
	background:#282D30 url(images/Footer.jpg) repeat-x;
	height:160px;
	clear:both;
}
/*headerCSS*/
#Header .Left{ width:440px;}
a#logo {
	display:block;
	float:left;
	margin-top:15px;
	margin-right:3px;
	background:url(images/Logo.gif) no-repeat;
	width:320px; height:48px;
	text-indent:-1000px; overflow:hidden;
}
.lang {
	background: url(images/BlueRing.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	text-align:center;
	line-height:29px;
	float:left;
	color:#2D74C1;
	font-size:12px;
	margin:24px 0 0 3px;
}
.inputL, .inputS {
	background-color:#F9F9F9;
	background-image:url(images/IcoLoginA.gif);
	background-repeat:no-repeat;
	background-position: 3px 6px;
	padding:0 5px 0 18px;
	margin:0 auto;
	border:solid 1px #CCCCCC;
	height:24px;
	line-height:21px;
	color:#999999;
}
.inputS {	background-image:url(images/IcoLoginB.gif);
}
.button-primary {
	cursor:pointer;
	background:url(images/Login.png) repeat-x;
	height:26px;
	padding:0 5px;
	line-height:23px;
	text-align:center;
	border:solid 1px #ccc;
	margin:0 0 0 auto;
	color:#999999;
}
/*navCSS*/
#ClientNav li{ width:78px; height:35px; float:right; text-align:center; line-height:34px;letter-spacing:1px;}
#Nav li{ width:87px; height:35px; float:left; text-align:center; line-height:34px; font-family: "微軟正黑體","新細明體"; letter-spacing:1px;}
#Nav li.Level1{}
#Nav li:hover{ background:url(images/ActiveB.jpg) no-repeat;}
#Nav li:hover a{ color:#2A6FB9;}
#Nav li a{ display:block; width:87px; height:35px; line-height:34px; font-size:14px; color:#fff;}
#Nav li a.active{ font-weight:bold;}
#Nav li:hover a{}
#Nav li a:Hover,#Nav li a.active{ color:#2A6FB9; background:url(images/ActiveB.jpg) no-repeat;}
#Nav li.Level1 a:Hover,#Nav li.Level1 a.active{ background:url(images/ActiveA.jpg) no-repeat; color:#2A6FB9;}
#Nav li.Level1 a{ background:url(images/LiA.gif) no-repeat 73px 14px;}

#Nav li.Level1 li a,#Nav li.Level1 li a.active,#Nav li.Level1 li a:hover{color:#2A6FB9; display: inline; line-height:12px;}
#Nav ul.child{ display:none;}
#Nav li.Level1:hover ul.child{ display:block; background:url(images/RoundWhite.gif) no-repeat left bottom; width:150px; padding-bottom:5px; z-index:1000; position:absolute;}
#Nav li:hover ul.child li{ float:none; width:140px; margin:0 5px; border-bottom:dashed 1px #CCCCCC; height:auto; line-height:1em; padding:5px 2px; text-align:left; font-size:12px;}
#Nav li.Level1:hover ul.child li:hover{ background:none;}
#Nav li.Level1:hover ul.child li a{ font-size:12px; background: url(images/list/arowA.gif) no-repeat left 6px; padding-left:8px; margin-right:5px;}
#Nav li:hover ul.child li.Level2{ background:url(images/LiB.gif) no-repeat 125px 8px; position:relative;}
#Nav li:hover ul.child li ul.child{ display:none;}
#Nav li:hover ul.child li:hover ul.child { display:block; background-color:#e8e8e8; background-image:none;width:150px; padding-bottom:5px; position:absolute; left:90%; top:10px; z-index:10000;}
#Banner{ width:960px; height:276px; float:left; margin-bottom:10px; clear:both;}
#Banner a{ display:block;}

#billboard{ width:960px; height:276px; float:left; margin-top:3px;margin-bottom:10px; clear:both;}
#billboard a{ display:block;}

/*footerCSS*/
.FooterBlock{ width:960px; margin:0 auto;}
.FooterIMG{ margin-left:15px; margin-top:51px; float:left;}
.FooterLeft{ background:url(images/FooterShadowLeft.jpg) no-repeat; width:10px; height:131px; float:left; margin-left:20px;}
.FooterContent1,.FooterContent2{ background:url(images/FooterShadowCenter.jpg) repeat-x; padding:20px; float:left; height:91px; color:#9FA1A2; line-height:22px;}
.FooterContent1 a{ background:url(images/list/arowB.gif) no-repeat left 6px; padding-left:8px; margin-right:5px;}
.FooterContent2{ text-align:right; line-height:30px;}
.FooterContent2 .blue{ color:#35A4FF;}
.FooterContent2 a{ margin:0 5px; _margin:0;}
.FooterRight{ background:url(images/FooterShadowRight.jpg) no-repeat; width:10px; height:131px; float:left;}
/**btn**/
/*indexbtn*/
a.BtnOrangeSmall,a.BtnBlueSmall{ display:inline-block; width:56px; height:18px; text-align:center; padding-top:5px; color:#fff; font-size:12px; background:url(images/btn/a.gif) no-repeat left top; line-height:1em; text-decoration:none; margin:0 5px;}
a.BtnOrangeSmall:hover{background:url(images/btn/a.gif) no-repeat left bottom;}
a.BtnBlueSmall{ width:67px; background:url(images/btn/a.gif) no-repeat right top;}
a.BtnBlueSmall:hover{ background:url(images/btn/a.gif) no-repeat right bottom;}
/*pagebtn*/
a.BtnRed,a.BtnYellow{ background:url(images/btn/c.gif) no-repeat left top; padding-left:25px; height:26px; display:inline-block;color:#fff;}
a.BtnRed span,a.BtnYellow span{ background:url(images/btn/c.gif) no-repeat right top; padding-right:25px; height:20px; padding-top:6px; display:block;line-height:1em;font-size:14px; float:left; cursor:pointer; }
a.BtnRed:hover{ background:url(images/btn/c.gif) no-repeat left bottom; text-decoration:none;}
a.BtnRed:hover span{ background:url(images/btn/c.gif) no-repeat right bottom;}
a.BtnYellow{ background:url(images/btn/b.gif) no-repeat left top; margin:0 3px;}
a.BtnYellow span{ background:url(images/btn/b.gif) no-repeat right top;}
a.BtnYellow:hover{ background:url(images/btn/b.gif) no-repeat left bottom; text-decoration:none;}
a.BtnYellow:hover span{ background:url(images/btn/b.gif) no-repeat right bottom;}
a.BtnGray{ background:url(images/btn/d.gif) no-repeat left top; width:63px;text-align:center; line-height:1em; padding-top:5px; height:18px; display:inline-block; margin: 0 3px; color:#fff;}
a.BtnGray:hover{background:url(images/btn/d.gif) no-repeat left bottom; text-decoration:none;}
a.BtnYellow2{ background:url(images/btn/e.gif) no-repeat left top; width:101px; text-align:center; padding-top:4px; height:22px; font-size:14px; color:#fff; font-size:14px; display:inline-block; margin:0 10px;}
a.BtnYellow2:hover{ background:url(images/btn/e.gif) no-repeat left bottom; text-decoration:none; }
a.BtnGray2{ background:url(images/btn/f.jpg) no-repeat left bottom; width:73px; height:19px; padding-top:4px; _height:17px; _padding-top:6px; line-height:1em; text-align:center; display:inline-block; margin:5px 0; color:#fff; font-size:12px;}
a.BtnGray2:Hover{ background:url(images/btn/f.jpg) no-repeat left top; text-decoration:none;}



/**colorblock**/
.ClorBlock{ width:100%; float:left; margin-bottom:20px;}
.ClorBlock .block{ background:url(images/BlockBg/bg180_251.jpg) no-repeat; width:176px; height:247px; float:left; margin-right:14px; padding:2px;}
.ClorBlock .last{ margin-right:0;}
.ClorBlock h1.title1{ width:150px; padding:0 0 1px 26px;height:28px; text-align: center;font-size:14px; color:#fff; font-weight:normal; padding-top:12px; background: url(images/homepage/Title_Blue.jpg) no-repeat;border-bottom:solid 1px #D5D5D5; margin:0;letter-spacing:1px;}
.ClorBlock p{}
.ClorBlock ul{ width:150px; margin:0 auto;}
.ClorBlock ul li{ border-bottom:dashed 1px #B6B6B6; height:24px; margin-bottom:7px; font-size:12px; padding-left:15px; background:url(images/list/a.gif) no-repeat 5px 8px; color:#2390E8;}
.ClorBlock  h2.title2{ background:url('');  border-bottom:dashed 0px; height:24px; font-size:12px; font-weight: normal; width:150px; padding-left:0px; color:#2390E8;}
.ClorBlock  h2.titleG{ background:url('');  border-bottom:dashed 0px; height:24px; font-size:12px; font-weight: normal; width:150px; padding-left:0px; color:#6FA626;}
.ClorBlock .blockblue h1.title1{background-image:url(images/homepage/Title_Blue.jpg);}
.ClorBlock .blockgreen h1.title1{background-image:url(images/homepage/Title_Green.jpg);}
.ClorBlock .blockbrown h1.title1{background-image:url(images/homepage/Title_Brown.jpg);}
.ClorBlock .blockblack h1.title1{background-image:url(images/homepage/Title_Black.jpg);}
.ClorBlock .blockgray h1.title1{background-image:url(images/homepage/Title_Gray.jpg);}
.ClorBlock .blockblue li{background:url(images/list/a.gif) no-repeat 3px 8px; color:#2390E8;}
.ClorBlock .blockgreen li{background:url(images/list/b.gif) no-repeat 3px 8px; color:#6FA626;}
.ClorBlock .blockbrown li{background:url(images/list/c.gif) no-repeat 3px 8px; color:#92980A;}
.ClorBlock .blockblack li{background:url(images/list/d.gif) no-repeat 3px 8px; color:#000000;}
.ClorBlock .blockgray li{background:url(images/list/e.gif) no-repeat 3px 8px; color:#777777;}

/*search*/
.search{ background:url(images/search.png) no-repeat; width:681px; height:54px; float:left; margin-bottom:6px; padding:9px 17px 0;}
.searchtext{ width:450px; padding:4px 5px 2px; height:15px; line-height:15px; border:none; border-bottom:solid 2px #A19890;_height:19px;_float:left;}
.searchs{ padding:1px; height:23px; line-height:21px; border:none; border-bottom:solid 2px #A19890; border-right:solid 2px #A19890;_float:left;_ margin-left:5px;}
a.searchbtn{ float:right; color:#fff; font-size:15px; font-family:"微軟正黑體"; line-height:1em;vertical-align:top; padding:3px 10px 5px 0;}
a.searchbtn:hover{ text-decoration:none; color:#ccc;}
/*page_search*/
.search2{ background-color:#D5EBF9; border:solid 1px #AFD8F3; padding:10px 16px; margin-bottom:20px;}
.searchtext2{ width:440px; padding:6px 5px; height:15px; line-height:15px; border:none; font-size:14px;_height:13px;_float:left;}
.searchs2{ padding:1px; height:27px; line-height:27px; border:none; font-size:18px; color:#333333;_float:left;_ margin-left:0px;}
a.searchbtn2{ float:right;font-size:18px; font-family:"微軟正黑體"; line-height:1em;vertical-align:top; padding:0 12px 0 0; height:25px;}
a.searchbtn2:hover{ }
/*theme_search*/
.tmsearch{ float:right; padding-top:30px;_padding-top:20px; color:#fff;}
.tmsearch span.title{text-shadow:#000 1px 1px 1px; font-size:14px; font-weight:bold;}
.tmsearchs{ width:106px;}
.tmsearch td{ padding-left:5px;}
a.tmsearchbtn{ background:url(images/btn/g.gif) no-repeat left top; width:70px; height:19px; display:inline-block;}
a.tmsearchbtn:hover{ background:url(images/btn/g.gif) no-repeat left bottom;}

/*Partners*/
.Partners{ width:960px; height:195px; float:left; clear:both; margin-bottom:10px; position:relative;}
.Partners_bg{ background:url(images/Partners.jpg) no-repeat; width:960px; height:121px;position:relative; left:-3px; padding-left:5px;}
.Partners_bg dd{ float:left; padding:28px 0 0 40px;}

/*hr*/
hr.shadowline{ background:url(images/page/shadowline.jpg) no-repeat; width:649px; height:22px; margin:5px auto 15px; clear:both; border:none; padding:0;}
/*hr*/
hr.DashedLine{ border:none; border-bottom:dashed 1px #B6B6B6; margin:0 auto 10px; clear:both;}
/*pagenav*/
.PageNav{ height:19px; padding:6px 0; font-size:12px; font-family:Arial; text-align:right;}
.PageNav span,.PageNav a:hover{  height:16px; padding:1px 4px 0;background-color:#4387D6; border:solid 1px #4387D6;  color:#fff; margin: 0 5px;}
.PageNav a{ height:16px; padding:1px 4px 0; border:solid 1px #B6B6B6; background-color:#F5F5F5; color:#000000; margin:0 5px;}
/*----------------------------body----------------------*/
body {
	background:url(images/Bg.jpg) repeat-x;
}
/*youarehere*/
#YouAreHere {
	height:95px;
	margin-bottom:20px;
	clear:both;
}
#YouAreHere .Left {
	color:#D7E8F8;
	padding-top:40px;
	padding-left:15px;
}
#YouAreHere .Left a {
	color:#D7E8F8;
}
/**/
.Main {
	width:967px;
	margin:0 auto;
}
/**/
#Content {
	float:left;
	width:721px;
}
.ContentTop {
	width:721px;
	float:left;
	height:18px;
	clear:both;
	background:url(images/page/top.png) no-repeat;
}
.ContentCenter {
	background:url(images/page/center.jpg) repeat-y;
	width:680px;
	padding:10px 20px 0 21px;
	float:left;
	clear:both;
	min-height:500px;
}
.ContentBottom {
	background:url(images/page/bottom.jpg) no-repeat;
	height:33px;
	width:721px;
	float:left;
	clear:both;
}
/**/
#Sidebar {
	float:right;
	width:233px;
}
#Sidebar h3.title3 {
	background:url(images/page/sidetop.png) no-repeat;
	padding:15px 20px;
	height:19px;
	font-size:14px;
}
ul.Side,div.Side {
	background:url(images/page/sidebg.jpg) repeat-y;
	padding:5px 4px 0 5px;
	width:224px;

}
div.Side{ width:204px; padding:5px 14px 0 15px;	overflow:hidden;
}
div.Side input.w25{ width:95%;}
.Side li {
	border-bottom:solid 1px #CCCCCC;
	padding:5px 10px 3px;
}
.Side li.last {
	border:none;
}
.Side a{ color:#555555;}
.Side a:hover{ color:#35A4FF;}
.SideBottom {
	background:url(images/page/sidebottom.jpg) no-repeat;
	height:7px;
	margin-bottom:15px;
}
/**/
.SideImg {
	margin:4px 4px 15px;
	width:225px;
}
#Sidebar p{ text-indent:0;}
/**/
.doublelineA, .doublelineB {
	border-bottom: dashed 1px #B6B6B6;
	border-top: dashed 1px #B6B6B6;
	padding:2px 10px;
	font-size:14px;
	margin-bottom:10px;
	line-height:26px;
	height:26px;
}
/**/
.doublelineB {
	padding:0;
	line-height:1em;
	height:28px;
}
.doublelineB a {
	display:inline-block;
	padding:7px 9px 0;
	_padding:7px 7px 0;
	height:21px;
	font-size:12px;
	color:#555555;
	white-space: nowrap;	
}
.doublelineB a:hover, .doublelineB a.active {
	color:#fff;
	background-color:#3187DC;
	text-decoration:none;
}
/**/
.OneColumns {
	padding:10px;
	line-height:24px;
	margin-bottom:10px;
}
/**/
.TwoColumnsBg {
	width:670px;
	overflow:hidden;
}
.TwoColumns {
	width:700px;
}
.TwoColumns dl {
	width:325px;
	float:left;
	margin-right:20px;
	margin-bottom:30px;
}
.TwoColumns h4.title {
	border-bottom:dashed 1px #B6B6B6;
	border-top:dashed 1px #B6B6B6;
	padding:5px;
	margin-bottom:10px;
	color:#35A4FF;
	font-size:12px;
}
.TwoColumns ul.listb {
	margin-bottom:10px;
}
.TwoColumns ul.listb li {
	background:url(images/list/i.gif) no-repeat left 5px;
	padding-left:10px;
	color:#555555;
	margin-left:5px;
	margin-bottom:3px;
}

/**/
.ThreeColumns {
	margin-bottom:10px;
	clear:both;
}
.ThreeColumns dl {
	width:30%;
	line-height:30px;
	padding-left:3%;
	float:left;
}
.ThreeColumns dd a {
	background:url(images/list/i.gif) no-repeat left 5px;
	padding-left:10px;
	color:#555555;
}
.ThreeColumns dd a:Hover {
	color:#35A4FF;
}
/**/
h2.title2 {
	background:url(images/ico/b.gif) no-repeat 5px top;
	padding:7px 40px;
	border-bottom:dashed 1px #B6B6B6;
	font-size:14px;
	margin-bottom:10px;
}
h2.title2 a {
	color:#555555;
}
h2.title2 small {
	font-size:12px;
	font-weight:normal;
}
/**/
.listA li {
	background:url(images/list/e.gif) no-repeat left 12px;
	padding-left:12px;
}
/**/
.ThemesBg {
	width:680px;
	overflow:hidden;
}
.Themes {
	width: 700px;
}
.Themes li {
	width:145px;
	height:208px;
	float:left;
	margin-right:24px;
	margin-bottom:28px;
	padding:2px;
	border: solid 1px #CCCCCC;
}
.Themes li img {
	width:145px;
	height:156px;
	margin-bottom:10px;
}
/**/
h2.domain {
	background:url(images/domain.gif) no-repeat 5px top;
	height:23px;
	margin-bottom:15px;
	text-indent:-1000px;
}
/**/

span.GrayBlock {
	background-color:#DDDDDD;
	border:solid 1px #CCCCCC;
	padding:2px 5px 0;
	height:22px;
	font-weight:bold;
	margin-right:3px;
}
/**/
div.GrayBlock {
	background-color:#F5F5F5;
	border: dotted 1px #B6B6B6;
	padding:15px 10px;
	margin-bottom:10px;
}
div.GrayBlock p {
	text-indent:-18px;
	margin-left:20px;
	letter-spacing:1px;
}
/**/

.step {
	margin-bottom:15px;
}
.step h3 {
	font-size:14px;
	margin-bottom:3px;
}
.step a {
	color:#575757;
}
.step a:hover {
	color:#35A4FF;
}
/**/
.Program {
	width:666px;
	height:143px;
	padding:14px 1px 1px;
	background:#fff url(images/BlockBg/bg666_158.jpg) no-repeat 1px 1px;
	border:solid 1px #DEDEDE;
	margin:0 auto 20px;
}
.Program dl {
	float:left;
}
.Program dd.Img {
	padding:0 13px 0 17px;
}
.Program dd.Text {
	width:310px;
	padding:0 12px;
	line-height:22px;
}
.Program dd.contact {
	width:153px;
	text-align:center;
	color:#EB3D00;
	font-size:15px;
	line-height:27px;
	font-family:"微軟正黑體";
}
.Program h4.title {
	color:#2F78C8;
	font-size:14px;
	margin-bottom:10px;
}
/**/
.attention {
	color:#F16905;
	font-size:14px;
	line-height:22px;
	border:dotted 1px #F0C61A;
	background-color:#FCF2CB;
	padding:8px 10px;
	margin-bottom:10px;
}
/**/
.ContactUsBg {
	width:680px;
	overflow:hidden;
}
.ContactUs {
	width:700px;
}
.ContactUs li{ background:url(images/BlockBg/contact.gif) no-repeat; width:219px; height:97px; margin-right:13px; float:left; padding:20px 0 0; margin-bottom:10px;}
.ContactUs li p{ text-align:center; color:#EB3D00; line-height:2em; text-indent:0; font-family:Arial; font-weight:bold;}
.ContactUs h4.title {
	color:#000;
	font-size:16px;
	font-family:"微軟正黑體";
	background:url(images/ico/c.gif) no-repeat left top;
	margin-left:55px;
	padding-left:28px;
}
/*------------------------idnex--------------------------*/
/**/
body#index{ background:url(images/BgHome2.jpg) repeat-x;}
#index .Main{ width:960px; margin:0 auto;}
#index #Content{ width:715px; float:left;}
#index #Sidebar{ float:right; width:225px;padding-bottom:30px; margin-bottom:10px;}
/**/
#index .benefits{ width:100%; float:left; clear:both; margin:20px 0; height:60px;}
#index .benefits dd{ float:left;}
#index .benefits dd.Dtext{ width:115px; padding:5px 10px 0 5px; color:#0662B0; font-size:15px; font-family:"微軟正黑體","新細明體"; font-weight:bold;letter-spacing:1px;}
#index .benefits dd.Dtext2{ background:url(images/homepage/Img.jpg) no-repeat; width:162px; height:47px; float:right; padding:10px 0 0 65px; font-size:15px; color:#fff; line-height:19px;}
#index .benefits dd.Dtext2 a,#index .benefits dd.Dtext2 a:hover,#index .benefits dd.Dtext2 a:link{ color:#ff0000;text-decoration:none;}
/**/
#index .BlucBlock_bg{ background:url(images/homepage/content_shadow.jpg) no-repeat left bottom; float:left; width:715px; padding-bottom:3px; margin-bottom:10px;}
#index .BlucBlock{ background:url(images/homepage/content_top.jpg) no-repeat left top; padding:21px 15px 10px; float:left; width:685px;}
#index .BlucBlock h2.title3{ background:url(images/ico/a.gif) no-repeat 5px top; border-bottom:dashed 1px #B6B6B6; color:#286CB5; font-family:"微軟正黑體","新細明體"; font-size:16px; padding:3px 30px; margin:10px 0;letter-spacing:1px;}
#index .BlucBlock ul{ padding:0 5px;}
#index .BlucBlock li{ float:left; width:312px; background:url(images/list/h.gif) no-repeat left 7px; padding-left:25px; height:32px;font-family:"微軟正黑體","新細明體";font-size:12px; letter-spacing:1px; padding-top:5px;}
#index .BlucBlock a{ color:#555555;}
#index .BlucBlock a:hover{color:#35A4FF;}
/**/
#index #Sidebar{ background:#B6B6B6 url(images/homepage/SideBottom.gif) no-repeat left bottom; }
#index #Sidebar h3.title1{ background:url(images/homepage/Title_side.jpg) no-repeat; height:29px; text-align:center; color:#fff; font-family:"微軟正黑體"; font-size:16px; padding-top:10px;letter-spacing:1px;}
#index #Sidebar ul.linka li{ height:60px; background:url(images/homepage/line1.gif) repeat-x left bottom;}
#index #Sidebar ul.linka li a{ display:block; height:36px; padding:12px 5px; color:#555;}
#index #Sidebar ul.linka li a img{ float:left; margin-right:15px;}
#index #Sidebar ul.linka li a p{ text-indent:0; padding:0; margin:0;}
#index #Sidebar ul.linka li a p strong{ font-family:"微軟正黑體"; font-size:14px;}
#index #Sidebar ul.linka li a:hover{ background:url(images/homepage/BlueBg1.jpg) repeat-x; color:#fff; text-decoration:none;}
/**/
#index .hot{ clear:both; margin-bottom:10px;}
#index .hot dd{ float:left; height:222px;}
#index .hot dd li{ background:url(images/list/h.gif) no-repeat left 7px; padding-left:25px; height:32px; padding-top:5px; width:165px;  float:left;}
#index .hot a{ color:#555555;}
#index .hot a:hover{color:#35A4FF;}
#index .hot dd.D1{ padding:75px 0 0 4px; height:147px;}
#index .hot dd.D2{ padding:0 0px 0 10px; width:580px; height:auto;}
#index .hot dd.D3{  padding:0 30px;}
#index .hot dd.D4{ padding:0 10px;}
#index .hot dd.D5{ float:right;}
#index .hot dd.D5 a.more{ background:url(images/homepage/btn.jpg) no-repeat; width:148px; height:69px; display:block; color:#fff; text-align:center; padding:53px 0 0 25px; font-size:14px; margin-top:50px;}
#index .hot dd.D5 a.more:hover{ color:#ccc; text-decoration:none;}

/*------------------------------start top_menu -----------------------------------*/
#top_menu { margin:5px 0;}
#top_menu ul{ margin:0; padding:0;}
#top_menu li{ float:left; padding-left:20px; list-style:none;}
#top_menu li a{ background:#ccc url(images/btn.gif)  no-repeat left top; height:24px; padding-left:15px;color:#555555; text-decoration:none; display:block;}
#top_menu li a span{ background:url(images/btn.gif)  no-repeat right top;  height:17px;padding-top:7px; color:#555555; text-decoration:none; font-size:12px; font-family: Arial; padding-right:15px; display:block; line-height:12px;}
#top_menu li a:hover{  background:url(images/btn.gif)  no-repeat left bottom; color:#fff; text-decoration:none;}
#top_menu li a:hover span{ background:url(images/btn.gif)  no-repeat right bottom; color:#fff; }
.clear{ clear:both;}
/*-------------------------------end top_menu -----------------------------------*/

table th{ border-top:solid 1px #C3C3C3; border-bottom:solid 1px #C3C3C3; background-color:#EBEBEB;}
table.data{margin:0 0 10px;padding:0;}

table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}

table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}

table.data th a {color:#FFF;}

table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}

table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}

table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}

table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}

table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}

table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}

table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}


/*sitemap*/
.TwoColumns{ clear:both;}
.TwoColumns h4.title a:hover {
	color:#E88A0E;
}
.TwoColumns ul.listA {
	margin-bottom:10px;
}
.TwoColumns ul.listA li { line-height:28px; margin-left:5px;
}
.TwoColumns ul.listA li a{color:#555555;}
.TwoColumns ul.listA li a:hover{ color:#35A4FF; text-decoration:underline;}
.WHMCompleteSolution{display:none}
#languageBox{ display:none}
/*pagelist*/
.pagelist{ position:relative; padding-top:10px;}
.newsICO{ position:absolute; left:-18px; top:-18px;}
.pagelist h2 { background:url(images/pagelist/title_ico.gif) no-repeat left 4px; padding-left:15px;}
.pagelist h2 a{ color:#555; font-size:14px;}
.pagelist h2 a:hover{ color:#3287DC;}
.pagelist span.date{ color:#8EBDEB; float:right; margin-right:10px;}
.pagelist .post{ margin-bottom:30px; border-bottom:dashed 1px #b6b6b6; float:left; width:100%;}
.pagelist .entry{ padding:15px 0 25px; line-height:27px;}
.PageListNav{ text-align:center; margin-bottom:20px; width:100%; float:left;}
.PageListNav a,.PageListNav span.active{ margin:0 5px; color:#333333;}
.PageListNav a.first,.PageListNav a.Previous,.PageListNav a.Next,.PageListNav a.last{ margin:0 10px;}
.PageListNav span.active{ color:#2B83DB; text-decoration:underline;}
/*singlepost*/
.singlepost{ position:relative; padding-top:10px;}
.singlepost h2{ color:#3489DD; font-size:18px; font-family:"微軟正黑體"; text-align:center; font-weight:normal; margin:10px 0 15px;}
.postinfo{ background-color:#F5F5F5; text-align:center; color:#888888; font-size:12px; padding:3px 0;}
.singlepost .entry{ font-size:14px; color:#888888; margin:20px 0; line-height:22px;}
.SingleNav{ margin-top:20px; border-top: dashed 1px #B6B6B6; padding:20px 10px;color:#888888; line-height:23px;}
.SingleNav a{color:#8EBDEB;}
.SingleNav a:hover{ color:#2D84DB;}
/*back*/
a.back{ display:inline-block; padding-left:30px; background:url(images/pagelist/back.jpg) no-repeat left top;}
a.back span{ float:left; cursor:pointer; padding-right:30px; padding-top:10px; height:46px; font-size:16px; color:#000; font-family:"微軟正黑體"; background:url(images/pagelist/back.jpg) no-repeat right top;}
a.back:hover { text-decoration:none;}
a.back:hover span{ color:#666;}

.Block_index{ margin-bottom:15px; width:673px; float:left;}
.Block_index .content {
	background:#fff;
	border:1px solid #d6d6d6;
	padding:13px;
	float:left; width:645px;
}
.Item_QZJ{ margin-bottom:5px;}
.Block_index .content table.Item{ width:205px; border:solid 1px #ccc; border-bottom:solid 2px #ccc; float:left; margin-right:15px;}
.Block_index .content table.last{ margin-right:0;}

.Block_index .title_TJZJ{ height:39px; background:url(images/Title_TuiJianZhuJi.jpg) no-repeat;}
.Block_index .title_TJZJ h2{ display:none;}
table.Item_TJZJ .OrangeShadow{ background:url(images/Shadow_Orange.gif) repeat-x; height:35px; color:#fff; font-size:14px; padding-left:10px;}
table.Item_TJZJ .OrangeShadow .BigText{ font-size:22px;}
table.Item_TJZJ ul.list li{ border-bottom:solid 1px #E0E0E0; padding:7px 10px 5px;}
table.Item_TJZJ li.grayBG{ background-color:#F7F7F7;}
table.Item_TJZJ li.last{ border:none;}
li span.arrow{ font-size:10px; margin-right:5px; font-weight:bold;}
a.Btn_Orange{ background:url(images/Btn_2.jpg) no-repeat; width:130px; height:34px; font-size:16px; font-family:"微軟正黑體"; color:#fff; display:block; line-height:32px; text-decoration:none; margin:10px 0;}
a.Btn_Orange:hover{ background-position:left bottom;}
table.Item_TJZJ .OrangeShadow{ background:url(images/Shadow_Orange.gif) repeat-x; height:35px; color:#fff; font-size:14px; padding-left:10px;}

table.Item_QZJ td.Shadow_Gray{ background:url(images/Shadow_Gray.jpg) repeat-x; padding:10px 0 0; text-align:center;}
table.Item_QZJ ul.list{ padding:5px;}
table.Item_QZJ ul.list li{ border-bottom:dashed 1px #ccc; padding:4px 5px 3px;}
table.Item_QZJ h3{ color:#fff; font-size:14px; font-weight:normal; height:35px; line-height:34px; padding-left:10px;}
table.Item_QZJ .title{ position:relative; height:35px;}
table.Item_QZJ .Hot{ position:absolute; right:-2px; top:-2px; height:50px; width:50px;}
table.Item_QZJ h3.title_blue{ background:#27A5E2 url(images/Shadow_Blue.jpg) repeat-x;}
table.Item_QZJ h3.title_green{ background:#27A5E2 url(images/Shadow_Green.jpg) repeat-x;}
table.Item_QZJ h3.title_orange{ background:#27A5E2 url(images/Shadow_Orange.gif) repeat-x;}
a.Btn_Yellow_Small{ background-position:right top;}
a.Btn_Yellow_Small:hover{ background-position:right bottom;}
.orange {
	color:#FC8300;
}
.f22 {
	font-size:22px;
}
a.Btn_Blue_Small,a.Btn_Yellow_Small{ background:url(images/Btn_1.jpg) no-repeat; width:60px; height:22px; color:#fff; display:inline-block; margin:5px 5px 15px; line-height:21px; text-decoration:none;}
a.Btn_Blue_Small:hover{ background-position:left bottom;}


a.piliangzhuceBtn{ 
    display:block; 
	width:70px;
	height:16px;
	border:2px outset #eee;
	background:#8EBBEB; 
	text-align:center;
	font-size:12px;
	text-decoration:none; 
	padding-top:2px;
	color:#F00;
	float:right;
	margin-left:500px;
}
a.piliangzhuceBtn:hover{ border:2px inset #eee; background:#CCCCCC; text-decoration:none; }