@charset "utf-8";


/* ================ layout ================ */
#index{ background:#fff;}
#index a {color:#1C8DF5;}
#index .ad iframe{ border:none; background: url(../../../n_images/tw/global/loading.gif) no-repeat center center;}
#index #container {
	position:relative;
	margin:0 auto;
	width:850px;
	text-align:left;
}

body#index #header {
	float:left;
	clear:both;
	padding:0;
	margin-bottom:3px;
	height:120px;
}

body#index #header h2{display:block; width:100%;}

body#index #header #visual2 {
	height:81px;
	background:url(../../../n_images/tw/layout/visual_index2.jpg) no-repeat #CCC;
}

body#index #header li{
	display:block;
	float:left;
	width:94px;
	line-height:40px;
	text-align:center;
	} 

body#index #sidebar {
	position:relative;
	float:left;
	padding:0;
	width:175px;
}
body#index #main {
	position:relative;
	float:right;
	width:670px;
}

body#index #content {
	float:left;
	margin:0;
	display:block;
	width:490px;
}
body#index #content iframe{
	display:blockl;
}
body#index #sideR {
	float:right;
	display:block;
	width:175px;
}

body#index #footer {border-top:1px solid #ccc; }


/* ================ navigator ================ */


#NavMenu a{ height:40px; background:url(../../../n_images/tw/nav/MainNav.gif) no-repeat;}
#NavMenu a.btn_1{ background-position:0 0;}
#NavMenu a.btn_2{ background-position:-94px 0;}
#NavMenu a.btn_3{ background-position:-188px 0;}
#NavMenu a.btn_4{ background-position:-282px 0;}
#NavMenu a.btn_5{ background-position:-377px 0;}
#NavMenu a.btn_6{ background-position:-471px 0; }
#NavMenu a.btn_7{ background-position:-566px 0;}
#NavMenu a.btn_8{ background-position:-660px 0;}
#NavMenu a.btn_9{ background-position:-755px 0; width:95px;}

#NavMenu a.btn_1:hover{ background-position:0 -40px;}
#NavMenu a.btn_2:hover{ background-position:-94px -40px;}
#NavMenu a.btn_3:hover{ background-position:-188px -40px;}
#NavMenu a.btn_4:hover{ background-position:-282px -40px;}
#NavMenu a.btn_5:hover{ background-position:-377px -40px;}
#NavMenu a.btn_6:hover{ background-position:-471px -40px;}
#NavMenu a.btn_7:hover{ background-position:-566px -40px;}
#NavMenu a.btn_8:hover{ background-position:-660px -40px;}
#NavMenu a.btn_9:hover{ background-position:-755px -40px;}

#index .pageNav {margin:-5px 0; text-align:right;}
#index .pageNav a {margin:0 1px; padding:1px 5px; background:#dff1ff; border:none;}
#index .pageNav a:hover, #index .pageNav a.focus {background:#f30; text-decoration:none; color:#fff;}

/* ================ button ================ */
body#index .b-join a, body#index .b-lostPW a {margin:0 3px;}
body#index ul.first {margin-left:2px;}
body#index .first li {float:left; margin:0 1px;}
.b-first-use a, .b-first-new a, .b-first-down a, .b-first-upload a, .b-first-client a {
	display:block;
	width:95px;
	height:83px;
	font-size:0;
	line-height:0;
	color:#fff;
	*text-indent: -5000px;
}
.b-first-use a {background:url(../../../n_images/tw/nav/btn_first_use.gif) no-repeat;}
.b-first-new a {background:url(../../../n_images/tw/nav/btn_first_new.gif) no-repeat;}
.b-first-down a {background:url(../../../n_images/tw/nav/btn_first_down.gif) no-repeat;}
.b-first-upload a {background:url(../../../n_images/tw/nav/btn_first_upload.gif) no-repeat;}
.b-first-client a {background:url(../../../n_images/tw/nav/btn_first_client.gif) no-repeat;}


/* ================ module ================ */
#btn_welfare{width:170px; height:93px;margin-bottom:5px;}

