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

body{ margin:0; padding:0;font-family: arial; font-size:15px; color:#999; behavior: url(csshover.htc);direction: rtl;}
a{ color:#666; text-decoration:underline;}
a:hover{ color:#666; text-decoration:none;}

input{direction: rtl;unicode-bidi: bidi-override;}
textarea{direction: rtl;unicode-bidi: bidi-override;}
select{	direction: rtl;	unicode-bidi: bidi-override;}

.clear{ clear:both; height:0px; margin:0; padding:0;}

/*--------------------------------pages*/
#pages{ margin:0 auto; padding:0; width:958px; border-left:1px #ebebeb solid; border-right:1px #ebebeb solid; background:url(images/pages.jpg) no-repeat right bottom;}

/*--------------------------------header*/
#header{ width:958px; height:150px; background:url(images/header.jpg) no-repeat center; position:relative;}
#header_member{ position:absolute; z-index:2; right:6px; bottom:5px;}
#header_member a{ text-decoration:none; padding:0 8px; font-weight:bold;}
#header_member a:hover{ text-decoration:none; color:#e70062;}

/*--------------------------------marquee*/
#marquee_bar{ width:930px; height:20px; padding:7px 10px 3px 18px; background:#fefafb url(images/marquee.gif) no-repeat; position:relative; color:#cb9aab;}
#marquee_bar #marqueebox{ color:#575256; position:absolute; top:7px; right:93px; width:836px; overflow: hidden; height:15px;}
#marquee_bar a, #marquee_bar a:hover{ text-decoration:none; color:#575256;}
#marquee-container div{ white-space: nowrap;}
#marquee-container{position: absolute;}

/*--------------------------------menu*/
#menu{width:958px; height:30px; background-color:#a7647b; margin-bottom:10px;}
/* 整體設置*/ 
#menu ul {list-style:none; margin:0; padding:0 30px; _padding:0 10px;position:absolute; z-index:2; } 
#menu ul li {float:left; padding:0; margin:0;} 
/* 設置選單區塊*/ 
#menu ul li dl { margin:0; padding:0; 
	width:90px;/*ie6*/ background-color:#a7647b;} 
#menu ul li dt a , #menu ul li dd a{ display:block;} 
/* 設置主選單dt */ 
#menu ul li dt { margin:0; padding: 0px; overflow:hidden;} 
#menu ul li dt a{ display:block; color:#FFF; text-decoration:none; text-align:center; font-size:13px; margin:0 1px; padding:7px 10px;height:16px;_padding:6px 10px;_height:16px;} 
#menu ul li dt a:hover{background: #cb9aab url(images/menu_lia.jpg) bottom no-repeat; padding:4px 10px 10px 10px;height:16px;_padding:6px 10px;_height:16px;}
#menu ul li dt.active_menu a{ background:#cb9aab url(images/menu_lia.jpg) bottom no-repeat; padding:4px 10px 10px 10px;height:16px;_padding:6px 10px;_height:16px;}
/* 設置子選單dd */ 
#menu ul li dd { margin:0; padding:0; border-bottom:dotted 1px #fff;border-left:1px #a7647b solid;border-right:1px #a7647b solid;} 
#menu ul li dd.last {border-bottom:1px #a7647b solid;} 
#menu ul li dd a { display:block;color:#444;background-color:#FFF;text-decoration:none; text-align:center;padding:7px 10px;height:16px; } 
#menu ul li dd a:hover{ background-color:#f5e9ed; }
/*隱藏子選單*/ 
#menu ul li dd { display:none;} 
/* 滑鼠滑入顯示子選單 */ 
#menu ul li:hover dd, #menu ul li a:hover dd { display:block;} 
/*ie6 hack*/ 
#menu ul li:hover,#menu ul li a:hover { border:0;} 
#menu ul table { border-collapse:collapse; padding:0; text-align:left;}

/*--------------------------------main*/
#main{ float:right; width:674px; margin:0 40px 0 0; _margin:0 20px 0 0; padding:0;}
#main h1{ margin:0; padding:10px 0; color:#8b455e; font-family:"Century Gothic"; font-size:25px;}
#main #content{ margin:0; padding:0;}

/*--about*/
#main #content #about{ color:#787277; line-height:160%;}
#main #content #about p{ margin:0 0 10px 0; padding:0;}

/*--news*/
#main #content #news{ color:#787277; line-height:160%;}
#main #content #news #col_news ul{ list-style:none; margin:0px 15px 20px 15px; padding:0;}
#main #content #news #col_news ul li{ margin:13px 0; padding-left:10px; border-bottom:1px dotted #c185ab; position:relative;}
#main #content #news #col_news ul li a{ color:#665e5f; text-decoration:none; background:url(images/knowledge_reply.jpg) no-repeat; padding-left:15px;}
#main #content #news #col_news ul li a:hover{ color:#342d2e; text-decoration:none;}

#main #content #news #col_news ul li .time{ position:absolute; right:10px; top:0px; _padding-right:10px; color:#bbbbbb; font-size:11px;}

#main #content #news #mata{ margin:0; padding:120px 0 0 30px; font-family:"Century Gothic"; font-weight:bold; font-size:15px;}
#main #content #news #mata ul{ list-style:none; margin:0; padding:0;}
#main #content #news #mata ul li{float:left; }
#main #content #news #mata ul li a{ display:block; width:10px; height:22px; color:#aaa9a9; text-decoration:none; border:1px solid #FFF; padding:2px 1px 0 3px; margin:0 3px;}
#main #content #news #mata ul li a:hover{ border:1px solid #d9d8d8;}
#main #content #news #mata ul li.active_mate a{ border:1px solid #d9d8d8;}

/*--news1*/
#main #content #news1{ color:#787277; line-height:160%;}

#main #content #news1 .nbox{ margin:0 0 10px 0; padding:0;}
#main #content #news1 .nbox h3 { margin:0; padding:10px 0 0 0;}
#main #content #news1 .nbox h3 a{ color:#ff0000; font-size:17px; text-decoration:none;}
#main #content #news1 .nbox h3 a:hover{ color:#ff0000; text-decoration:none;}
#main #content #news1 .nbox .time{color:#bbbbbb; font-size:11px;}
#main #content #news1 .nbox p{ margin:0; padding:0 0 10px 0;}

#main #content #news1 #mata{ margin:0; padding:120px 0 0 30px; font-family:"Century Gothic"; font-weight:bold; font-size:15px;}
#main #content #news1 #mata ul{ list-style:none; margin:0; padding:0;}
#main #content #news1 #mata ul li{float:left; }
#main #content #news1 #mata ul li a{ display:block; width:10px; height:22px; color:#aaa9a9; text-decoration:none; border:1px solid #FFF; padding:2px 1px 0 3px; margin:0 3px;}
#main #content #news1 #mata ul li a:hover{ border:1px solid #d9d8d8;}
#main #content #news1 #mata ul li.active_mate a{ border:1px solid #d9d8d8;}


/*--news_show*/
#main #content #news_show{ color:#787277; line-height:160%;}
#main #content #news_show .post{ background-color:#fae3eb; color:#8b8084; padding:4px 0 4px 10px; margin:0 0 20px 0; line-height:160%; font-size:11px;}
#main #content #news_show .col{ margin:0 0 0 20px; padding:0;}
#main #content #news_show .col h3{ color:#ff0000; font-size:17px; margin:0; padding:0;}
#main #content #news_show .col p.date{ color:#bbbbbb; font-size:11px; margin:0; padding:0 0 5px 0;}
#main #content #news_show .col p{ margin:0; padding:5px 0;}

#main #content #news_show .back{ float:left; clear:left; margin:70px 0 0 20px; _margin:70px 0 0 10px;}
#main #content #news_show .back a{ display:block; background-color:#292929; color:#FFF; text-decoration:none; padding:3px 8px;}
#main #content #news_show .back a:hover{ background-color:#000;}
#main #content #news_show .next{ float:left; margin:70px 0 0 14px;}
#main #content #news_show .next a{ display:block; color:#838181; text-decoration:none; padding:3px 3px;}
#main #content #news_show .next a:hover{ color:#4a4245;}


/*--product*/
#main #content #product{ color:#787277; line-height:160%;}
#main #content #product #banner{ margin:0; padding:3px 0 15px 0; height:190px;}
#main #content #product .prolist{ margin:0; padding:0 0 10px 40px;}
#main #content #product input.number{ width:20px;}
#main #content #product .prolist1{ margin:0; padding:0 0 20px 40px;}
#main #content #product .prolist1 img{ vertical-align:middle; margin:-3px 3px 0 3px;}
#main #content #product a{ color:#453f44; text-decoration:none;}
#main #content #product a:hover{ color:#453f44; text-decoration:underline;}

#main #content #product #mata{ margin:0; padding:120px 0 0 30px; font-family:"Century Gothic"; font-weight:bold; font-size:15px;}
#main #content #product #mata ul{ list-style:none; margin:0; padding:0;}
#main #content #product #mata ul li{float:left; }
#main #content #product #mata ul li a{ display:block; width:10px; height:22px; color:#aaa9a9; text-decoration:none; border:1px solid #FFF; padding:2px 1px 0 3px; margin:0 3px;}
#main #content #product #mata ul li a:hover{ border:1px solid #d9d8d8;}
#main #content #product #mata ul li.active_mate a{ border:1px solid #d9d8d8;}

/*--product_show*/
#main #content #product_show{ color:#838181;}
#main #content #product_show .post{ background-color:#fae3eb; color:#8b8084; padding:4px 0 4px 10px; margin:0 0 20px 0; line-height:160%; font-size:11px;}
#main #content #product_show .col{margin:0 0 30px 20px; padding:0; line-height:160%;}
#main #content #product_show .col .colr{ float:right; width:380px; height:380px; border:1px #c7c7c7 solid; margin:0; padding:0; text-align:center;}
#main #content #product_show .col .coll{ float:left; width:260px; color:#000000; font-weight:bold; margin:140px 0 0 0; padding:0;}
#main #content #product_show .col .coll h3{ font-size:25px; color:#ab657d; margin:0; padding:5px 0 0 0; font-family:"Century Gothic"; line-height:130%;}
#main #content #product_show .col .coll h4{ font-size:13px; margin:0; padding:5px 0 10px 0;}
#main #content #product_show .col .coll table.size{ margin-bottom:15px;}
#main #content #product_show .col .coll table.size td{ border-bottom:1px #c7c7c7 solid;}
#main #content #product_show .col .coll table.size input.number{ width:20px;}
#main #content #product_show .col .coll table.size td.jionbag{ background: url(images/product_jionbag.jpg) no-repeat center center; text-align: center; vertical-align:middle; height:40px;}
#main #content #product_show .col .coll table.size a{ color:#FFF; text-decoration:none;}
#main #content #product_show .col .coll table.size a:hover{ color:#FFF; text-decoration:none;}
#main #content #product_show .col .coll span{ color:#ff9200;}

#main #content #product_show .col h5.infro{ border-bottom:1px solid #ab657d; font-family:"Century Gothic"; font-size:15px; background:url(images/knowledge_show_h5.jpg) no-repeat; margin:10px 0; padding:2px 10px 1px 13px; color:#FFFFFF; letter-spacing:1px;}
#main #content #product_show .col h5{ border-bottom:1px solid #ab657d; font-family:"Century Gothic"; font-size:15px; margin:10px 0; padding:0 0 0 5px; color:#ab657d; letter-spacing:1px;}
#main #content #product_show .col p{ margin:0 0 10px 0; padding:0 5px 0 5px;}

#main #content #product_show .col .colr2{ float:right; width:380px; margin:0; padding:0;}
#main #content #product_show .col .coll2{ float:left; width:260px; margin:0; padding:0;}
#main #content #product_show .col .coll2 img{ border:1px #c7c7c7 solid;}

#main #content #product_show .col ul{ margin:10px 0 10px 30px; padding:0;}
#main #content #product_show .col ul li{ margin:0; padding:0;}

#main #content #product_show .back{ float:left; clear:left; margin:50px 0 0 20px; _margin:50px 0 0 10px;}
#main #content #product_show .back a{ display:block; background-color:#292929; color:#FFF; text-decoration:none; padding:3px 8px;}
#main #content #product_show .back a:hover{ background-color:#000;}
#main #content #product_show .next{ float:left; margin:50px 0 0 14px;}
#main #content #product_show .next a{ display:block; color:#838181; text-decoration:none; padding:3px 3px;}
#main #content #product_show .next a:hover{ color:#4a4245;}

/*--knowledge*/
#main #content #knowledge{}
#main #content #knowledge #ksearch{ color:#717171;}
#main #content #knowledge #ksearch .ksearch1{ border:1px #717171 solid; color:#999; margin:0 3px; padding:0; width:140px;}
#main #content #knowledge #ksearch .ksearch2{ border:1px #717171 solid; color:#999; margin:0 3px; padding:0; width:280px; height:17px; *height:20px;}
#main #content #knowledge #ksearch .btn{ background-color:#212121; color:#FFF; margin:0 8px 0 3px;}
#main #content #knowledge .kbox{ width:638px; height:155px; margin:10px 0 15px 0; padding:15px 18px; background:url(images/kbox.jpg) no-repeat center; color:#858585;}
#main #content #knowledge .kbox img{ float:left; padding-right:15px;}
#main #content #knowledge .kbox h3{ color:#ff0000; font-size:17px; margin:0; padding:0;}
#main #content #knowledge .kbox h3 a{ color:#ff0000; text-decoration:none;}
#main #content #knowledge .kbox h3 a:hover{ color:#ff0000; text-decoration:none;}
#main #content #knowledge .kbox p.date{ color:#bbbbbb; font-size:11px; margin:0; padding:0;}
#main #content #knowledge .kbox p{ margin:0; padding:15px 0; line-height:160%;}
#main #content #knowledge .kbox .more{ float:right; margin-top:10px;}
#main #content #knowledge .kbox .more a{ display:block; color:#FFF; text-decoration:none; background-color:#858585; padding:3px 5px;}
#main #content #knowledge .kbox .more a:hover{}

#main #content #knowledge #mata{ margin:0; padding:120px 0 0 30px; font-family:"Century Gothic"; font-weight:bold; font-size:15px;}
#main #content #knowledge #mata ul{ list-style:none; margin:0; padding:0;}
#main #content #knowledge #mata ul li{float:left; }
#main #content #knowledge #mata ul li a{ display:block; width:10px; height:22px; color:#aaa9a9; text-decoration:none; border:1px solid #FFF; padding:2px 1px 0 3px; margin:0 3px;}
#main #content #knowledge #mata ul li a:hover{ border:1px solid #d9d8d8;}
#main #content #knowledge #mata ul li.active_mate a{ border:1px solid #d9d8d8;}


/*--knowledge_show*/
#main #content #knowledge_show{}
#main #content #knowledge_show .post{ background-color:#fae3eb; color:#8b8084; padding:4px 0 4px 10px; margin:0 0 20px 0; line-height:160%; font-size:11px;}
#main #content #knowledge_show .col{ margin:0 0 0 20px; padding:0;}
#main #content #knowledge_show .col h3{ color:#ff0000; font-size:17px; margin:0; padding:0;}
#main #content #knowledge_show .col p.date{ color:#bbbbbb; font-size:11px; margin:0; padding:0 0 5px 0;}
#main #content #knowledge_show .col p{ margin:0; padding:5px 0; line-height:160%;}
#main #content #knowledge_show .col img{ float:right;}

#main #content #knowledge_show .replay{ float:right; margin:40px 10px 25px 0; _margin:40px 10px 10px 0;}
#main #content #knowledge_show .replay a{ display:block; background-color:#858585; color:#FFF; text-decoration:none; padding:3px 8px;}
#main #content #knowledge_show .replay a:hover{ background-color:#4d4d4d;}

#main #content #knowledge_show .col .cola{ position:relative; border-bottom:1px #c185ab dotted; background: url(images/knowledge_reply.jpg) no-repeat left top; color:#858585; margin:0 10px 10px 0; padding:0 0 2px 15px;}
#main #content #knowledge_show .col .cola a{ color:#858585; text-decoration:none;}
#main #content #knowledge_show .col .cola a:hover{ color:#858585; text-decoration:none;}
#main #content #knowledge_show .col .cola .time{ position:absolute; top:2px; right:10px; _right:20px; color:#bbbbbb; font-size:11px; margin:0; padding:0;}
#main #content #knowledge_show .col .cola .time span{ padding-right:10px;}
#main #content #knowledge_show .col .colb{ color:#858585; line-height:160%; padding:3px 0;}
#main #content #knowledge_show .col .colb .colc{ overflow:hidden; position: relative; background-color:#fff6fc; padding-left:15px;}

#main #content #knowledge_show .back{ float:left; clear:left; margin:50px 0 0 10px; _margin:50px 0 0 5px;}
#main #content #knowledge_show .back a{ display:block; background-color:#292929; color:#FFF; text-decoration:none; padding:3px 8px;}
#main #content #knowledge_show .back a:hover{ background-color:#000;}
#main #content #knowledge_show .next{ float:left; margin:50px 0 0 14px;}
#main #content #knowledge_show .next a{ display:block; color:#838181; text-decoration:none; padding:3px 3px;}
#main #content #knowledge_show .next a:hover{ color:#4a4245;}

/*--cooperation*/
#main #content #cooperation{ color:#787277; line-height:160%;}

/*--message*/
#main #content #message{ color:988d96;}
#main #content #message span{ color:#F00;}
#main #content #message .post{ background-color:#fae3eb; color:#9F9799; padding:8px 0 8px 10px; margin:0 0 10px 0;}

/*--contact*/
#main #content #contact{ color:#787277; line-height:160%;}

/*--privacy*/
#main #content #privacy{ line-height:160%;}
/*#main #content #privacy .post{ background-color:#fae3eb; color:#9F9799; padding:8px 0 8px 10px; margin:0 0 10px 0;}




/*------------------------shop*/
#main .shop{ line-height:160%;}
#main .shop .post{  background-color:#fae3eb; color:#8b8084; padding:4px 0 4px 10px; margin:0 0 20px 0; line-height:160%; font-size:11px;}
#main .shop h2{ font-size:19px; color:#222; font-weight: normal; margin:0; padding:0;}
#main .shop h3{ font-size:15px; color:#a7647b; background:url(images/shop_menu_h3.jpg) no-repeat right center; margin:5px 0 0 0; padding:5px 18px 0 0px;}
#main .shop h4{ font-size:19px; color:#222; font-weight: normal; margin:0 0 20px 0; padding:0 0 2px 0; border-bottom:#222 1px solid; position:relative;}
#main .shop hr{ border:#efd7df dotted 1px; margin:5px 0px;}
#main .shop p{ margin:0; padding:5px 0;}
#main .shop p.top{ text-align:right; margin:5px 10px;}

#main .shop td.shop_menu{ background:url(images/shop_menuli.gif) no-repeat left bottom; width:105px; height:15px; padding:15px 0 0 0; margin:0; text-align:center; font-size:9px;}
#main .shop td.shop_menu a{ color:#222; text-decoration:none;}
#main .shop td.shop_menu a:hover{ color:#aa4769;}
#main .shop td.shop_menu_width{ width:1px;}

#main .shop ul.shop_menu{ position:absolute; font-size:13px; bottom:0px; right:0px; list-style:none; text-align:center; margin:0px 0px 0 0px; padding:0px 0 0 0px; }
#main .shop ul.shop_menu li{ display:inline; font-size:9px;}
#main .shop ul.shop_menu li a{ display:block; float:left; text-decoration:none; width:114px; height:20px; padding:10px 3px 0 3px; margin:0 2px; color:#222; background:url(images/shop_menuli2.gif) no-repeat left top;}
#main .shop ul.shop_menu li a:hover{ color:#aa4769;}



#main .shop ul.shop_menu_bottom{ list-style:none; text-align:center; margin:50px auto 50px auto; padding:5px 12px 0px 12px; width:606px; height:25px; background:url(images/shop_menu_bottom.gif) no-repeat left top;}
#main .shop ul.shop_menu_bottom li{}
#main .shop ul.shop_menu_bottom li.last a{ border-right:0px;}
#main .shop ul.shop_menu_bottom li a{ display:block; float:left; width:100px; text-decoration:none; border-right:1px solid #666;}
#main .shop ul.shop_menu_bottom a:hover{ color:#aa4769;}

#main .shop ul{ margin:5px 0 5px 30px; padding:0;}

#main .shop td.order0{ background-color:#a7647b; height:2px; padding:0;}
#main .shop td.order1{ background-color:#a7647b; color:#FFF; text-align:center; vertical-align:middle; border-right:1px solid #fff;}
#main .shop td.order2{ background-color:#fff; color:#666; text-align:center; vertical-align:middle;}
#main .shop td.order3{ background-color:#fff3f7; color:#666; text-align:center; vertical-align:middle;}
#main .shop table.order4{ color:#666;}
#main .shop input.number{ width:20px;}
#main .shop span{ color:#c90000; font-weight:bold;}
#main .shop td.btn{ background:url(images/member_btn.gif) no-repeat center center; height:24px; text-align:center; vertical-align:middle;}
#main .shop td.btn a{ color:#FFF; text-decoration:none;}


/*shop_bag*/
#main #content #shop_bag{}
#main #content #shop_bag table.bag_des{ background-color:#f6f6f6; font-weight:bold; padding:15px 10px; margin:0 0 15px 0;}
#main #content #shop_bag td.baglist{ vertical-align:top; width:100px; padding-right:5px;}

/*payment1*/
#main #content #payment1{}

/*payment2*/
#main #content #payment2{}

/*payment2*/
#main #content #payment3{}

/*--shop_guide*/
#main #content #shop_guide{}

/*--freight*/
#main #content #freight{}

/*--payment*/
#main #content #payment{}

/*--returns*/
#main #content #returns{}

/*--qna*/
#main #content #qna{}
#main #content #qna a{ color:#888; text-decoration:none}
#main #content #qna a:hover{ color:#333; text-decoration:none;}
#main #content #qna table{ padding:3px;}
#main #content #qna table.qna_list{ background-color:#f6f6f6; font-weight:bold; padding:15px 10px; margin:0 0 15px 0;}
#main #content #qna td.Qlist{ vertical-align:top; width:100px; padding-right:5px;}
#main #content #qna td.Qpic{ vertical-align:top;}
#main #content #qna td.Qword{ color:#c11e57; font-weight:bold; padding-top:25px;}

/*--service*/
#main #content #service{}
#main #content #service span{ color:#F00;}
#main #content #service table.service_des{ color:#c11e57;}

/*--bouns*/
#main #content #bonus{ line-height:160%;}
#main #content #bonus h3{font-size:13px; color:#666; font-weight: normal; margin:0; padding:0;}
#main #content #bonus h4{font-size:13px; color:#e85186; font-weight: bold; margin:0; padding:0;}
#main #content #bonus td.bonus_btn{background:url(images/member_btn.gif) no-repeat center center; height:24px; text-align:center; vertical-align:middle;}
#main #content #bonus td.bonus_btn a{ color:#FFF; text-decoration:none;}
#main #content #bonus td.bonus_btn a:hiver{ color:#FFF; text-decoration: underline;}
#main #content #bonus td.bonus_btn1{background:url(images/member_btn.gif) no-repeat center right; height:24px; text-align:right; vertical-align:middle; padding-right:24px;}
#main #content #bonus td.bonus_btn1 a{ color:#FFF; text-decoration:none;}
#main #content #bonus td.bonus_btn1 a:hiver{ color:#FFF; text-decoration: underline;}
#main #content #bonus hr{ border:#ffd3e2 dotted 1px; margin:10px 5px;}

#main #content #bonus #mata{ margin:0; padding:120px 0 0 30px; font-family:"Century Gothic"; font-weight:bold; font-size:15px;}
#main #content #bonus #mata ul{ list-style:none; margin:0; padding:0;}
#main #content #bonus #mata ul li{float:left; }
#main #content #bonus #mata ul li a{ display:block; width:10px; height:22px; color:#aaa9a9; text-decoration:none; border:1px solid #FFF; padding:2px 1px 0 3px; margin:0 3px;}
#main #content #bonus #mata ul li a:hover{ border:1px solid #d9d8d8;}
#main #content #bonus #mata ul li.active_mate a{ border:1px solid #d9d8d8;}


/*------------------------member*/
#main .member{ line-height:160%;}
#main .member .post{  background-color:#fae3eb; color:#8b8084; padding:4px 0 4px 10px; margin:0 0 20px 0; line-height:160%; font-size:11px;}
#main .member hr{ border:#ffd3e2 dotted 1px; margin:5px 10px;}
#main .member td.login_btn{ background:url(images/member_btn.gif) no-repeat right center; height:24px; text-align:right;  vertical-align:middle;}
#main .member td.login_btn a{ color:#FFF; text-decoration:none;}
#main .member td.login_btn1{ background:url(images/member_btn.gif) no-repeat center center; height:24px; text-align: center;  vertical-align:middle;}
#main .member td.login_btn1 a{ color:#FFF; text-decoration:none;}
.rbtn{ width:90px; text-align:center; float:right;}

#main .member h2{ font-size:15px; color:#a7647b; font-weight:bold; margin:0; padding:0; *padding-bottom:5px;}
#main .member h2 span.italic{font-size:35px; font-weight:normal;color:#444;font-family: "AvantGarde Md BT", "Futura Md BT"; padding-right:5px;}
#main .member h2 span.italic1{font-size:40px; font-weight:normal;color:#777;font-family: "Book Antiqua", "Times New Roman"; padding-right:5px;}/*welcome*/
#main .member span{ color:#e85186;}
#main .member span.bigword{ color:#333; font-size:15px; font-weight:bold;}

#main .member td.ssl{ background:url(images/sslbg.gif) no-repeat bottom center; width:654px; height:70px; padding:210px 8px 10px 12px;color:#888;}
#main .member td.ssl b{ color:#666; font-size:15px;}

#main .member td.sslh{ background:url(images/sslbg.gif) no-repeat bottom center; width:654px; height:70px; padding:20px 8px 10px 12px;color:#888;}
#main .member td.sslh b{ color:#666; font-size:15px;}

/*--login*/
#main #content #login{}

/*--join*/
#main #content #join{}

/*--interests*/
#main #content #interests{}

/*--member*/
#main #content #member{}

/*--ordercheck*/
#main #content #ordercheck{}
#main #content #ordercheck td.order0{ background-color:#a7647b; height:2px; padding:0;}
#main #content #ordercheck td.order1{ background-color:#a7647b; color:#FFF; text-align:center; vertical-align:middle; border-right:1px solid #fff;}
#main #content #ordercheck td.order2{ background-color:#fff; color:#666; text-align:center; vertical-align:middle;}
#main #content #ordercheck td.order3{ background-color:#fff3f7; color:#666; text-align:center; vertical-align:middle;}

/*--bounscheck*/
#main #content #bounscheck{}
#main #content #bounscheck table.bouns{ background:url(images/bounscheck_bg.jpg) no-repeat; width:650px; height:80px; margin-bottom:150px; margin-top:10px; color:#666;}

/*--invitefriend*/
#main #content #invitefriend{}

/*--idcheck*/
#main #content #idcheck{}

/*--pwlose*/
#main #content #pwlose{}

/*--pwedit*/
#main #content #pwedit{}

/*--dowload*/
#main #content #dowload{}

/*--qnamember*/
#main #content #qnamember{}


/*--------------------------------sidebar*/
#left{ float:left; width:244px; margin:0; padding:0;}
#sidebar{ width:164px; margin:0; padding: 10px 40px 0 40px;}

#sidebar #prolist{ width:164px; background: url(images/sidebar_bg.jpg) bottom center no-repeat; margin:0 0 15px 0;}
#sidebar #prolist h2{ width:164px; height:32px; margin:0; padding:8px 0 0 0; background:url(images/sidebar_prolist.jpg) no-repeat; color:#fcedf0; font-family: "Century Gothic"; font-size:21px; text-align:center;}

/*#sidebar #prolist ul{ list-style:none; margin:0; padding:5px 8px 10px 8px;}
#sidebar #prolist ul li{ border-bottom:1px solid #ebebeb; padding:6px 0 6px 15px;}
#sidebar #prolist ul li.noborder{ border-bottom:none;} */

#prolist ul {list-style: none;margin: 0;padding:5px 8px 10px 8px;width:148px;  font-size:13px;}
#prolist ul li {width:100%;	border-bottom:1px solid #ebebeb;position: relative;	*float:left;*	}
#prolist ul li a{ color:#575256; text-decoration:none;display:block;	padding: 7px;}

#prolist ul li a:hover{ color:#f20b5b; background:url(images/sidebar_lia.jpg) no-repeat right; padding-right:15px;}
#prolist ul li.active_side a{ color:#f20b5b; background:url(images/sidebar_lia.jpg) no-repeat right; padding-right:15px;}
	
/*NO.2*/
#prolist ul li ul li{background-color:#f8f8f8;}
#prolist ul li ul li.topic{ padding:7px; width:134px; background-color:#d8d8d8; color:#000; font-weight:bold;}
#prolist ul li ul li a{ color:#575256; text-decoration:none;display:block;	padding: 7px;}
#prolist ul li ul li a:hover{ color:#f20b5b; background: none; padding-left:7px;}

#prolist ul li.active_side ul li a{ color:#575256; text-decoration:none;display:block;padding: 7px; background:none;}
#prolist ul li.active_side ul li a:hover{ color:#f20b5b; background: none; padding-left:7px;}


#prolist ul ul {position: absolute;	top: 0px;display:none; border:#ebebeb 2px solid; margin:0; padding:0;}
#prolist ul li:hover ul{display: block;	left:148px; /* 選單的寬度，子選單出現的位置，當停留選單項 */ }

#prolist ul ul ul {position: absolute;	top: 0px;display:none; border:#ebebeb 2px solid; margin:0; padding:0;}
#prolist ul li ul li:hover ul{display: block;	left:148px; }

#prolist ul li ul li ul li a{ color:#575256; text-decoration:none;display:block;	padding: 7px;}
#prolist ul li ul li ul li a:hover{ color:#f20b5b; background: none; padding-left:7px;}

/*contorl*/
#prolist ul li:hover ul ul,
#prolist ul li:hover ul ul ul{ display: none; }


#sidebar #search{ width:164px;margin:0 0 15px 0; padding:0 0 10px 0; background:url(images/sidebar_bg.jpg) bottom center no-repeat;}
#sidebar #search h2{ width:164px; height:30px; margin:0; padding:8px 0 0 0; background:url(images/sidebar_search.jpg) no-repeat; color:#2D2D2D; font-family:"Century Gothic"; font-size:21px; text-align:center;}
#sidebar #search form{ margin:0 auto; padding:0; text-align:right; width:122px;}
#sidebar #search input{ margin:0; padding:0;}
#sidebar #search .searchin{ border:1px #ebebeb solid; width:120px; height:20px; margin:3px 0; padding:0; color:#888;}

/*movie*/
#sidebar #movie{ font-size:13px; font-weight:bold;}
#sidebar #movie a{ text-decoration:none; color:#FFF;}
#sidebar #movie a:hover{ text-decoration:none;}
#sidebar #movie #moviebg{ position:relative; z-index:1;}
#sidebar #movie #movieplay{ position:absolute; z-index:3; top:35px; left:0px; width:140px; text-align:center; }
#sidebar #movie #moviepic{ position:absolute; z-index:2; top:13px; left:12px;}
#sidebar #movie #movieword{ position:absolute; z-index:2; width:140px; padding:0 12px; top:128px; text-align:center; left:0px;}

/*--------------------------------footer*/
#footer{ clear:both; height:200px; color:#FFF; font-size:13px; background:url(images/footer.jpg) no-repeat center bottom;}
#share{ float:left; margin:0; padding:145px 0 0 80px;}
#share img{ padding-right:5px;}
#symantec{ float:left; padding:125px 0 0 50px;}
#copyright{ float:right; margin:0; padding:142px 140px 0 0; line-height:160%;}
#copyright ul{ list-style:none; margin:0; padding:0;}
#copyright ul li{ display:inline;}
#copyright ul li a{ color:#FFF; text-decoration:none; margin-right:10px;}
#copyright ul li a:hover{ border-bottom:1px dotted #ffe5ee;}
#copyright span{ color:#e6aabf;}