@charset "utf-8";
/* CSS Document */
html {scrollbar-base-color: #e8e6e6;scrollbar-3dlight-color: #e8e6e6;scrollbar-darkshadow-color: #e8e6e6;scrollbar-face-color: #BAB8B8;scrollbar-highlight-color: #e8e6e6;scrollbar-track-color: #e8e6e6; overflow-y:scroll;}
body { margin:0px; padding:0px; background:#ffffff; font-family:SimHei, Arial, Helvetica, sans-serif; font-size:12px;}
form { margin:0px; padding:0px;}
img {border: 0px none;}
/*img, div, a, input { behavior: url(iepngfix.php) }*/
img.pngfix { behavior: url(iepngfix.php) }
div.pngfix { behavior: url(iepngfix.php) }

a { text-decoration:none;}
a:hover { text-decoration:underline;}

.fullWidth { width:100%;}

.border01 { border:1px #cac6c6 solid; }
.border02 { border:1px #cfc1c1 solid; }
.border03 { border:1px #5a5757 solid; }
.txt999999_11 { color:#999999; font-size:11px;}
.txt000000_11 { color:#000000; font-size:11px;}
.txt000000_12 { color:#000000; font-size:12px; line-height:16px;}
a.txt000000_12:hover { color:#cccccc; font-size:12px; line-height:16px;}
.txt000000_13, .txt000000_13 a { font-size:13px; color:#000000; line-height:16px; text-decoration:none;}
.txt000000_13 a:hover { text-decoration:underline;}
.txt5a5b5b_12 { color:#5a5b5b; font-size:12px; line-height:16px;}
.txt878791_12 { color:#878791; font-size:12px; line-height:16px;}
.txta70808_12 { color:#a70808; font-size:12px; line-height:16px;}
.txt8e8a8a_12 { color:#8e8a8a; font-size:12px; line-height:16px;}
.txt0000ff_12 { font-size:12px; color:#0000ff; line-height:16px;}
a.txt0000ff_12:hover { font-size:12px; color:#cccccc; line-height:16px;}
.txtffffff_13, .txtffffff_13 a { font-size:13px; color:#ffffff; line-height:16px; text-decoration:none;}
.txtffffff_13 a:hover { text-decoration:underline;}
.txtffffff_15, .txtffffff_15 a { font-size:15px; color:#ffffff; line-height:16px; text-decoration:none;}
.txtffffff_15 a:hover { text-decoration:underline;}

.whiteline { height:1px; background:url(images/whiteline.jpg) repeat-x center; }

.inputfield01 { background:url(images/inputfield01.jpg) no-repeat; width:193px; height:31px;}
.inputfield01 input { width:180px; margin:0px 5px 0px 5px; border:0px none;}
.inputfield02 { background:url(images/inputfield02.jpg) no-repeat; width:302px; height:31px;}
.inputfield02 input { width:290px; margin:0px 5px 0px 5px; border:0px none;}
.inputfield03 { background:url(images/inputfield03.gif) no-repeat; width:180px; height:32px;}
.inputfield03 input { width:168px; margin:0px 5px 0px 5px; border:0px none;}
.inputfield04 { background:url(images/inputfield04.jpg) no-repeat; width:131px; height:31px;}
.inputfield04 input { width:118px; margin:0px 5px 0px 5px; border:0px none;}
.textarea01 { background:url(images/textarea01.jpg) no-repeat; width:359px; height:199px;}
.textarea01 textarea { width:350px; height:190px; margin:0px 5px 0px 5px; border:0px none;}

#overlayLogin{ position: absolute; top: 0; left: 0; z-index: 990; width: 100%; height: 100%; background-color: #000; opacity:0.5;-moz-opacity:0.5;-khtml-opacity: 0.5; filter:alpha(opacity=50);}
#overlayLoginContainer { position:absolute; top:0;left:0; width:100%; z-index:1000; text-align:left; line-height:100%;}
/* loginbox */
#loginBox{ width:294px; text-align:left; line-height:0;}
#block_login { margin-bottom:5px; width:294px; height:256px; font-family:MingLiU, Arial; background:url(images/loginbox.png) no-repeat; behavior: url(iepngfix.php);}
#block_login #block_login_content { margin:0px auto auto 3px; padding-top:5px; padding-bottom:15px; padding-left:5px; padding-right:5px; width:283px;}

#header01 { background:url(images/header01.jpg); width:967px; height:36px; margin:0px auto 0px auto;}
#header01 #txtLogin { position:absolute; margin:10px auto auto 20px; color:#ffffff; z-index:3;}
#header01 #txtLogin a { color:#ffffff;}
#header01 #searchArea { background:url(images/header_searchbg.jpg) no-repeat; width:144px; height:34px; position:absolute; margin:1px auto auto 750px; padding:0px; z-index:2;}
#header01 #searchArea .field01 { border:0px none; width:95px; height:16px; position:absolute; margin:9px auto auto 10px; background:#f8f8f8;}
#header01 #searchArea .submit { border:0px none; width:22px; height:18px; position:absolute; margin:9px auto auto 109px;}
#header01 #rightLink { position:absolute; margin:10px auto auto auto; width:947px; padding-right:20px; text-align:right; color:#ffffff; z-index:1;}
#header01 #rightLink a { color:#ffffff;}

#header02 { background:url(images/header02a.jpg) top repeat-y; width:967px; margin:0px auto 0px auto;}
#header02 #content { background:url(images/header02b.jpg) bottom no-repeat; height:143px;}
#header02 #content #logo{ position:absolute; margin:15px auto auto 40px;}
#header02 #content #banner{ position:absolute; margin:15px auto auto 210px; width:730px;}

#btnMenu { width:955px; height:34px; margin:10px auto 0px auto; padding-left:8px;}
#btnMenu #btnMenu_bg { position:absolute; margin:0px auto auto 20px; background:url(images/btnmenu_bg.jpg) repeat-x; width:900px; height:34px; z-index:1;}
#btnMenu #btnMenu_pro { position:absolute; margin:0px auto auto 0px; z-index:2;}
#btnMenu #btnMenu_unique { position:absolute; margin:0px auto auto 114px; z-index:2;}
#btnMenu #btnMenu_up { position:absolute; margin:0px auto auto 227px; z-index:2;}
#btnMenu #btnMenu_touch { position:absolute; margin:0px auto auto 340px; z-index:2;}
#btnMenu #btnMenu_fresh { position:absolute; margin:0px auto auto 453px; z-index:2;}
#btnMenu #btnMenu_know { position:absolute; margin:0px auto auto 566px; z-index:2;}
#btnMenu #btnMenu_home { position:absolute; margin:0px auto auto 835px; z-index:2;}
#btnMenu #btnMenu_calendar { position:absolute; margin:0px auto auto 881px; z-index:2;}

#mainBody { width:955px; margin:0px auto 0px auto; background:url(images/mainbody_bg_c.jpg) top repeat-y;}
#mainBody #mainContent { margin:0px 0px 0px 0px; background:url(images/mainbody_bg_t.jpg) top no-repeat; width:955px; min-height:25px;}
#mainBody #mainContent #mainContent_padding {width:935px; padding:10px;}
#mainBody #bottomBG { margin:0px auto auto 0px; background:url(images/mainbody_bg_b.jpg) bottom no-repeat; width:955px; height:31px;}
#mainBody #bottomBG #copyright { position:absolute; margin:5px auto auto 670px;}

#mainBlock_diy_content img{ border:1px solid #CCCCCC;height:55px;width:55px;  } /*Added by five*/

#mainContent_left { width:620px; float:left; padding-left:5px; font-family:PMingLiU, Arial;}
#mainContent_right { width:308px; float:right; overflow-x:hidden; font-family:PMingLiU, Arial;}

#routePath { margin:8px; font-size:12px; font-family:PMingLiU, Arial; height:18px;}
#routePath a { color:#1d5abe; text-decoration:none;}
#routePath a:hover { color:#999999; text-decoration:none;}

#page {margin:8px; font-size:12px; font-family:PMingLiU, Arial; }
#pageNav { float:right;}
#pageNav a { color:#1d5abe; text-decoration:none;}
#pageNav a:hover { color:#999999; text-decoration:none;}

/* main page */
#mainContent_left1 { width:240px; float:left;}
#mainBlock_hot { margin-bottom:5px;background:url(images/main_block_hot_c.jpg) top repeat-y; width:228px;}
#mainBlock_hot #mainBlock_hot_content { margin:0px auto auto 0px; background:url(images/main_block_hot_b.jpg) bottom no-repeat; padding:10px;}

#mainContent_left2 { width:380px; float:left; min-height:500px; height:auto !important; _height:500px;}
#mainBlock_diy { margin-bottom:5px;background:url(images/main_block_diy_c.jpg) top repeat-y; width:368px;}
#mainBlock_diy #mainBlock_diy_content { margin:0px auto auto 0px; background:url(images/main_block_diy_b.jpg) bottom no-repeat; padding:10px;}

#mainBlock_article { margin-bottom:5px;background:url(images/main_block_article_c.jpg) top repeat-y; width:370px;}
#mainBlock_article #mainBlock_article_content { margin:0px auto auto 0px; background:url(images/main_block_article_b.jpg) bottom no-repeat; padding-top:5px; padding-bottom:10px; padding-left:7px; padding-right:0px;}
#mainBlock_article #mainBlock_article_content img{border:1px solid #CCCCCC; height:55px; width:55px;} /*  Added by five  */
#mainBlock_article #mainBlock_article_content div { margin: 0px 5px 5px 0px;}

#mainBlock_touch { margin-bottom:5px;background:url(images/main_block_touch_c.jpg) top repeat-y; width:309px; float:left;}
#mainBlock_touch #mainBlock_touch_content { margin:0px auto auto 0px; background:url(images/main_block_touch_b.jpg) bottom no-repeat; padding:10px;}

#mainBlock_pet { margin-bottom:5px;background:url(images/main_block_pet_c.jpg) top repeat-y; width:294px; float:left;}
#mainBlock_pet #mainBlock_pet_content { margin:0px auto auto 0px; background:url(images/main_block_pet_b.jpg) bottom no-repeat; padding:10px;}

#mainBlock_unique { margin-bottom:5px;background:url(images/main_block_unique_c.jpg) top repeat-y; width:308px;}
#mainBlock_unique #mainBlock_unique_content { margin:0px auto auto 0px; background:url(images/main_block_unique_b.jpg) bottom no-repeat; padding:10px; padding-left:9px; padding-right:9px;}

#mainBlock_ad { margin-bottom:5px;}

#mainBlock_banner { margin-bottom:5px;background:url(images/main_block_banner_c.jpg) top repeat-y; width:307px;}
#mainBlock_banner #mainBlock_banner_content { margin:0px auto auto 0px; background:url(images/main_block_banner_b.jpg) bottom no-repeat; padding-bottom:10px; }
#mainBlock_banner #mainBlock_banner_content img { margin:2px 0px 3px 5px;}
#bannerVideo_RIGHT_2 {}

.colorBox_diy { height:10px; width:10px; line-height:10px; background:#8fc321; padding:0px; margin:0px; float:left; font-size:9px;}
.colorBox_article { height:10px; width:10px; line-height:10px; background:#e40481; padding:0px; margin:0px; float:left; font-size:9px;}
.colorBox_unique { height:10px; width:10px; line-height:10px; background:#fcbe00; padding:0px; margin:0px; float:left; font-size:9px;}
.colorBox_touch { height:10px; width:10px; line-height:10px; background:#242420; padding:0px; margin:0px; float:left; font-size:9px;}
.colorBox_pet { height:10px; width:10px; line-height:10px; background:#999995; padding:0px; margin:0px; float:left; font-size:9px;}

.mainHot_diy a {color:#333333; text-decoration:none;}
.mainHot_diy a:hover {color:#8fc321; text-decoration:none;}
.mainHot_article a {color:#333333; text-decoration:none;}
.mainHot_article a:hover {color:#e40481; text-decoration:none;}
.mainHot_unique a {color:#333333; text-decoration:none;}
.mainHot_unique a:hover {color:#fcbe00; text-decoration:none;}
.mainHot_touch a {color:#333333; text-decoration:none;}
.mainHot_touch a:hover {color:#242420; text-decoration:none;}
.mainHot_pet a {color:#333333; text-decoration:none;}
.mainHot_pet a:hover {color:#999995; text-decoration:none;}

/* professional */
.pro_listImg { width:60px; height:60px; float:left; padding-right:5px;}
.pro_listDate { font-size:13px; color:#737373; float:right;}
.pro_listTitle { font-size:13px; color:#1d5abe;}
.pro_listTitle a { font-size:13px; color:#1d5abe;}
.pro_listContent { font-size:13px; line-height:18px; color:#353131; margin-top:5px; min-height:40px; height:auto !important;}

.pro_listBreakLine { width:590px; height:0px; border-collapse:collapse; border-top:1px #717171 solid; margin:10px auto 10px auto; font-size:0px; line-height:0px; }

#pro_catsel { position:absolute; margin-left:500px; margin-bottom:8px;}
#pro_catsel select { font-size:12px; height:17px;}
#pro_list { margin-bottom:5px;background:url(images/pro_list_c.jpg) top repeat-y; width:606px; font-family:MingLiU, Arial;}
#pro_list #pro_list_content { margin:0px auto auto 0px; background:url(images/pro_list_b.jpg) bottom no-repeat; padding-top:5px; padding-bottom:15px; padding-left:8px; padding-right:8px;}

#pro_details_title { width:592px; height:36px; background:url(images/pro_details_titlebg.jpg); line-height:36px; color:#FFFFFF; font-weight:bold; font-size:24px; padding-left:10px;}
#pro_details_contentbox { font-size:13px; line-height:18px; padding:5px; width:590px; border:1px #e2e2e2 solid; border-top:0px none; min-height:245px; height:auto !important;}
#pro_details_video { float:left; margin-right:5px; margin-bottom:5px; width:290px; height:242px;}

#pro_details_video_t {background:url(images/pro_details_video_t.jpg); width:568px; height:26px; line-height:26px; padding-right:10px; text-align:right;}
#pro_details_video_l {float:left;}
#pro_details_video_c {float:left; background:url(images/pro_details_video_c.jpg); width:520px; height:111px; overflow:hidden; text-align:left; padding-top:10px; padding-left:10px;}
#pro_details_video_c .videoClip { float:left; width:116px; text-align:center; margin-right:13px;}
#pro_details_video_r {float:left;}
#pro_details_video_b {}

#pro_d_msg_t { background:url(images/pro_details_msg_t.jpg); width:603px; height:38px;}
#pro_d_msg_contentbox { padding:5px; width:591px; border:1px #e2e2e2 solid; border-top:0px none;}

.msgTable { border:1px solid #e2e2e2;}
.msgTable_odd { background:#aed0fb; height:60px;}
.msgTable_even { background:#e3fffc; height:60px;}
.msgTable_breakLine { height:1px; background:#e2e2e2;}

#block_morediy { margin-bottom:5px;background:url(images/pro_d_block_otherdiy_c.jpg) top repeat-y; width:308px;}
#block_morediy #block_morediy_content { margin:0px auto auto 0px; background:url(images/pro_d_block_otherdiy_b.jpg) bottom no-repeat; padding-top:5px; padding-bottom:15px; padding-left:6px; padding-right:3px;}
.moreDiy_odd { background:#7bbccb; height:70px;}
.moreDiy_odd a { color:#333333; }
.moreDiy_even { background:#c5ca75; height:70px;}
.moreDiy_even a { color:#333333; }
.moreDiy_breakLine { height:1px; font-size:1px;}

/* unique news */
#uniquenews_title { width:592px; height:36px; background:url(images/unique_title.jpg); line-height:36px; color:#FFFFFF; font-weight:bold; font-size:24px; padding-left:10px;}
#uniquenews_contentbox { font-size:13px; line-height:18px; padding:5px; width:590px; border:1px #e2e2e2 solid; border-top:0px none; min-height:245px; height:auto !important;}
#uniquenews_video { float:left; margin-right:5px; margin-bottom:5px; width:290px; height:242px;}
.uniquenews_title {font-weight:bold; font-size:24px;}

#uniquenews_content { width:592px; height:36px; background:url(images/unique_content_t.jpg); line-height:36px; color:#FFFFFF; font-weight:bold; font-size:24px; padding-left:10px;}
#uniquenews_content_contentbox { font-size:13px; line-height:18px; padding:5px; width:590px; border:1px #e2e2e2 solid; border-top:0px none; min-height:230px;; height:auto !important;}
#uniquenews_content_contentbox #imagesList { width:240px; float:right; padding-left:30px; padding-bottom:10px;}
#uniquenews_content_contentbox #imagesList div { width:68px; height:68px; float:left; margin:0px 5px 5px 0px;}



#block_moreunique { margin-bottom:5px;background:url(images/pro_d_block_otherdiy_c.jpg) top repeat-y; width:308px;}
#block_moreunique #block_moreunique_content { margin:0px auto auto 0px; background:url(images/pro_d_block_otherdiy_b.jpg) bottom no-repeat; padding-top:5px; padding-bottom:15px; padding-left:6px; padding-right:3px;}
.moreunique_odd { background:#d28a8a; height:70px;}
.moreunique_odd a { color:#333333; }
.moreunique_even { background:#dedcdc; height:70px;}
.moreunique_even a { color:#333333; }
.moreunique_breakLine { height:1px; font-size:1px;}

/* article */
#article_otherppl img{} /*Added by five */

.authorName { color:#000000; font-size:17px; letter-spacing:0px; font-family:"微軟正黑體", "新細明體" ; font-weight:bold;}
#article_list { margin-bottom:5px;background:url(images/article_new_c.jpg) top repeat-y; width:605px; font-family:MingLiU, Arial;}
#article_list #article_list_content { margin:0px auto auto 0px; background:url(images/article_new_b.jpg) bottom no-repeat; padding-top:5px; padding-bottom:15px; padding-left:5px; padding-right:5px;}
#article_list_msg {background:url(images/article_list_c.jpg); width:584px; padding:5px; min-height:65px;; height:auto !important;}
.article_list_title { font-size:16px; color:#e61689;}
.article_list_break { height:1px; font-size:1px; }

#article_photo { margin-bottom:5px;background:url(images/article_photo_c.jpg) top repeat-y; width:605px; font-family:MingLiU, Arial;}
#article_photo #article_photo_content { margin:0px auto auto 0px; background:url(images/article_photo_b.jpg) bottom no-repeat; padding-top:5px; padding-bottom:20px; padding-left:7px; padding-right:7px;}
#article_photo #article_photo_content img{ margin-right:1px; margin-bottom:1px; width:100px ; height:100px;} /*  changed by five  */

#article_old { margin-bottom:5px;background:url(images/article_otherppl_c.jpg) top repeat-y; width:308px; font-family:MingLiU, Arial;}
#article_old #article_old_content { margin:0px auto auto 0px; background:url(images/article_otherppl_b.jpg) bottom no-repeat; padding-top:5px; padding-bottom:15px; padding-left:6px; padding-right:3px;}
.oldarticle_odd { height:70px;}
.oldarticle_even { height:70px;}
.oldarticle_breakLine { height:1px; font-size:1px;}

#article_otherppl { margin-bottom:5px;background:url(images/article_otherppl_c.jpg) top repeat-y; width:308px; font-family:MingLiU, Arial;}
#article_otherppl #article_otherppl_content { margin:0px auto auto 0px; background:url(images/article_otherppl_b.jpg) bottom no-repeat; padding-top:5px; padding-bottom:20px; padding-left:10px; padding-right:6px;}
#article_otherppl #article_otherppl_content img{ margin-right:6px; margin-bottom:6px;}


#article_list_details { margin-left:180px; margin-bottom:5px;background:url(images/article_details_title_c.jpg) top repeat-y; width:423px; font-family:MingLiU, Arial;}
#article_list_details #article_list_details_content { margin:0px auto auto 0px; background:url(images/article_details_title_b.jpg) bottom no-repeat; padding-top:5px; padding-bottom:15px; padding-left:5px; padding-right:5px;}
#article_list_details_msg { font-size:13px; line-height:18px; background:url(images/article_details_content_c.jpg); width:401px; padding:5px; min-height:150px;; height:auto !important;}
#article_list_details_msg img {max-width:401px; height:auto;} /*added by five*/
.article_list_details_title { font-size:16px; color:#e61689;}
.article_list_details_break { height:1px; font-size:1px; }

#article_pplinfo {border:1px #ece5e5 solid; width:175px; float:left; margin-bottom:10px;} 
#article_pplinfo img {width:60px; height:60px;}  /*  Added by five  */

/* contact us */
#contactus_mainframe { margin-bottom:5px;background:url(images/contactus_frame_c.jpg) top repeat-y; width:602px; font-family:MingLiU, Arial;}
#contactus_mainframe #contactus_mainframe_content { margin:0px auto auto 0px; background:url(images/contactus_frame_b.jpg) bottom no-repeat; padding-top:3px; padding-bottom:15px; padding-left:10px; padding-right:10px;}
.contactus_mainframe_breakLine { background:#8b8686; height:1px; font-size:1px; margin-top:5px; margin-bottom:5px;}

/* activity */
#activity_list { margin-bottom:5px;background:url(images/activity_list_c.jpg) top repeat-y; width:605px; font-family:MingLiU, Arial;}
#activity_list #activity_list_content { margin:0px auto auto 0px; background:url(images/activity_list_b.jpg) bottom no-repeat; padding-top:5px; padding-bottom:15px; padding-left:5px; padding-right:5px;}

.moreactivity_odd { background:#ac88b1; height:70px;}
.moreactivity_odd a { color:#333333; }
.moreactivity_even { background:#e6d8e8; height:70px;}
.moreactivity_even a { color:#333333; }