body#index .center {margin-bottom:10px; text-align:left;}
body#index .center #top, body#index .center #bottom {
	height:7px;
	font-size:0;
	line-height:0;
	color:#fff;
	*text-indent: -5000px;
}
body#index .center #top {background:url(../../../n_images/tw/module/index_center_top.gif) no-repeat;}
body#index .center #bottom {background:url(../../../n_images/tw/module/index_center_bottom.gif) no-repeat;}
body#index .center #body {padding:5px 10px; background:url(../../../n_images/tw/module/index_center_body.gif);}
body#index .center #body img {float:left;}
body#index .center #body .summary {
	float:left;
	margin:0px;
	width:375px;
	height:108px;
	line-height:25px;
	padding:10px 0 0 100px;
	background:url(../../../n_images/tw/layout/pit_publish.jpg) no-repeat left;
}

/* ================ranking ================ */
.ranking {padding-bottom:5px;}
.ranking span{ float:left;}
.ranking li{ clear:both; height:15px;}
.star{
	width:73px;
	height:12px;
	display:block;
	font-size:0;
	margin:1px 0;
	background: url(../../../n_images/tw/global/ico_star_ranking.gif) no-repeat;
	}
.ranking .star.one{background-position: 0 0; 	float:right;}
.ranking .star.two{	background-position: 0 -12px; 	float:right;}
.ranking .star.three{background-position: 0 -24px; 	float:right;}
.ranking .more{ text-align:right;}


.b-first-use a {background:url(../../../n_images/tw/nav/btn_first_use.gif) no-repeat;}
.b-first-new a {background:url(../../../n_images/tw/nav/btn_first_new.gif) no-repeat;}
.b-first-down a {background:url(../../../n_images/tw/nav/btn_first_down.gif) no-repeat;}
.b-first-upload a {background:url(../../../n_images/tw/nav/btn_first_upload.gif) no-repeat;}
.b-first-client a {background:url(../../../n_images/tw/nav/btn_first_client.gif) no-repeat;}


#index #sidebar #top,#index #sidebar #top1,#index #sideR #top{
	height:36px;
	*height:35px;
	font-size:0;
	line-height:0;
	color:#fff;
	*text-indent:-5000px;
}
#index #sidebar h5,#index #sideR h5,#index #sidebar #top1{	background:url(../../../n_images/tw/module/PanelTop.gif) no-repeat;}

#index #sidebar #body,#index #sideR #body {
	padding:5px 10px 0;
	color:#666;
}
#index #sidebar #bottom,#index #sideR #bottom {
	clear:both;
	height:10px;
	font-size:0;
	line-height:0;
	color:#fff;
	*text-indent: -5000px;
}

body#index .login #top1 {background-positon: 0 0;}
body#index .friends #top {background-position:0 -36px; }
body#index .service #top {background-position:0 -72px; }
body#index .buy #top {background-position:0 -108px;}
body#index .event #top {background-position:0 -144px;}
body#index #sideR .ranking #top {background-position:0 -180px; height:25px;}

body#index #sidebar #body, body#index #sideR #body{background:url(../../../n_images/tw/module/PanelBody.gif) repeat-y;}
body#index #sidebar #bottom,body#index #sideR #bottom {background:url(../../../n_images/tw/module/PanelBottom.gif) no-repeat;}
body#index .bbs, body#index .service, body#index .act, body#index .buy {margin-bottom:5px;}
body#index .bbs #body {padding:5px 10px 0;}
body#index .service #body {
	padding:2px 0 0 3px;
	*padding:0 0 0 1px;
	_padding:0 0 0 1px;
}
body#index .service ul{
padding:5px 0;
}
body#index .service li{
	float:left; padding:3px; display:block;
}
body#index .service img {
	border:1px solid #CCC; width:69px; height:69px;  margin:auto;
}
body#index .service img:hover {
	border:1px solid #999;
}
body#index .buy #body .promo a{ font-size:12px;}
body#index .buy #body .promo {
	padding:0 5px;
	background:url(../../../n_images/tw/product/index_buy_month.gif) no-repeat -8px 2px;
	text-align:right;
	line-height:1.9;
	color:#333;
	font-size:11px;
}
body#index .buy #body .promo2 {
	padding: 0px;
	background:url(../../../n_images/tw/product/index_20GB.gif) no-repeat -8px 2px;
	text-align:right;
	line-height:1.9;
	color:#333;
	font-size:11px;
	text-decoration: none;
	position:relative
}

