套用步驟　1.)先Copy包含"@charset "utf-8";"底下的所有程式碼
　　　　　2.)前往【CSS樣版設定】選擇”使用中的CSS”
　　　　　3.)直接貼上覆蓋目前所有程式碼後，按更改CSS鈕即可完成套用
【套用後畫面預覽】下列為CSS程式碼，盡請享用~
您的讚美對設計師是種鼓勵及動力，別忘了留個言推一下喔！感溫！

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

/*整頁HTML內文字預設宣告 目前有連結整網站gbCSS 請參考html*/
body{font-size:13px;color:#043B36;text-decoration:none;background:url(http://images.gamebase.com.tw/2007/event/web3go/background.jpg);background-attachment:fixed;font-family: Arial, Helvetica, sans-serif,新細明體,}
a{color:#B57513;}
a:hover{border-bottom:none;color:#B57513;text-decoration:underline;}

/* 版頭 */
#header{height:300px; width:1024px;margin:0 auto;background:url(http://images.gamebase.com.tw/2007/event/web3go/header.jpg) no-repeat;}
#header #header_title {position:relative;top:160px;margin-left:90px;filter:glow(color=black,strength=4);width:600px;color:#FFF;}
#header #header_title h5{font-size:30px;font-weight:bold;filter:glow(color=black,strength=6);width:600px;color:#FFF;}

/* 上面的連結 */
#toplinks{height:32px; width:955px; margin:0 auto; background:url(http://www.gamebase.com.tw/member/http://images.gamebase.com.tw/2007/event/web3go/toplinks_bg.jpg) no-repeat;}
#toplinks #links{height:25px; width:955px; text-align:center; position:relative;top:8px;}

/* 包住下方最大的DIV */
#container{width:955px;margin:0 auto;margin-top:16px;}

/* 用到的class */
h4{ font-size:15px; color:#673C09; font-weight:bold; padding:8px 0 0 35px;}/* 標題字 */
.no{border-bottom:1px dashed #a0dfea;}/* 虛線 */
.dot{position:relative;top:1px;}/* 點的位置 */
.head_pic01{background:url(http://images.gamebase.com.tw/2007/event/web3go/200X31.jpg);}/* 自我介紹的標底圖 */
.head_pic02{background:url(http://www.gamebase.com.tw/member/http://images.gamebase.com.tw/2007/event/web3go/200x31_2.gif);}/* 相關資料的標底圖 */
.head_pic03{background:url(http://www.gamebase.com.tw/member/http://images.gamebase.com.tw/2007/event/web3go/355x31.gif);}/* 355px的標底圖 */
.main_pic{background:url(http://www.gamebase.com.tw/member/http://images.gamebase.com.tw/2007/event/web3go/450x1.gif) repeat-x bottom;}/* 個人服務內容的漸層底圖 */

.cyan{color:#6F9DA5;}/* 青綠色 */
.cyan_b{color:#6F9DA5;font-weight:bold;}/* 青綠色粗體 */
.org{color:#FF9900}/* 橘色 */
.red{color:#FF3300;}
.red_a{ font-weight:600; color:#FF3300;}
.blue_bg{background-color:#F2FAFB;}
.green{color:#00C000;}
.cyan_bg{background-color:#F3F7F8;}
.cyan_bg02{background-color:#E1FAFF;}
.gray_bg{background-color:#F2F2F2;}

.bottom01{ border-bottom:dashed 1px #c4c4c4;}/* 下面虛線 */
.bottom02{ border-bottom:solid 1px #c4c4c4;}/* 下面實線 */
.bottom03{ border-left:solid 1px #c4c4c4;}/* 左邊實線 */
.bottom04{ border-right:solid 1px #c4c4c4;}/* 右邊實線 */
.bottom05{ border-top:dashed 1px #c4c4c4;}/* 上面虛線 */
.bottom06{ border-top:solid 1px #c4c4c4;}/* 上面實線 */
.bottom07{ border-bottom:none}/* 下面沒有線 */
.bottom08{ border-bottom:none}/* 上面沒有線 */
.bottom09{ border:solid 1px #c4c4c4;}/* 上下左右有實線 */
.bottom10{border-top:solid 1px #c4c4c4;border-bottom:solid 1px #c4c4c4;}/* 上面、下面實線 */
.bottom11{ border:solid 1px #c4c4c4; border-left:none;}/* 上下右有實線 */
.bottom12{ border:solid 1px #c4c4c4; border-right:none;}/* 上下左有實線 */
.bottom13{ border-left:dashed 1px #c4c4c4; }/* 左有虛線 */
.bottom14{ border-right:dashed 1px #c4c4c4;}/* 右邊虛線 */
.bottom15{ border:dashed 1px #c4c4c4;}/* 上下左右有實線 */

.two{width:160px; text-align:center;}
.three{width:730px; text-align:center;border-bottom:1px solid #c4c4c4; padding-left:15px;}
.fore{width:730px;text-align:left;border-bottom:1px solid #c4c4c4; padding-left:15px; padding-bottom:7px;padding-top:7px;}

.bluelink a { color:#B87F00; font-size:12px;}
.bluelink a:hover {color:#B87F00; font-size:12px;text-decoration:underline;}

.w30{ width:30px;}
.w45{ width:45px;}
.w50{ width:50px;}
.w58{ width:58px;}
.w60{ width:60px;}
.w75{ width:75px;}
.w70{ width:70px;}
.w80{ width:80px;}
.w90{ width:90px;}
.w95{ width:95px;}
.w100{ width:100px;}
.w105{ width:105px;}
.w110{ width:110px;}
.w115{ width:115px;}
.w120{ width:120px;}
.w125{ width:125px;}
.w130{ width:130px;}
.w133{ width:133px;}
.w135{ width:135px;}
.w140{ width:140px;}
.w143{ width:143px;}
.w150{ width:150px;}
.w151{ width:151px;}
.w153{ width:153px;}
.w161{ width:161px;}
.w166{ width:166px;}
.w167{ width:167px;}
.w197{ width:197px;}
.w233{ width:233px;}
.w243{ width:243px;}
.w248{ width:248px;}
.w250{ width:250px;}
.w257{ width:257px;}
.w264{ width:264px;}
.w269{ width:269px;}
.w285{ width:285px;}
.w294{ width:294px;}
.w333{ width:333px;}
.w339{ width:339px;}
.w363{ width:363px;}
.w383{ width:383px;}
.w393{ width:393px;}
.w433{ width:433px;}
.w449{ width:449px;}
.w458{ width:458px;}
.w461{ width:461px;}
.w488{ width:488px;}
.w570{ width:570px;}
.w528{ width:528px;}
.w558{ width:558px;}
.w575{ width:575px;}
.w590{ width:590px;}
.w600{ width:600px;}
.w633{ width:633px;}
.w799{ width:799px;}
.w879{ width:879px;}

.textleft{text-align:left;padding-left:10px;padding-right:10px;}/* 文字靠左 */
.left{text-align:left;}
.right{text-align:right;}
.center{ text-align:center; }/* 文字居中 */
.fontno{ font-weight:normal;}
.text01{ text-align: center;margin:20px 0 0 0;}
.text02{text-align: center;margin:20px 0 20px 0;}
.text03{ text-align: center;margin:10px 0 10px 0;}
.text04{margin:10px 0 10px 0;}
.text11{font-size:11px;}
.text15{font-size:15px;}
.text2{font-size:12px;}
.textlh20{line-height:20px;}
.mar-bottom10{margin-bottom:10px;}

/*********************************************網頁內容 左邊開始(3欄)*******************************/

/*左列 DIV */
#container #leftColumn{float:left;width:200px;}/*左列總寬度210px 底色*/

/* 左欄共用的標題圖 內容框 更多*/
#left_head{float:left;width:200px; height:31px; }/* 標題圖 */
#left_main{float:left;width:198px; border:solid 1px #c4c4c4;margin-bottom:10px;background-color:#FDF5D3;}/* 內容匡 */

#link_more{height:25px;border-top:dashed 1px #c4c4c4;margin:0px 8px 8px 8px;text-align:right;}/* 更多 */
#link_more .text_hight{position:relative;top:5px;}

/* 自我介紹 */
#left_main p{margin:8px 8px 8px 8px; line-height:20px;color:#8D6D47;}

/* 詳細資料 */
#main_td { margin:8px 8px 8px 8px; line-height:20px;color:#8B8B8B;border:dashed 1px #c4c4c4;}
#main_td table{margin:1px 0px 0px 1px;}
#main_td td{line-height:20px;font-size:11px;color:#8B8B8B;border:solid 1px #FFF;padding-left:3px;}
#main_td .left01{width:50%; color:#545257;background-color:#ECD585;}
#main_td .right01{width:50%; color:#8D8D8D;background-color:#fbf1ce;}

/*行事曆*/
#date_top{float:left; margin-bottom:-2px;width:200px; height:15px; background-image:url(http://www.gamebase.com.tw/member/http://images.gamebase.com.tw/2007/event/web3go/left_bt_b_1.gif); background-repeat:no-repeat}/*上方 對齊置中 背景圖*/
#date_md{ float:left;width:200; background-image:url(http://www.gamebase.com.tw/member/http://images.gamebase.com.tw/2007/event/web3go/left_bt_b_2.gif); background-repeat:repeat-y; font-size:10px}/*中間 距離 寬度 高度 背景圖*/
#meat{margin:0px 12px 0px 13px;width:175px;}/*表格*/
caption{font-weight:bold}/*html內有此標籤  將tr,td合併成一列 只可以設為標題 每個table只能設一組 文字設定為粗體*/
#meat th{background-color:#B2B2B2;font-weight:normal;font-size:10px;height:14px;padding-top:3px}/*th解釋為TableHeader 底色 文字不粗體*/
#meat td{font-size:10px;text-align:center;height:16px}/*字體大小 文字置中*/
#meat .cc{background-color: #C6CADF}/*獨立設定 當有link時 變換底色*/
#meat a{font-size:10px;color:#105CB6;}/*有link時的字體大小*/
#meat a:hover{font-size:10px;color:#105CB6; text-decoration:underline;}
#date_bottom{margin:0px 0px 10px 0px;float:left;width:200px; height:15px; background-image:url(http://www.gamebase.com.tw/member/http://images.gamebase.com.tw/2007/event/web3go/left_bt_b_3.gif); background-repeat:no-repeat}/*下方*/

/* 最新留言 */
#message{margin:8px 8px 8px 8px; line-height:20px;color:#8E8C8C;}

/* 好友名單 同好名單 */
#friends_td {margin:8px 7px 8px 7px; }
#friends_td td{color:#8B8B8B;border:solid 1px #FFF;text-align:center;}
#friends_td .td2{height:25px;}
#friends_td .left01{width:90px;}
#friends_td .right01{width:90px;}

 
/*********************************網頁內容 右邊開始 (3欄)*******************************/

/*網頁內容  右邊*/
#container #content{float:right;width:745px;}

/*網頁內容  中間*/
#container #content #content_left{float:left;width:545px;}

/* 中間上面*/
#member_up{ float:left; width:533px; height:29px; background-color:#ECD585; border:1px solid #B1A064;}/* 功能列 */
#nice{ float:right;  height:16px; margin-top:7px; margin-right:5px; margin-left:3px;}
#nice img{ margin-right:5px; position:relative; top:2px;}
#nice a { color:#105CB6; font-size:13px;}
#nice a:hover {color:#105CB6; text-decoration:underline;}
#member_head{float:left; width:535px; height:31px; background:url(http://images.gamebase.com.tw/2007/event/web3go/535X31.jpg) no-repeat; margin-top:12px;}/* 會員中心_標題圖 */
#member_main{float:left;width:533px; height:auto; border-left:solid 1px #c4c4c4; border-right:solid 1px #c4c4c4;background-color:#FFF;}/* 內容匡 */

/*我的日記　近期文章*/
#mydiary{margin:10px 10px 0px 10px;color:#74654C;line-height:22px;}
#mydiary p{font-size:12px;color:#8A8A8A;line-height:18px;}
#mydiary h3 a{color:#105CB6;font-size:15px; font-weight:bold;}
#mydiary h3 a:hover{border-bottom:none;font-size:15px; font-weight:bold;color:#105CB6;text-decoration:underline;}
#edit_link{margin:10px 10px 5px 10px;text-align:right;font-size:12px;}

/*討論區 */
#member_bloke{width:533px;height:22px;margin-left:1px;border-top:1px solid #c4c4c4; background-color:#e1ebec;padding-top:7px;}
#member_bloke th{font-weight:normal;text-align:center;color:#555454;}
#member_main th{ font-weight:normal;padding-top:8px;padding-bottom:8px;background-color:#FFF;color:#555454;line-height:18px;}
#member_main td{padding-top:8px;padding-bottom:8px;background-color:#FFF;color:#555454;line-height:18px;}
#member_main p{font-size:12px;color:#8A8A8A;line-height:18px;}
#member_main h3 a{color:#105CB6;}
#member_main h3 a:hover{color:#105CB6;text-decoration:underline;}
 
/********************************************************** 右欄(3欄) **************************************************************************/

/*網頁內容  右邊的右邊*/
#container #content #content_right{float:right;width:200px;}

/* 右欄共用的標題圖 內容框 更多*/
#right_head{float:left;width:200px; height:31px; }/* 標題圖 */
#right_main{float:left;width:198px; border:solid 1px #c4c4c4; background-color:#FFFFFF;margin-bottom:10px; }/* 內容匡 */
#right_link_more {height:25px;margin:0px 8px 8px 8px;text-align:right;}/* 更多 */
#right_link_more .text_hight{position:relative;top:5px;}

/* 活動 */
#right_main p{margin:8px 8px 8px 8px; line-height:20px;color:#8B8B8B;}
#main_td_right {margin:8px 8px 8px 8px; line-height:20px;color:#8B8B8B;border:dashed 1px #c4c4c4;}
#main_td_right table{margin:1px 0px 0px 1px;}
#main_td_right td{line-height:20px;color:#8B8B8B;border:solid 1px #FFF;padding-left:3px;}
#main_td_right .left01{width:25%; color:#545257;background-color:#ECD585;text-align:center;}
#main_td_right .right01{width:75%; color:#8D8D8D;font-size:11px;}

/* 右邊LI共用 家族 新聞 近期日記 創作 好友的文章 最新WeKey更新*/
#rightul {margin:10px 10px 10px 10px; line-height:20px;color:#8E8C8C;}
#right_main ul#rightul {padding: 0px 6px 0px 15px; margin: 5px 0px 0px 10px;}
#right_main li{ color:#105CB6;margin: 0.2em 0em 0.2em 0.2em; font-size:12px;list-style-type:square;line-height:1.6em}

/* 標記的討論板 */
#container #content #content_right #main_td td{height:25px;padding-left:3px;}
#container #content #content_right #main_td .signbt a{width:95px; height:23px; background:url(http://www.gamebase.com.tw/member/http://images.gamebase.com.tw/2007/event/web3go/gofourm_a.gif) no-repeat;overflow:hidden;display:block;}
#container #content #content_right #main_td .signbt a:hover {width:95px; height:23px; background:url(http://www.gamebase.com.tw/member/http://images.gamebase.com.tw/2007/event/web3go/gofourm_b.gif) no-repeat;overflow:hidden; }

/* 連結 */
.headline01{color:#555454;}

/* 參觀人氣 */
#container #content #content_right #count { margin:8px 8px 8px 8px; line-height:20px;color:#8B8B8B;}

/* 校友名單 */
#container #content #content_right #friends_td {margin:8px 7px 8px 7px; }
#container #content #content_right #friends_td td{color:#8B8B8B;border:solid 1px #FFF;text-align:center;}
#container #content #content_right #friends_td .td2{height:25px;}
#container #content #content_right #friends_td .left01{width:50%;}
#container #content #content_right #friends_td .right01{width:50%;}

/* 版權區 */
#footer{margin:0px auto;width:955px; height:80px; font-size:11px; text-align:center; padding-top:18px; line-height:1.8em;}
#footer a{color:#74654C; text-decoration:none}
#footer a:hover {color:#74654C;text-decoration:underline;}