@import url("reset.css");
/* CSS Document */
.clear{ clear:both;}
body {background-image: url(images/bg.jpg);background-position:center top;background-repeat:no-repeat;margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;}


#FULLSRC{width:100%;background-image:url(images/index_19.jpg);background-position:center bottom; background-repeat:no-repeat;}
#ALL{ width:1000px; margin:0 auto; background-image:url(images/all-bg.jpg); background-repeat:repeat-y; background-position:center top;}

/* ========================================登入區=================================== */
#TOP{ width:1000px; height:41px; background-image:url(images/top-1.jpg); overflow: hidden;}
#TOP-LEFT{float:left; width:55px; height:41px;}
h1{background-image: url(images/top_01.jpg); text-indent:-8888px;}
h2{background-image: url(images/top_02.jpg); text-indent:-8888px;}
#TOP-RIGHT{float:right;width:945px; height:41px;}


/* =======================================中間形象區================================= */
#MAIN{overflow:auto; width:1000px;clear:both;}
/* ======================搜尋、logo====================== */
#MAIN-LEFT{overflow:auto; width:577px; float:left;}
#MAIN-LEFT #SEARCH{width:420px; height:111px; background-image:url(images/search-bg.jpg); float:left;}
.t1{ display:block; width:70px; height:27px; margin-top:73px; margin-left:39px; background-image:url(images/search_03.jpg); text-indent:-9999px;}
#MAIN-LEFT #LOGO{float: right;}
/* ======================熱門、我的玩伴================== */
#MAIN-RIGHT{width:423px; float:right;}
#HOT{width:270px; height:111px; background-image:url(images/hot-bg.jpg); float:left;}
#HOT ul{ margin-top:78px; margin-left:66px;font-size:13px; color:#FFFFFF; font-weight:bold;}
#HOT li{ float:left; padding-right:3px;}
#HOT li a{ font-size:13px; color:#FFFFFF; text-decoration:underline; padding-left:}
#HOT li a:hover{color:#FF9900;text-decoration: none;}

#PLAY{ float:right; width:153px; height:111px; background-image:url(images/play-bg.jpg);}
#PLAY ul{margin-top:16px;}
#PLAY li{ }
#PLAY li a{display:block;width:111px; height:77px; background-image: url(images/play.jpg); text-indent:-9999px;}
#PLAY li a:hover{ background-position:left bottom;}

/* =====================================按鈕========================================== */
#BTN{ width:1000px; height:42px; overflow:auto; background-image:url(images/btn.jpg);}
#BTN ul{ margin-left:39px;}
#BTN li{ float:left;}
#BTN li#BTN-1 a{ display:block; width:107px; height:42px; background-image:url(images/btn_02.jpg); text-indent:-9999px;}
#BTN li#BTN-1 a:hover{ background-position:left bottom;}
#BTN li#BTN-2 a{ display:block; width:101px; height:42px; background-image:url(images/btn_03.jpg); text-indent:-9999px;}
#BTN li#BTN-2 a:hover{ background-position:left bottom;}
#BTN li#BTN-3 a{ display:block; width:101px; height:42px; background-image:url(images/btn_04.jpg); text-indent:-9999px;}
#BTN li#BTN-3 a:hover{ background-position:left bottom;}
#BTN li#BTN-4 a{ display:block; width:95px; height:42px; background-image:url(images/btn_05.jpg); text-indent:-9999px;}
#BTN li#BTN-4 a:hover{ background-position:left bottom;}
#BTN li#BTN-5 a{ display:block; width:106px; height:42px; background-image:url(images/btn_06.jpg); text-indent:-9999px;}
#BTN li#BTN-5 a:hover{ background-position:left bottom;}
#BTN li#BTN-6 a{ display:block; width:97px; height:42px; background-image:url(images/btn_07.jpg); text-indent:-9999px;}
#BTN li#BTN-6 a:hover{ background-position:left bottom;}
#BTN li#BTN-7 a{ display:block; width:98px; height:42px; background-image:url(images/btn_08.jpg); text-indent:-9999px;}
#BTN li#BTN-7 a:hover{ background-position:left bottom;}
#BTN li#BTN-8 a{ display:block; width:106px; height:42px; background-image:url(images/btn_09.jpg); text-indent:-9999px;}
#BTN li#BTN-8 a:hover{ background-position:left bottom;}
#BTN li#BTN-9 a{ display:block; width:106px; height:42px; background-image:url(images/btn_10.jpg); text-indent:-9999px;}
#BTN li#BTN-9 a:hover{ background-position:left bottom;}