body#index .buy #body .promopic{
background: ;
position:absolute;
width:65px;
height:75px;
top:0;
left:0;
}

body#index .buy #body .promo3 {
	padding: 0px;
	background:url(../../../n_images/tw/product/index_buy_point.gif) no-repeat -4px 2px;
	text-align:right;
	line-height:1.9;
	color:#333;
	font-size:11px;
}


body#index .buy #body .promo3 a {
color:#666;
}

body#index .buy #body .promo4 {
	padding: 0px;
	text-align:right;
	line-height:1.9;
	color:#333;
	font-size:11px;
	text-decoration: none;
}
.buy #body select {Fwidth:100%; font-size:12px;}

/* ====login=== */
.login li{ float:left; display:block; width:40%; font-size:11px;}
.login{ margin-bottom:10px;}
.login #body {	padding:5px 10px 0;	color:#666;}
.login #body select {width:100%;}
.login #body input {width:60px;}
.login #body .chk {width:auto;}
.login #body .inputL {float:left;}

/* ====service=== */
#index #container #sidebar .service{ margin-top:10px;}
/* ====Active=== */
#index #main .active{ display:block; height:40px; width:490px; overflow:hidden; line-height:40px; margin:0 auto 5px auto;}
#index #main .active h5{ background:url(../../../n_images/tw/module/PanelActive_tle.gif) no-repeat; width:125px; height:40px; float:left;}
#index #main .active ul{ background:url(../../../n_images/tw/module/PanelActive_body.gif) repeat-x; width:348px; height:40px; float:left;}
#index #main .active li{	text-align:center;	letter-spacing: 2px;}
#index #main .active .bottom{ background:url(../../../n_images/tw/module/PanelActive_bottom.gif) no-repeat right; width:17px; height:40px; float:left;}

/* ====NewUser=== */
#main .NewUser{ display:block; height:37px; width:490px; line-height:37px; margin:0 auto 5px auto; *margin:-1px auto 2px auto;
 background:url(../../../n_images/tw/module/PanelNewUser_bottom.gif) no-repeat right; }
#main .NewUser h5{ background:url(../../../n_images/tw/module/PanelNewUser_tle.gif) no-repeat; width:122px; height:37px; float:left; }
#main .NewUser li{ display:block; float:left; height:37px;}

#main .NewUser a{ display:block; background:url(../../../n_images/tw/module/PanelNewUserBtn.gif) no-repeat; height:37px;}
#main .NewUser .btn_1 a{ background-position:0 0;  width:90px;}
#main .NewUser .btn_2 a{ background-position:-90px 0;  width:89px;}
#main .NewUser .btn_3 a{ background-position:-179px 0;  width:89px;}
#main .NewUser .btn_4 a{ background-position:-268px 0;  width:89px;}
#main .NewUser .btn_5 a{ background-position:-357px 0;  width:89px;}

#main .NewUser .btn_1 a:hover{ background-position:0 -37px;}
#main .NewUser .btn_2 a:hover{ background-position:-90px -37px;}
#main .NewUser .btn_3 a:hover{ background-position:-179px -37px;}
#main .NewUser .btn_4 a:hover{ background-position:-268px -37px;}
#main .NewUser .btn_5 a:hover{ background-position:-357px -37px;}

/* ====Q&A=== */
body#index .QA{ width:100%;height:30px; line-height:30px;  font-size:11px;}
body#index .QA a{color:#333;}
body#index .QA a:hover{color:#1C8DF5; text-decoration:none;}
body#index .QA h5{float:left; background:url(../../../n_images/tw/font/PanelQA_tle.gif); width:81px; height:30px;}
body#index .QA ul{float:left; display:block;}
body#index .QA li{ display:inline; border-right:1px solid #999; padding:0 5px; text-align:center;}
body#index .QA .end{ display:inline; border-right:1px solid #999;text-align:center;}
body#index .QA .more{ background:url(../../../n_images/tw/global/btn_more.gif) no-repeat center center; width:32px; height:30px; float:left; display:block; padding-right:20px;}

