@charset "utf-8";

div, ul, li, dl, dt, dd, p, h1, h2, h3, h4, h5, h6, form, fieldset, input, select, textarea, table, caption, thead, tfoot, tbody, tr, th, td, iframe { margin:0; padding:0; }
ul{ list-style:none;}
img{border:0;}
.clearfix{ clear:both;font-size:0;height:0;}

h1, h2, h3, h4, h5, h6, th { font-size:100%; font-weight:normal; }
ul, li, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, iframe { display:block; }
/**/
body{text-align:center !important;margin:0;}
body>div,
body>table,
body>iframe{margin:0 auto !important;text-align:left !important;}
table img{display:block;}

body{ font-size:12px; background:url(http://www.payeasy.com.tw/BeautyColor/images/header/body.jpg) 0 94px repeat-x;font-family:"新細明體";}
/*body#BC_INDEX{background-color:#887ca1;background-image:none;}*/
#WRAPPER{width:902px;margin:0 auto;position:relative;}

/*Header*/
#Header{background:url(/BeautyColor/images/header/cssbg.jpg) no-repeat;height:130px;position:relative;text-indent:-999em;z-index:18}
#Header div{position:absolute;}
#Header a{outline:none;}
h1{position:absolute;width:260px;height:80px;top:40px;left:0;}
h1 a{display:block;height:80px;}
h1 a:hover{background:none;}
#topBanner{width:600px;height:130px;top:0;right:0;z-index:180}
#topBanner a{display:block;width:600px;height:130px;position:absolute;top:0;left:0;}
#topBanner a:hover{background:none;}

#topBanner a#top_home{height:20px;top:0;left:324px;width:60px;z-index:9;}
#topBanner a#top_edm{height:20px;top:0;left:384px;width:120px;z-index:9;}
#topBanner a#top_bookmark{height:20px;top:0;left:504px;width:100px;z-index:7;}
#topBanner form{position:absolute;top:63px;left:366px;z-index:188;width:212px;height:30px; text-indent:0;}
#topBanner form input{border:none;width:120px;height:24px;background:none;line-height:24px;height:30px \9;line-height:30px \9;}

/*Navigate*/
#Navigate{width:903px;height:43px;background:url(http://www1.payeasy.com.tw/BeautyColor/images/header/cssbg.jpg) 0 -130px no-repeat;}
#Navigate li{float:left;width:100px;height:43px;text-indent:-999em;position:relative;z-index:99;}
#Navigate li a{display:block;height:43px;outline:none;}
#Navigate li a:hover{background:none;}
/*Navigate第二層*/
#Navigate .navigate2{width:300px;width:301px \9;height:305px;border:1px solid #333;border-top:0;position:absolute;top:43px;left:-1px;text-indent:0;z-index:99;display:none;}
#Navigate .navigate2 h2{background:#930051 ;color:#FFF;height:30px;font-weight:700;text-align:center;}
#Navigate .navigate2 h2 a{height:30px;color:#FFF; text-decoration:none;line-height:30px;font-size:15px;text-align:center;background:url(http://www1.payeasy.com.tw/BeautyColor/images/header/hand.gif) right 4px no-repeat;display:inline;padding-right:20px;}
#Navigate .navigate2 h2 a:hover{text-decoration: underline;}
#Navigate .navigate2 div{width:150px;height:275px;float:left;background:#fff;overflow:hidden \9;}
#Navigate div.n2_border{border-left:1px solid #ccc;width:149px;}
#Navigate dl.n2_border{border-left:1px solid #ccc;width:149px;float:left;height:275px;background:#fff;}
#Navigate dl.n2_border dd{overflow:hidden;border-bottom:1px dashed #ccc;height:41px;height:42px \9;}
#Navigate dl.n2_border dd a{display:block;color:#000;text-decoration:none;padding-left:22px;background:url(http://www1.payeasy.com.tw/BeautyColor/images/header/cssIcon.png) 5px 10px no-repeat;font-size:12px;line-height:1.2;padding-top:8px;height:34px;height:42px \9;padding-right:4px;}
#Navigate dl.n2_border dd a:hover{display:block;color:#fff;text-decoration:none;padding-left:22px;background:#404040 url(http://www1.payeasy.com.tw/BeautyColor/images/header/cssIcon.png) -43px 11px no-repeat;font-size:12px;line-height:1.2;padding-top:8px;height:34px;height:42px \9;}

#Navigate .navigate2 dt{font-weight:700;height:20px;font-size:13px;padding:4px 8px 8px 8px;padding-bottom:0;color:#930051;}
#Navigate .navigate2 dd a{display:block;height:22px;color:#000;text-decoration:none;padding-left:22px;background:url(http://www1.payeasy.com.tw/BeautyColor/images/header/cssIcon.png) 5px 1px no-repeat;font-size:12px;line-height:22px;}
#Navigate .navigate2 dd a:hover{background:#930051 url(http://www1.payeasy.com.tw/BeautyColor/images/header/cssIcon.png) -43px 1px no-repeat;color:#fff;}

#Navigate .hot h2{background-color:#404040;}
#Navigate .hot dt{color:#404040;}
#Navigate .hot dd a:hover{background-color:#404040}

#HOTKEYWORD{font-size:12px;color:#fff;height:33px;background:#F26273;margin-top:1px;padding-left:4px;}
#HOTKEYWORD li{float:left;height:33px;line-height:33px;cursor:pointer;position:relative;padding:0 7px 0 8px ;}
#HOTKEYWORD li.hover{background:url(images/header/HK_hover.png) 50% 7px no-repeat;color:#666;}
#HOTKEYWORD em{color:#ff0;font-style:normal;}
#HOTKEYWORD li.hover em{color:#666;}
#HOTKEYWORD li ul{position:absolute;left:0px;top:28px;background:#F26273;border:1px solid #c66;width:190px;padding:4px 0;display:none;}
#HOTKEYWORD li ul li{position:relative;float:none;height:22px;line-height:22px;color:#fff;text-align:left;background:url(images/header/HK_Wrapper.png) 149px -53px no-repeat;margin-left:4px;}
#HOTKEYWORD li ul li.hover{background:url(images/header/HK_Wrapper.png) -7px -86px no-repeat;color:#666;}
#HOTKEYWORD li ul li div{position:absolute;left:174px;top:0px;background:#F26273;border:1px solid #c66;width:230px;padding:4px 0;display:none;}
#HOTKEYWORD li ul li div a{color:#fff;display:block;height:22px;line-height:22px;padding-left:8px;margin-left:4px;text-decoration:none;}
#HOTKEYWORD li ul li div a:hover{background:url(images/header/HK_Wrapper.png) -7px -116px no-repeat;color:#666;}
#HOTKEYWORD li ul.no_out{left:auto;right:0;}
#HOTKEYWORD li ul.no_out div{left:-230px;}
#HOTKEYWORD .show{display:block;}

#payeasy_Header{width:903px;height:37px;overflow:hidden;}

/*index BLOG block*/
#BLOG{width:902px;margin:8px 0; font-size:16px; font-family:"新細明體",Arial;background:#FFF;}
#BLOG a:link{font-size:16px; }
#BLOG .left_column{width:611px;float:left;}

#BLOG .right_column{width:280px;float:right;border:1px solid #fc93d0;height:620px; overflow:hidden \9;text-align:center;}
#BLOG .right_column h2{background:#fc93d0 url(images/blog/bg_blog.png) 6px -37px no-repeat;color:#fff;font-size:18px;font-weight:700;padding-left:28px;height:34px;line-height:34px;line-height:38px \9;overflow:hidden \9;text-align:left;margin-bottom:12px;}
#BLOG .right_column .item_block{width:254px;margin:0 auto;text-align:left;margin-bottom:22px;}
#BLOG .right_column .item_block .aimg{display:block;margin-bottom:8px;height:94px;}
#BLOG .right_column .item_block h3 {margin-bottom:2px;}
#BLOG .right_column .item_block h3 a{color:#06f;text-decoration:none;font-weight:700;}
#BLOG .right_column .item_block a:hover{text-decoration: underline;}
#BLOG .right_column .item_block p{color:#666;line-height:1.5}

#BLOG .tab_block ul{height:28px;margin-top:4px;}
#BLOG .tab_block li{width:123px;float:left;font-size:12px;text-align:center;height:28px;line-height:28px;background:url(images/blog/bg_blog.png) 0 -4px no-repeat;margin:0 0 0 -1px;cursor:pointer;}
#BLOG .tab_block li.show{background-position:-126px 0;height:32px;margin-top:-4px;position:relative;color:#E63685;line-height:32px;}
#BLOG .tab_block div{display:none;border:1px solid #FEA8D9;border-top:0;padding:12px;color:#666;position:relative;}
#BLOG .tab_block div.show{display:block;}
#BLOG .tab_block h3{font-weight:700;color:#06f; }
#BLOG .tab_block p{line-height:1.3; }

#BLOG #writing div{height:336px;height:360px \9;overflow:hidden \9;margin-bottom:16px;}
#BLOG #writing img{float:left;margin-right:8px;}

#BLOG #writing em{display:block;margin-bottom:16px;}
#BLOG #writing p{margin-bottom:12px;}
#BLOG #writing .link{display:block;text-align:right;clear:both;border-top:1px dashed #666;padding-top:8px;position:absolute;left:12px;bottom:12px;width:586px}
#BLOG #writing .link a{color:#666;}
#BLOG #writing .link strong a{color:red;}
#BLOG #writing .link span{font-size:12px;position:absolute;left:0px;top:6px;}

#BLOG #magazine div{height:160px;height:184px \9;overflow:hidden \9;}
#BLOG #magazine .aimg{width:244px;height:160px;display:block;border:1px solid #ccc;padding:1px;float:left;margin-right:8px;}
#BLOG #magazine h3,
#BLOG #magazine strong,
#BLOG #magazine p{float:left;width:329px;margin-bottom:8px;}
#BLOG #magazine p{border-bottom:1px dashed #666;height:80px;margin-bottom:4px;margin-bottom:8px \9;overflow:hidden;}
#BLOG #magazine strong.detail{display:block;text-align:right;}
#BLOG #magazine strong.detail a{color:red;}

#table_top img{display:block;}