/* =====================================左邊=========================================== */
#CONTENT{width:311px;float:left;}
#LEFT{margin-top:8px; padding-left:28px; width:311px; height:auto; }
#LEFT #STORE-SPICAL{ width:311px; height:auto; margin-top:8px;}

.l_business_tit {background-image:url(images/left-title.jpg);text-indent:-9999px; width:311px; height:31px; font-size:9px;}
.l_business_body {background-image:url(images/left-line.jpg);background-repeat:repeat-y; background-position:center top;width:311px;height:auto; overflow:auto;}
.l_business_bt {background-image:url(images/left-bottom.jpg);width:311px; height:38px; background-repeat:no-repeat; background-position:center bottom;}
.l_business_bt a{display:block; background-image:url(images/more-store.jpg); background-repeat:no-repeat; width:112px; height:22px; text-indent:-9999px; float:right; padding-right:8px;}
.l_business_bt a:hover{background-image:url(images/more-store-c.jpg);}

.l_business_word {float:left; width:296px; background-color:#f9f9f9; border-bottom:solid #a6c6d2 1px;margin:3px 3px; padding-bottom:5px;}
.l_business_word_poto {float:left;width:65px;height:65px;border-bottom:solid #a6c6d2 1px;border-top:solid #a6c6d2 1px;border-left:solid #a6c6d2 1px;border-right:solid #a6c6d2 1px; margin-left:3px;margin-top:3px;}
.l_business_word_word {float:left;margin-left:5px;width:160px;margin-top:6px;}
.l_business_word_word1 a{font-size:13px; font-weight:bold;overflow:hidden;color:#3597be; text-decoration:none;}
.l_business_word_word1 a:hover {font-size:13px; font-weight:bold;overflow:hidden;color: #FF6600; text-decoration:none;}
.l_business_word_word2{font-size:13px;font-weight:bold;overflow:hidden;color:#ce4900;}
.l_business_word_word3{font-size:11px;overflow:hidden;color:#9b9b9b;}

.l_business_word_right{width:44px; float:right;}
.l_business_word_right ul{margin-top:10px;}
.l_business_word_right li{}
.l_business_word_right li.left-btn-1 a{display:block; background-image:url(images/left-btn-1.gif);width:44px;height:14px;text-indent:-9999px;margin-bottom:1px;font-size:1px;}
.l_business_word_right li.left-btn-2 a{display:block; background-image:url(images/left-btn-2.gif);width:44px;height:14px;text-indent:-9999px;margin-bottom:1px;font-size:1px;}
.l_business_word_right li.left-btn-3 a{display:block; background-image:url(images/left-btn-3.gif);width:44px;height:14px;text-indent:-9999px;margin-bottom:1px;font-size:1px;}



/* ======================================右邊========================================= */
#RIGHT{float:right;width:633px;padding-right:22px; height:950px;}
/* ==================JAVA===================== */
#RIGHT #JAVAAREA{width:604px; height:226px; background-image:url(images/java-bg.jpg);background-repeat:no-repeat; padding:0 9px 10px 20px; margin-bottom:10px;}
#RIGHT .JAVAAREA-LEFT-PIC{float:left; width:456px; height:226px; OVERFLOW: hidden; position:relative;}
#RIGHT .JAVAAREA-LEFT-PIC-MAIN{position:absolute;bottom:0;left:0;background:none;width:100%; overflow:hidden; height:90px;}
#RIGHT .JAVAAREA-LEFT-PIC-MAIN img{z-index:-1;background-color:#000000;width:100%;height:100%;filter:alpha(opacity=70);opacity:.7;}
.JAVAAREA-LEFT-PIC-MAIN-TEXT {position:absolute; left:0;top:0;color:#f0f0f0; padding:10px 10px; font-size:13px; line-height:21px; width:440px;}
.JAVAAREA-LEFT-PIC-MAIN-TEXT a{ display:block; font-size:15px; font-weight:bold; color:#3399CC; text-decoration:none;}
.JAVAAREA-LEFT-PIC-MAIN-TEXT a:hover{ color:#FF6600;}


#RIGHT #JAVAAREA-LEFT-TEXT{float:left; width:456px; height:226px;}
#RIGHT #JAVAAREA-LEFT-TEXT ul{}
#RIGHT #JAVAAREA-LEFT-TEXT li{}
#RIGHT #JAVAAREA-LEFT-TEXT li a{}
#RIGHT #JAVAAREA-LEFT-TEXT li a:hover{}

#RIGHT .JAVAAREA-RIGHT{float:right; width:148px; height:226px;}
#RIGHT .JAVAAREA-RIGHT ul{}
#RIGHT .JAVAAREA-RIGHT li{}
#RIGHT .JAVAAREA-RIGHT li a{display:block; background-image:url(images/java-ho.jpg);width:138px;height:45px;font-size:13px; text-decoration:none; color:#666666;  line-height:45px; padding-left:10px;}
#RIGHT .JAVAAREA-RIGHT li a:hover{display:block; background-image: url(images/java-hover.jpg); color:#FFFFFF;}
#RIGHT .JAVAAREA-RIGHT #hot_nav a.activeSlide {display:block; background-image: url(images/java-hover.jpg); color:#FFFFFF; }

/* ==================玩樂區===================== */
#RIGHT #ALL-FUN{ width:618px; height:296px;float:right;background-image:url(images/fun-tag_14.jpg);background-position:center bottom;background-repeat:no-repeat;}
#RIGHT #ALL-FUN #ALL-FUN-TITLE{width:618px; height:34px;background-image:url(images/tag_01.jpg); background-repeat:no-repeat;}
#RIGHT #ALL-FUN #ALL-FUN-TITLE ul{padding-left:5px;padding-top:7px;}
#RIGHT #ALL-FUN #ALL-FUN-TITLE li{float:left;}
#RIGHT #ALL-FUN #ALL-FUN-TITLE li a{display:block;background-image:url(images/tag-c_04.jpg); background-repeat:no-repeat; background-position:left bottom;width:107px; height:27px; text-align:center; font-size:12px; line-height:27px; color:#333333; text-decoration:none;margin-left:1px;}
#RIGHT #ALL-FUN #ALL-FUN-TITLE li a:hover{ background-image:url(images/tag_04.jpg);font-size:13px; color:#1a73a6; font-weight:bold;}
#RIGHT #ALL-FUN #ALL-FUN-TITLE #top_nav a.activeSlide {background-image:url(images/tag_04.jpg);font-size:13px; color:#1a73a6; font-weight:bold;}
#RIGHT #ALL-FUN #ALL-FUN-TITLE li.moreplay a{display:block;background-image: url(images/fun-tag_02.jpg); background-repeat:no-repeat; background-position:left bottom;width:56px; height:27px; text-align:center; font-size:12px; line-height:27px; color:#333333; text-decoration:none;margin-left:1px; text-indent:-9999px; margin-left:17px;}
#RIGHT #ALL-FUN #ALL-FUN-TITLE li.moreplay a:hover{ background-image: url(images/fun-tag_02-c.jpg);font-size:13px; color:#1a73a6; font-weight:bold;}

.ALL-FUN-BG{float:left; width:618px; height:262px; position:relative;}
.ALL-FUN-CONTENT{width:614px; height:258px; margin:1px; OVERFLOW: auto;}
.ALL-FUN-WORD{width:280px; padding-bottom:0px;}
.ALL-FUN-WORD-LEFT{float:left; padding-left:10px;}
.ALL-FUN-WORD-RIGHT{float:right; padding-right:10px;}
.ALL-FUN-PIC{}
.ALL-FUN-PIC ul{}
.ALL-FUN-PIC li{padding:5px 2px 0 2px;}
.ALL-FUN-TABLE table{clear:both;padding:1px 0 1px 0;}
.ALL-FUN-TABLE td{border-bottom:solid #CCCCCC 1px;}

/* ==================玩樂分享===================== */
#FUN-SHARE{width:633px; height:281px; clear:both; padding-top:10px;}

/* ==================玩樂分享-標題=============== */
#FUN-SHARE #FUN-SHARE-TITLE{width:633px;height:63px;background-image:url(images/fun-share_01.jpg); background-repeat:no-repeat;}
#FUN-SHARE #FUN-SHARE-TITLE ul{padding-left:17px;padding-top:38px;}
#FUN-SHARE #FUN-SHARE-TITLE li{float:left;}
#FUN-SHARE #FUN-SHARE-TITLE li a{display:block; width:100px;height:25px; background-image:url(images/fun-share-title.jpg); font-size:13px; color:#229cc3; text-align:center; text-decoration:none; line-height:25px;}
#FUN-SHARE #FUN-SHARE-TITLE li a:hover{background-image:url(images/fun-share-title-c.jpg);color:#596900;}
#FUN-SHARE #FUN-SHARE-TITLE #article_nav a.activeSlide {background-image:url(images/fun-share-title-c.jpg);color:#596900;}

/* ==================玩樂分享-內文=============== */
#FUN-SHARE .FUN-SHARE-BG{width:633px;height:216px; background-image:url(images/fun-share_02.jpg);background-repeat:no-repeat; background-position:right top;}
#FUN-SHARE .FUN-SHARE-CONTENT{width:600px; height:200px; margin-top: 10px; padding-left: 0px;}
#FUN-SHARE .FUN-SHARE-BG .FUN-SHARE-BG-UL{ margin-left:17px; }
#FUN-SHARE .FUN-SHARE-BG .FUN-SHARE-BG-UL img{border:solid #CCCCCC 1px;}
#FUN-SHARE .FUN-SHARE-BG .FUN-SHARE-BG-UL ul{width:100px;font-size:11px;color:#868686;text-decoration:none; float:left; padding:10px 6px 0 10px;}
#FUN-SHARE .FUN-SHARE-BG .FUN-SHARE-BG-UL li{}
#FUN-SHARE .FUN-SHARE-BG .FUN-SHARE-BG-UL li a{display:block;font-size:12px;color:#3b6701; text-decoration:none;}
#FUN-SHARE .FUN-SHARE-BG .FUN-SHARE-BG-UL li a:hover{color:#336699;}

/* ==================熱門分類===================== */
#HOT-LINK{width:633px;height:102px;background-image:url(images/hot-link.jpg); background-repeat:no-repeat;}
#HOT-LINK #HOT-LINK-MAIN ul{ padding-top:27px; padding-left:115px;}
#HOT-LINK #HOT-LINK-MAIN li{float:left;}
#HOT-LINK #HOT-LINK-MAIN li a{display:block; font-size:12px; color:#005a5b; text-decoration:none; padding-right:5px;width:auto;background-image:url(images/dot.gif);background-position:right; background-position-y:50%;background-repeat:repeat-y;padding:0 6px;}
#HOT-LINK #HOT-LINK-MAIN li a:hover{text-decoration:underline;}

#HOT-LINK #HOT-LINK-SEC ul{width:578px; margin-top:23px; margin-left:55px;}
#HOT-LINK #HOT-LINK-SEC li{float:left;}
#HOT-LINK #HOT-LINK-SEC li a{display:block; font-size:12px; color:#005a5b; text-decoration: underline; padding-right:6px; line-height:34px;}
#HOT-LINK #HOT-LINK-SEC li a:hover{color:#FF6600;}


/* =====================================FOOTER========================================= */
#FOOTER{width:1000px;height:119px;background-image:url(images/index_19.jpg);background-position:center bottom; background-repeat:no-repeat;}
#FOOTER_GLOBE {text-align:center;width:450px;margin:0 auto;}
#FOOTER_GLOBE ul{text-align:center; font-size:12px; color:#327fb0; padding-top:33px;}
#FOOTER_GLOBE li{float:left; }
#FOOTER_GLOBE li a{display:block;background-image:url(images/dot.gif);background-position:left; background-position-y:50%;background-repeat:repeat-y;font-size:12px;color:#327fb0; text-decoration:none;padding:0 10px;}
#FOOTER_GLOBE li a:hover{text-decoration:underline; color:#003366;}

#FOOTER_BTN ul{margin:0 auto;text-align:center; width:850px;font-size:12px; color:#4f4f4f; margin-top:5px;}
#FOOTER_BTN li{float:left; padding-left:6px;}
#FOOTER_BTN li a{display:block;width:auto;background-image:url(images/dot.gif);background-position:right; background-position-y:50%;background-repeat:repeat-y;font-size:12px;color:#327fb0;text-decoration:none;padding:0 6px; line-height:18px;}
#FOOTER_BTN li a:hover{ text-decoration:underline; color:#003366;}