/* ====DownloadTab=== */
#main #TabbedPanelsDL{margin-bottom:3px;}
#main #TabbedPanelsDL a:hover{ text-decoration:none; color:#F90;}
#main #TabbedPanelsDL .pics{ float:left;}
#main #TabbedPanelsDL .list{ width:330px; float:left;margin-left:10px;font-size:12px;}
#main #TabbedPanelsDL .list li{background:url(../../../n_images/tw/global/ico_arrow_bread_hover.gif) left no-repeat; padding-left:10px; float:left;border-bottom:1px  dotted #CCC; line-height:20px; display:block;}
#main #TabbedPanelsDL .light a{ color:#F60;}
#main #TabbedPanelsDL .light a:hover{ color:#F00;}
#main #TabbedPanelsDL .tpc li:hover{
	border-bottom:1px  dotted #666;
	background:#F1FCFE url(../../../n_images/tw/global/ico_arrow_bread_hover.gif) no-repeat left;}
#main #TabbedPanelsDL .tpc li.empty,#main #TabbedPanelsDL .tpc li.empty:hover{
	border-bottom:1px  dotted #ccc; height:20px; display:block;
	background:none;}
#main #TabbedPanelsDL .new{padding-left:5px; }
#main #TabbedPanelsDL .new li{  width:90px; }
#main #TabbedPanelsDL .new li.long{width:120px; }
#main #TabbedPanelsDL .welfare { width:330px; float:left;}
#main #TabbedPanelsDL .welfare li{ width:100%;}
#TabbedPanelsClub img{ width:48px; height:48px;}
#TabbedPanelsClub a{color:#F60;}
#TabbedPanelsClub a:hover{color:#F30;}
#TabbedPanelsClub .popuser li{ float:left; text-align:center;}
#TabbedPanelsClub .popuser li a.id{  overflow:hidden; width:68px;  margin:0 5px; display:block;}
#TabbedPanelsClub .popuser li img,#TabbedPanelsClub .newphoto li img{ display:block; border:2px solid #CCC; padding:8px; margin:0 5px;}
#TabbedPanelsClub .popuser li img:hover,#TabbedPanelsClub .newphoto li img:hover,#TabbedPanelsClub .popgroup li.pics:hover{border:2px solid #999;}
#TabbedPanelsClub .popgroup ul{ width:230px; display:block; float:left;}
#TabbedPanelsClub .popgroup li{ float:left; width:150px; overflow:hidden; height:22px; display:inline;}
#TabbedPanelsClub .popgroup li.pics{ width:48px; height:48px; margin:0 5px;padding:8px;border:2px solid #CCC;}
#TabbedPanelsClub .popgroup .title a{font-weight:bold; color:#F60;}
#TabbedPanelsClub .popgroup .title a:hover{color:#F30; text-decoration:none;}
#TabbedPanelsClub .popgroup a{color:#999;}
#TabbedPanelsClub .popgroup a:hover{color:#666;}

#TabbedPanelsClub .NewArticle ul{ float:left; display:block;}
#TabbedPanelsClub .NewArticle .info{ width:240px; background:#F3F3F3;}
#TabbedPanelsClub .NewArticle .info li{ display:inline;}
#TabbedPanelsClub .NewArticle li{display:block; float:left;}

#TabbedPanelsClub .NewArticle .pics,#TabbedPanelsClub .NewArticle .title,#TabbedPanelsClub .NewArticle .date,#TabbedPanelsClub .NewArticle .username
{ display:block; float:left;}
#TabbedPanelsClub .NewArticle .pics{width:48px; height:48px; margin:0 5px;padding:8px;border:2px solid #CCC; float:left; background:#FFF;}
#TabbedPanelsClub .NewArticle .title{ font-weight:bold;}
#TabbedPanelsClub .NewArticle .title,#TabbedPanelsClub .NewArticle .date,#TabbedPanelsClub .NewArticle .username
{ width:160px;}
#TabbedPanelsClub .NewArticle .list { float:right; width:235px;}
#TabbedPanelsClub .NewArticle .list li{ border-bottom:1px dotted #CCC;}
#TabbedPanelsClub .NewArticle .list li a{ float:left;}
#TabbedPanelsClub .NewArticle .list .tle{width:145px; height:20px; overflow:hidden; display:block; margin-left:5px;}
#TabbedPanelsClub .NewArticle .list a.id{ color:#999; overflow:hidden; display:block; width:60px; margin-left:5px;}


#index .center .list li{ border-bottom:1px dotted #999; line-height:20px;}
#index .center .list li span{ color:#999;}
#index .center .list li a{width:300px; overflow:hidden; height:20px; margin-left:10px;}
#index .center .list li a:hover{ text-decoration:none; color:#06C;}

/* ====free100g=== */
#main .free100g{
height:35px;
width:491px;
}
/* ================ font ================ */
h3.first {
	background:url(../../../n_images/tw/font/title_index_first.gif) no-repeat;
	width:490px;
	height:31px;
}
h3.publish {
	background:url(../../../n_images/tw/font/title_index_publish.gif) no-repeat;
	height:29px;
}
h5.tle-pub {font-weight:bold;}

/* ================ AD about ================ */
body#index #main .ad{
	display:block;
	position:relative;
	float:right;
	width:100%;
	height:230px;}

body#index #main .ad .ad{
	float:right;
	height:200px;

}

body#index #main .ad li{
	display:inline;
	float:left;
	width:33%;
	text-align:center;
	line-height:30px;
}

body#index #sidebar .ad{height:150px; margin-bottom:10px;}

.ad_idxCenter{
	position:absolute;
	display:block;
	right:0;}
#index .text_ad a:link, #index .text_ad a:visited {font-size:15px; text-decoration:underline; color:#000;}
#index .text_ad a:hover {text-decoration:none; color:#f00;}


/* ================ PopupMSG ================ */

#index #msg_alert{position:absolute; left:50%; display:block; width:225px; margin-left:-114px; top:200px; height:100px; z-index:2;}
#index #box_list{position:absolute; left:615px; display:block; width:225px; margin-left:-114px; top:115px; height:100px; z-index:2;}

#index #msg_alert h5{ height:35px; width:225px; background:url(../../../n_images/tw/module/popupbox_top.gif) no-repeat; 
line-height:35px; font-weight:bold; text-indent:15px; display:block; color:#09C;}
#index #box_list h5{ height:35px; width:225px; background:url(../../../n_images/tw/module/popupbox_msg_body.gif) no-repeat; 
line-height:35px; font-weight:bold; text-indent:15px; display:block; color:#09C; padding-top:6px;}

#index #msg_alert #body,#index #box_list #body{ width:225px; background:url(../../../n_images/tw/module/popupbox_body.gif) repeat-y;}
#index #box_list #body{ height:155px;}
#index #msg_alert #bottom,#index #box_list #bottom{ height:15px; width:225px; background:url(../../../n_images/tw/module/popupbox_bottom.gif) no-repeat;}

#index #box_list #body .content{ display:block; margin:0 auto 0 auto; width:200px; position:relative; top:5px;}

#index #msg_alert #body .content{ display:block; margin:0 auto; text-align:center; line-height:30px;}

#index #msg_alert #body a.close{ 	display:block;
	margin:3px auto 0 auto;
	background:url(../../../n_images/tw/nav/btn_msgBox_close.gif) no-repeat center top;
	width:46px;
	height:21px;
	color:#fff;
	filter:alpha(opacity=80);opacity:0.8;}
#index #msg_alert #body a.close:hover{	background:url(../../../n_images/tw/nav/btn_msgBox_close.gif) no-repeat center top;filter:alpha(opacity=100);opacity:1;}



.replace{font-size:0; line-height:0; text-indent:-9000px; display:block;}
.plus{ background:url(http://www.gogobox.com.tw/n_images/tw/global/plus_S.jpg) no-repeat left; padding-left:17px;}