@charset "UTF-8";
@import url("reset.css");
/* CSS Document */

/*==========================================================首頁=====================================================================================*/
#INDEX_HANDER { width:980px; height:100px; margin:0 auto; position:relative;}
#INDEX_LOGO h1 a { position:absolute; width:160px; height:100px; text-indent:-9999px; background-image:url(images/index/index_logo.gif);}

/*==========首頁變換圖片=========*/
#INDEX_PT { width:980px; height:440px; margin:0 auto; margin-top:15px; margin-bottom:15px;}

/*=========首頁下方按鈕=========*/
#INDEX_DOWN_MENU ul { width:980px; height:120px; margin:0 auto;}
#INDEX_DOWN_MENU li { float:left; text-indent:-9999px;}
#INDEX_DOWN_MENU li.NEW a { display:block; width:320px; height:120px; background-image:url(images/index/index_down_menu_01.jpg); margin-right:10px; outline:none;} 
#INDEX_DOWN_MENU li.TALK a { display:block; width:320px; height:120px; background-image:url(images/index/index_down_menu_02.jpg); margin-right:10px; outline:none;} 
#INDEX_DOWN_MENU li.SERVICE a { display:block; width:320px; height:120px; background-image:url(images/index/index_down_menu_03.jpg); outline:none;} 
#INDEX_DOWN_MENU li a:hover { background-position:left bottom;} 
/*=========首頁FOOTER=========*/
#INDEX_FOOTER { width:980px; height:110px; margin:0 auto; margin-top:29px; position:relative;}
#INDEX_FOOTER_CONTACT ul { width:350px; height:40px; position:absolute; top:17px; left:0;}
#INDEX_FOOTER_CONTACT li { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin-top:5px;}
#INDEX_FOOTER_CONTACT li a { color:#666666; text-decoration:none;}
#INDEX_FOOTER_CONTACT li a:hover { color:#333333; text-decoration:underline;}

#INDEX_FOOTER_MU ul { position:absolute; top:17px; right:0;}
#INDEX_FOOTER_MU li { float:left;}
#INDEX_FOOTER_MU li.MU01 a { display:block; width:85px; height:25px; background-image:url(images/footer_mu01.gif); outline:none; text-indent:-9999px;}
#INDEX_FOOTER_MU li.MU02 a { display:block; width:85px; height:25px; background-image:url(images/footer_mu02.gif); outline:none; text-indent:-9999px;}
#INDEX_FOOTER_MU li.MU03 a { display:block; width:98px; height:25px; background-image:url(images/footer_mu03.gif); outline:none; text-indent:-9999px;}
#INDEX_FOOTER_MU li.FOOTER_FB a { display:block; width:67px; height:25px;}

#INDEX_FOOTER_MU li a:hover { background-position:left bottom;}



/*===================================HANDER區========================================================================================*/
#WRAPPER { width:980px; margin:0 auto;}
#TOP_BG { width:100%; height:100px; background-image:url(images/top_bg.gif);}
#HANDER { width:980px; height:100px; margin:0 auto; position:relative;}
#LOGO h1 a { position:absolute; width:180px; height:100px; text-indent:-9999px; background-image:url(images/logo.gif); outline:none;}


#TOP_MENU ul { position:absolute; top:14px; right:0;}
#TOP_MENU li { float:left; text-indent:-9999px;}
#TOP_MENU li.HOME a { display:block; width:54px; height:20px; background-image:url(images/top_menu_home.gif); outline:none;}
#TOP_MENU li.MAP a { display:block; width:54px; height:20px; background-image:url(images/top_menu_map.gif); outline:none;}
#TOP_MENU li.MYBAG a { display:block; width:65px; height:20px; background-image:url(images/top_menu_mybag.gif); outline:none;}
#TOP_MENU li a:hover { background-position:left bottom;}

#MEIN_MENU ul { position:absolute; top:56px; right:0;}
#MEIN_MENU li { float:left; text-indent:-9999px;}
#MEIN_MENU li.MU01 a { display:block; width:122px; height:44px; background-image:url(images/top_menu_01.gif); outline:none;}
#MEIN_MENU li.MU02 a { display:block; width:94px; height:44px; background-image:url(images/top_menu_02.gif); outline:none;}
#MEIN_MENU li.MU03 a { display:block; width:90px; height:44px; background-image:url(images/top_menu_03.gif); outline:none;}
#MEIN_MENU li.MU04 a { display:block; width:90px; height:44px; background-image:url(images/top_menu_04.gif); outline:none;}
#MEIN_MENU li.MU05 a { display:block; width:90px; height:44px; background-image:url(images/top_menu_05.gif); outline:none;}
#MEIN_MENU li.MU06 a { display:block; width:112px; height:44px; background-image:url(images/top_menu_06.gif); outline:none;}
#MEIN_MENU li a:hover { background-position:left bottom;}


/*=================================關於奇莉雅========================================================================================*/
#ABOUT { width:938px; height:738px; padding:22px 20px 0 22px; background-color:#FFFFFF;}

/*====左邊版型====*/
#ABOUT_LEFT { float:left; width:206px; _height:1%; padding-right:20px; _display:inline;}
#ABOUT_MU { width:226px; height:100%; margin-bottom:15px;}
#ABOUT_MU ul { _display:inline-block;}
#ABOUT_MU li {}
#ABOUT_MU li a { display:block; width:177px; height:20px; background-image:url(images/side_menu_bg.gif); color:#696866; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding:6px 0 0 30px; outline:none;}
#ABOUT_MU li a:hover { background-position:left bottom; color:#FFFFFF;}

#ABOUT_LEFT .ABOUT_FB h3 a { display:block; width:226px; height:78px; background-image:url(images/follow_fb_icon.gif); text-indent:-9999px; outline:none;}
#ABOUT_LEFT .ABOUT_FB h3 a:hover { background-position:left bottom;}
/*=====企業沿革====*/
#ABOUT_COMPANY_RIGHT { float:right; width:692px; height:100%;}
#ABOUT_COMPANY_RIGHT h3 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
#ABOUT_COMPANY_RIGHT p { width:600px; height:580px; background-image:url(images/about/about_company_content.gif); text-indent:-9999px; margin:40px 0 90px 35px;}
/*=====MIT製造====*/
#ABOUT_MIT_RIGHT { float:right; width:692px; height:738px;}
#ABOUT_MIT_RIGHT h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px; text-transform:uppercase;}
#ABOUT_MIT_RIGHT h3 { width:650px; height:263px; background-image:url(images/about/about_mit_pt.jpg); margin:26px 21px 36px 21px; text-indent:-9999px; }
#ABOUT_MIT_RIGHT p { width:692px; height:278px; background-image:url(images/about/about_mit_content.gif); text-indent:-9999px;}
/*=====品牌故事====*/
#ABOUT_STORY_RIGHT { float:right; width:680px; height:696px; margin:2px 6px 0 5px;}
#ABOUT_STORY_RIGHT p { width:680px; height:640px; background-image:url(images/about/about_story_content.gif); text-indent:-9999px;}




/*===================================最新情報==================================================================================================*/
#NEWS { width:938px; height:100%; padding:22px 20px 0 22px; background-color:#FFFFFF; overflow:auto;}
/*====左邊版型====*/
#NEWS_LEFT { float:left; width:206px; _height:1%; padding-right:20px; _display:inline;}
#NEWS_MU { width:226px; height:100%; margin-bottom:15px;}
#NEWS_MU ul { _display:inline-block;}
#NEWS_MU li {}
#NEWS_MU li a { display:block; width:177px; height:20px; background-image:url(images/side_menu_bg.gif); color:#696866; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding:6px 0 0 30px; outline:none;}
#NEWS_MU li a:hover { background-position:left bottom; color:#FFFFFF;}

#NEWS_LEFT .NEWS_FB h3 a { display:block; width:226px; height:78px; background-image:url(images/follow_fb_icon.gif); text-indent:-9999px; margin-top:15px; outline:none;}
#NEWS_LEFT .NEWS_FB h3 a:hover { background-position:left bottom;}

/*====內頁====*/
#NEWS_INSIDE_RIGHT { float:right; width:692px; height:100%;}
#NEWS_INSIDE_RIGHT h3 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
#NEWS_INSIDE_RIGHT h2 { width:650px; height:60px; background-image:url(images/news/news_inside_within_title.gif); text-indent:-9999px; margin:60px 0 16px 12px;}
#NEWS_INSIDE_RIGHT img.NEW_PT { width:650px; height:450px; margin:0 0 30px 12px;}
#NEWS_INSIDE_RIGHT p { width:650px; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#696866; line-height:18px; margin:0 0 0 12px; text-align:justify;} 
#NEWS_INSIDE_RIGHT h4 { width:520px; height:280px; background-image:url(images/news/news_inside_content.gif); text-indent:-9999px; margin:36px 0 115px 12px;}

/*====最新消息====*/
#NEWS_LIST_RIGHT { float:right; width:692px; height:920px;}
#NEWS_LIST_RIGHT h2 { width:692px; height:217px;}
#NEWS_LIST_RIGHT h3 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:15px 0 3px 3px;}
/*=*/
#NEWS_LIST_RIGHT .NEWS_LIST_CONTENT { width:635px; _height:1%; margin:24px 0 0 27px; }
.p_NEWS_LIST_CONTENT_date { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#7f7e7b;}
.p_NEWS_LIST_CONTENT_content { font-family:Arial, Helvetica, sans-serif; font-size:13px; padding-left:5px;}
.p_NEWS_LIST_CONTENT_content a { text-decoration:none; color:#7f7e7b;}
.p_NEWS_LIST_CONTENT_content a:hover { color:#f49605;}

#NEWS_NEXT { width:692px; height:47px; margin:30px 0 50px;}
.p12_gray { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;}
.p12_gray a { color:#666666; text-decoration:none;}
.p12_gray a:hover { color:#f49605;}
.p12345_gray { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; letter-spacing:2px;}
.p12345_gray a { color:#666666; text-decoration:none;}
.p12345_gray a:hover { font-weight:bold; text-decoration:underline;}


/*====活動情報====*/ 
#NEWS_ACTIVITY_LIST_RIGHT { float:right; width:692px; height:100%;}
#NEWS_ACTIVITY_LIST_RIGHT h2 { width:692px; height:217px;}
#NEWS_ACTIVITY_LIST_RIGHT h3 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:15px 0 3px 3px;}
/*=*/
#NEWS_ACTIVITY_LIST_RIGHT .NEWS_LIST_CONTENT { width:635px; height:350px; margin:24px 0 0 27px;}


#NEWS_ACTIVITY_INSIDE_RIGHT { float:right; width:692px; height:100%;}
#NEWS_ACTIVITY_INSIDE_RIGHT h3 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
#NEWS_ACTIVITY_INSIDE_RIGHT h2 { width:650px; height:60px; background-image:url(images/news/news_inside_within_title.gif); text-indent:-9999px; margin:60px 0 16px 12px;}
#NEWS_ACTIVITY_INSIDE_RIGHT h4 { width:520px; height:280px; background-image:url(images/news/news_inside_content.gif); text-indent:-9999px; margin:36px 0 115px 12px;}
#NEWS_ACTIVITY_INSIDE_RIGHT p { width:650px; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#696866; line-height:18px; margin:0 0 0 12px; text-align:justify;} 
#NEWS_ACTIVITY_INSIDE_RIGHT img.NEW_PT { width:650px; height:450px; margin:0 0 30px 12px;}
/*====新品快訊====*/ 
#NEWS_PRODUCT_LIST_RIGHT { float:right; width:692px; height:100%;}
#NEWS_PRODUCT_LIST_RIGHT h2 { width:692px; height:217px;}
#NEWS_PRODUCT_LIST_RIGHT h3 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:15px 0 3px 3px;}
/*=*/
#NEWS_PRODUCT_LIST_RIGHT .NEWS_LIST_CONTENT { width:635px; height:350px; margin:24px 0 0 27px;}

#NEWS_PRODUCT_INSIDE_RIGHT { float:right; width:692px; height:100%;}
#NEWS_PRODUCT_INSIDE_RIGHT h3 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
#NEWS_PRODUCT_INSIDE_RIGHT h2 { width:650px; height:60px; background-image:url(images/news/news_inside_within_title.gif); text-indent:-9999px; margin:60px 0 16px 12px;}
#NEWS_PRODUCT_INSIDE_RIGHT h4 { width:520px; height:280px; background-image:url(images/news/news_inside_content.gif); text-indent:-9999px; margin:36px 0 115px 12px;}
#NEWS_PRODUCT_INSIDE_RIGHT p { width:650px; height:100%; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#696866; line-height:18px; margin:0 0 0 12px; text-align:justify;} 
#NEWS_PRODUCT_INSIDE_RIGHT img.NEW_PT { width:650px; height:450px; margin:0 0 30px 20px;}

/*=====================================產品=======================================================*/
#PRODUCTS { width:938px; height:100%; padding:22px 20px 0 22px; background-color:#FFFFFF; overflow:auto;}
/*====左邊版型====*/
#PRODUCTS_LEFT { float:left; width:206px; _height:1%; padding-right:20px; _display:inline;}
#PRODUCTS_MU { width:226px; height:100%; margin-bottom:15px;}
#PRODUCTS_MU ul { _display:inline-block;}
#PRODUCTS_MU li {}
#PRODUCTS_MU li a { display:block; width:177px; height:20px; background-image:url(images/side_menu_bg.gif); color:#696866; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding:6px 0 0 30px; outline:none;}
#PRODUCTS_MU li a:hover { background-position:left bottom; color:#FFFFFF;}

#PRODUCTS_LEFT .PRODUCTS_FB h3 a { display:block; width:226px; height:78px; background-image:url(images/follow_fb_icon.gif); text-indent:-9999px; margin-top:15px; outline:none;}
#PRODUCTS_LEFT .PRODUCTS_FB h3 a:hover { background-position:left bottom;}

/*====內頁====*/
#P2_RIGHT { float:right; width:680px; height:100%; overflow:auto;}
#P2_INFORMATION { width:680px; height:350px;}
#P2_INFORMATION .PT { float:left; width:300px; height:350px;}
#P2_INFORMATION .TOP_INFORMATION { float:right; width:330px; height:270px; margin:40px 15px 0 35px; _display:inline;}
#P2_INFORMATION .TOP_INFORMATION h2 { font-family:Arial, Helvetica, sans-serif; font-size:21px; color:#484848; letter-spacing:1px;}
#P2_INFORMATION .TOP_INFORMATION h3 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#d2b005; font-weight:normal; padding-top:8px;}
.p13_gray_P2 { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#999999;}
.p21_yellow_P2 { color:#f4cc04; font-family:Arial, Helvetica, sans-serif; font-size:21px; font-weight:bold;}

#P2_TITLE h3 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:27px 0 3px 3px;}
#P2_CONTENT { width:680px; height:100%; margin:15px 0 55px 0;}


/*====列表====*/
#P1_RIGHT { float:right; width:692px; height:1150px; margin-bottom:50px; _display:inline;}
#P1_RIGHT h2 { width:692px; height:217px;}
#P1_RIGHT h3 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:27px 0 3px 3px;}
/*=*/
#BOX { width:692px; _height:1%; overflow:auto; margin-bottom:50px;}
#BOX .P2_BOX { float:left; width:160px; height:220px; margin:30px 13px 0 0; _display:inline;}
#BOX .P2_BOX p { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; letter-spacing:1px;}
#BOX .P2_BOX p a { text-decoration:none; outline:none; color:#666666;}
#BOX .P2_BOX p a:hover { color:#e99802;}
#P1_RIGHT .P1_NEXT { width:692px; height:47px; margin:0 auto;}
/*===圖片邊框變色===*/
img.BORDER{border:#fff 5px solid;}
img.BORDER:hover{border:#f4d32c 5px solid;}




/*=================================連絡我們========================================================================================*/
#CONTACT { width:938px; height:100%; padding:22px 20px 0 22px; background-color:#FFFFFF; overflow:auto;}

/*====左邊版型====*/
#CONTACT_LEFT { float:left; width:206px; _height:1%; padding-right:20px; _display:inline;}
#CONTACT_MU { width:226px; height:100%; margin-bottom:15px;}
#CONTACT_MU ul { _display:inline-block;}
#CONTACT_MU li {}
#CONTACT_MU li a { display:block; width:177px; height:20px; background-image:url(images/side_menu_bg.gif); color:#696866; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding:6px 0 0 30px; outline:none;}
#CONTACT_MU li a:hover { background-position:left bottom; color:#FFFFFF;}

#CONTACT_LEFT .CONTACT_FB h3 a { display:block; width:226px; height:78px; background-image:url(images/follow_fb_icon.gif); text-indent:-9999px; outline:none;}
#CONTACT_LEFT .CONTACT_FB h3 a:hover { background-position:left bottom;}
/*=====顧客服務====*/
#CONTACT_CLIENT_RIGHT { float:right; width:692px; height:660px;}
#CONTACT_CLIENT_RIGHT h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}

#CONTACT_CLIENT_RIGHT .CLIENT_CONTENT { width:540px; height:360px; margin:70px 0 0 55px;}
#CONTACT_CLIENT_RIGHT .CLIENT_CONTENT h4 { width:540px; height:45px; background-image:url(images/contact/contact_client_title.gif); text-indent:-9999px; margin-bottom:27px;}

.p12_gray_CLIENT { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; letter-spacing:3px; padding:5px 0 5px 11px;}
.p12_gray_CLIENT02 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; letter-spacing:3px; padding:0 0 5px 11px;}
.p12_gray_CLIENT03 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; letter-spacing:3px; padding-right:5px;}

.FORM_FIELDS {
	border: 1px solid #CAC9C4;
	height: 15px;
	font-size: 12px;}
	
.CONTENT {
border: 1px solid #CAC9C4;}

/*=====合作提案====*/
#CONTACT_PARTNER_RIGHT { float:right; width:692px; height:660px;}
#CONTACT_PARTNER_RIGHT h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
#CONTACT_PARTNER_RIGHT p a { display:block; width:590px; height:430px; background-image:url(images/contact/contact_partner_content.gif); text-indent:-9999px; margin:47px 0 0 36px; outline:none;}
/*=====人才招募====*/
/*=*/
#CONTACT_PERSONNEL_RIGHT { float:right; width:692px; height:870px;}
#CONTACT_PERSONNEL_RIGHT h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
#CONTACT_PERSONNEL_RIGHT h4 { width:315px; height:30px; background-image:url(images/contact/contact_personnel_title.gif); text-indent:-9999px; margin:0 0 40px 22px;}

#CONTACT_PERSONNEL_RIGHT .PERSONNEL_BOX { width:668px; _height:1%; margin-left:22px}
#CONTACT_PERSONNEL_RIGHT .PERSONNEL_BOX h5 { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#bfc102; letter-spacing:1px; padding-bottom:15px;}
.p12_gray_PERSONNEL { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; padding:6px 0 6px;}
.p12_gray_PERSONNEL_02 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999999; padding:6px 0 6px 3px;}

#CONTACT_PERSONNEL_RIGHT .PERSONNEL_LINE { width:692px; height:1px; background-image:url(images/contact/contact_dotted_ine.gif); margin:23px 0  30px;}

#CONTACT_PERSONNEL_RIGHT .PERSONNEL_NEXT { width:692px; height:47px; margin:60px 0 50px;}



/*=================================試用分享========================================================================================*/
#SHARE { width:938px; height:100%; padding:22px 20px 0 22px; background-color:#FFFFFF; overflow:auto;}

/*====左邊版型====*/
#SHARE_LEFT { float:left; width:206px; _height:1%; padding-right:20px; _display:inline;}
#SHARE_MU { width:226px; height:100%; margin-bottom:15px;}
#SHARE_MU ul { _display:inline-block;}
#SHARE_MU li {}
#SHARE_MU li a { display:block; width:177px; height:20px; background-image:url(images/side_menu_bg.gif); color:#696866; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding:6px 0 0 30px; outline:none;}
#SHARE_MU li a:hover { background-position:left bottom; color:#FFFFFF;}

#SHARE_LEFT .SHARE_FB h3 a { display:block; width:226px; height:78px; background-image:url(images/follow_fb_icon.gif); text-indent:-9999px; outline:none;}
#SHARE_LEFT .SHARE_FB h3 a:hover { background-position:left bottom;}

/*=====部落客分享====*/
#SHARE_BLOGGER_RIGHT { float:right; width:692px; height:970px;}
#SHARE_BLOGGER_RIGHT h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
/*=*/
#BLOGGER_CONTENT { width:648px; _height:1%; margin-left:20px;}
#BLOGGER_CONTENT h3 { width:500px; height:48px; background-image:url(images/share/share_blogger_title.gif); text-indent:-9999px; }

/*=橘色方塊=*/
#BLOGGER_CONTENT .BOX_RANGE { width:648px; height:172px; background-image:url(images/share/share_blogger_bg_orange.gif); position:relative; margin-top:12px;}
#BLOGGER_CONTENT .BOX_RANGE p.B01 { position:absolute; top:18px; left:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#817f7c; letter-spacing:1px;}
#BLOGGER_CONTENT .BOX_RANGE h4 { position:absolute; top:38px; left:30px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#f49503; letter-spacing:1px;}
#BLOGGER_CONTENT .BOX_RANGE p.B02 { position:absolute; top:75px; left:30px; width:417px; height:55px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#817f7c; line-height:18px;}
#BLOGGER_CONTENT .BOX_RANGE p.B03 { position:absolute; top:142px; left:30px; }
#BLOGGER_CONTENT .BOX_RANGE p.B03  a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f5aa37; text-decoration:none;}
#BLOGGER_CONTENT .BOX_RANGE p.B03  a:hover { text-decoration:underline;}
#BLOGGER_CONTENT .BOX_RANGE img { position:absolute; top:25px; right:25px;}

/*=黃色方塊=*/
#BLOGGER_CONTENT .BOX_YELLOW { width:648px; height:172px; background-image:url(images/share/share_blogger_bg_yellow_01.gif); position:relative; margin-top:12px;}
#BLOGGER_CONTENT .BOX_YELLOW p.B01 { position:absolute; top:18px; left:30px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#817f7c; letter-spacing:1px;}
#BLOGGER_CONTENT .BOX_YELLOW h4 { position:absolute; top:38px; left:30px; font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#f49503; letter-spacing:1px;}
#BLOGGER_CONTENT .BOX_YELLOW p.B02 { position:absolute; top:75px; left:30px; width:417px; height:55px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#817f7c; line-height:18px;}
#BLOGGER_CONTENT .BOX_YELLOW p.B03 { position:absolute; top:142px; left:30px; }
#BLOGGER_CONTENT .BOX_YELLOW p.B03  a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#f5aa37; text-decoration:none;}
#BLOGGER_CONTENT .BOX_YELLOW p.B03  a:hover { text-decoration:underline;}
#BLOGGER_CONTENT .BOX_YELLOW img { position:absolute; top:25px; right:25px;}

#SHART_NEXT { width:692px; height:47px; margin:40px 0 50px;}



/*=====網友試用====*/
#SHARE_USER_RIGHT { float:right; width:692px; height:100%;}
#SHARE_USER_RIGHT h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}

#USER_CONTENT { width:648px; height:100%; margin-left:20px;}
#USER_CONTENT h3 { width:500px; height:48px; background-image:url(images/share/share_user_title.gif); text-indent:-9999px; margin-bottom:46px;}

#USER_CONTENT .USER_BOX { width:633px; height:100%; margin-bottom:50px;}
#USER_CONTENT .USER_BOX h4 { width:625px; height:21px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#f3970a; letter-spacing:2px; background-image:url(images/share/share_user_title_bg.gif); padding:5px 0 0 8px;}

#USER_CONTENT .USER_BOX ul {}
#USER_CONTENT .USER_BOX li { float:left;}
#USER_CONTENT .USER_BOX ul  li.name { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#b1b401; letter-spacing:1px; padding:10px 0 0 10px;}
#USER_CONTENT .USER_BOX ul li.date { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#696866; padding:10px 0 0 10px;}

#USER_CONTENT .USER_BOX p.U_CONTENT { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#999794; line-height:18px; padding:25px 2px 0 10px; text-align:justify;}

#SHARE_NEXT { width:692px; height:47px; margin:30px 0 50px;}

/*====我要投稿====*/
#SHARE_SUBMIT_RIGHT { float:right; width:692px; height:660px;}
#SHARE_SUBMIT_RIGHT h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}

#SHARE_SUBMIT_RIGHT .SUBMIT_CONTENT { width:540px; height:360px; margin:85px 0 0 65px;}
#SHARE_SUBMIT_RIGHT .SUBMIT_CONTENT h4 { width:460px; height:45px; background-image:url(images/share/share_submit_title.gif); text-indent:-9999px; margin-bottom:27px;}


/*=================================網站地圖========================================================================================*/
#MAP { width:938px; height:100%; padding:22px 20px 0 22px; background-color:#FFFFFF; overflow:auto;}
#MAP h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}

#MAP_CONTENT { width:900px; height:620px; margin:25px 0 0 20px;}
#MAP_LEFT { float:left; width:425px; height:100%;}
#MAP_RIGHT { float:right; width:425px; height:100%; margin-left:50px; _display:inline;;}

#MAP_CONTENT .MAP_BOX { width:425px; _height:1%; margin-bottom:30px;} 
#MAP_CONTENT .MAP_BOX ul { margin:20px 0 0 35px;}
#MAP_CONTENT .MAP_BOX li { list-style-image:url(images/map/map_arrow.gif); font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666664; line-height:25px;}
#MAP_CONTENT .MAP_BOX li a { color:#666664; text-decoration:none;}
#MAP_CONTENT .MAP_BOX li a:hover { color:#f69a00;}


/*=================================購買方式========================================================================================*/
#ORDER { width:938px; height:100%; padding:22px 20px 0 22px; background-color:#FFFFFF; overflow:auto;}

/*====左邊版型====*/
#ORDER_LEFT { float:left; width:206px; _height:1%; padding-right:20px; _display:inline;}
#ORDER_MU { width:226px; height:100%; margin-bottom:15px;}
#ORDER_MU ul { _display:inline-block;}
#ORDER_MU li {}
#ORDER_MU li a { display:block; width:177px; height:20px; background-image:url(images/side_menu_bg.gif); color:#696866; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-decoration:none; padding:6px 0 0 30px; outline:none;}
#ORDER_MU li a:hover { background-position:left bottom; color:#FFFFFF;}

#ORDER_LEFT .ORDER_FB h3 a { display:block; width:226px; height:78px; background-image:url(images/follow_fb_icon.gif); text-indent:-9999px; outline:none;}
#ORDER_LEFT .ORDER_FB h3 a:hover { background-position:left bottom;}
/*=====實體店面====*/
#ORDER_STORE_RIGHT { float:right; width:692px; height:100%;}
#ORDER_STORE_RIGHT h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}

/*=*/
#ORDER_STORE_CONTENT { width:692px; height:850px; margin-top:30px;}
#ORDER_STORE_CONTENT img.STORE_LINE { margin:30px 0 30px;}

#ORDER_STORE_CONTENT .STORE_BOX { width:632px; height:182px; position:relative; margin-left:60px;}
#ORDER_STORE_CONTENT .STORE_BOX img { position:absolute; top:0; left:0;}
#ORDER_STORE_CONTENT .STORE_BOX h4 { position:absolute; top:5px; left:212px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#d7b50a; letter-spacing:1px;}
#ORDER_STORE_CONTENT .STORE_BOX ul.STORE_BOX_01 { position:absolute; top:54px; left:212px; color:#696866; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:24px;}
#ORDER_STORE_CONTENT .STORE_BOX li.STORE_BOX_01 {}

#ORDER_STORE_CONTENT .STORE_BOX ul.STORE_BOX_02 { position:absolute; top:54px; left:285px; color:#696866; font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:24px;}
#ORDER_STORE_CONTENT .STORE_BOX p { position:absolute; bottom:2px; left:212px; }
#ORDER_STORE_CONTENT .STORE_BOX p a { color:#696866; font-size:12px; font-family:Arial, Helvetica, sans-serif; text-decoration:none;}
#ORDER_STORE_CONTENT .STORE_BOX p a:hover { color:#d7b50a;}

#ORDER_NEXT { width:692px; height:47px; margin:30px 0 50px;}



/*=====網購通路====*/
#ORDER_ONLINE_RIGHT { float:right; width:692px; height:700px; _display:inline;}
#ORDER_ONLINE_RIGHT h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
/*=*/
#ORDER_BOX { width:692px; _height:1%; overflow:auto;}
#ORDER_BOX .ORDER_ONLINE_BOX { float:left; width:140px; height:180px; margin:35px 0 0 17px;  _display:inline;} 
#ORDER_BOX .ORDER_ONLINE_BOX ul {}
#ORDER_BOX .ORDER_ONLINE_BOX li.OB_01 { display:block; width:140px; height:140px; background-image:url(images/order/order_online_box.gif);}
#ORDER_BOX .ORDER_ONLINE_BOX li.OB_01 .OB_01_PT { display:block; width:100px; height:100px; padding:10px 10px 10px 10px;}
#ORDER_BOX .ORDER_ONLINE_BOX li.OB_02 { font-family:Arial, Helvetica, sans-serif; font-size:13px; letter-spacing:1px; padding-top:10px;}
#ORDER_BOX .ORDER_ONLINE_BOX li.OB_02 a { text-decoration:none; outline:none; color:#696866;} 
#ORDER_BOX .ORDER_ONLINE_BOX li.OB_02 a:hover { color:#e99802;}
#ORDER_NEXT { width:692px; height:47px; margin:60px 0 50px;}





/*=====團購諮詢====*/
#ORDER_GROUP_RIGHT { float:right; width:692px; height:100%; margin-bottom:160px;}
#ORDER_GROUP_RIGHT h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
#ORDER_GROUP_RIGHT .GROUP_CONTENT { width:680px; height:100%;}
#ORDER_GROUP_RIGHT .GROUP_CONTENT h6 { width:560px; height:78px; background-image:url(images/order/order_group_title.gif); text-indent:-9999px; margin:45px 0 0 27px;}
#ORDER_GROUP_RIGHT .GROUP_CONTENT p { width:615px; height:485px; background-image:url(images/order/order_group_content.gif); text-indent:-9999px; margin:60px 0 0 27px;}
#ORDER_GROUP_RIGHT .GROUP_CONTENT img { margin-left:27px;}


/*=================================我的購物袋========================================================================================*/
/*======我的購物袋01======*/
#MYBAG_01 { width:938px; height:100%; padding:22px 20px 100px 22px; background-color:#FFFFFF; overflow:auto;}
#MYBAG_01 h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
#MYBAG_01 h3 { width:457px; height:48px; background-image:url(images/mybag/mybag1_process.gif); text-indent:-9999px; margin:33px 18px 30px 455px;}
#MYBAG_01 ul { margin:30px 0 0 637px;}
#MYBAG_01 li { float:left;}
#MYBAG_01 li.MYBAG1_01 a { display:block; width:132px; height:38px; margin-right:12px; background-image:url(images/mybag/mybag1_continue_icon.gif); text-indent:-9999px; outline:none;}
#MYBAG_01 li.MYBAG1_02 a { display:block; width:132px; height:38px; background-image:url(images/mybag/mybag1_confirm_icon.gif); outline:none; text-indent:-9999px;}
#MYBAG_01 li a:hover { background-position:left bottom;}

.p13_orange_mrbag { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ec9a04; letter-spacing:1px;}
.p12_gray_mybag { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666; line-height:20px;}


/*======我的購物袋02======*/
#MYBAG_02 { width:938px; height:100%; padding:22px 20px 100px 22px; background-color:#FFFFFF; overflow:auto;}
#MYBAG_02 h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
#MYBAG_02 h3 { width:457px; height:48px; background-image:url(images/mybag/mybag2_process.gif); text-indent:-9999px; margin:33px 18px 30px 455px;}
#MYBAG_02 ul { margin:30px 0 0 637px;}
#MYBAG_02 li { float:left;}
#MYBAG_02 li.MYBAG2_01 a { display:block; width:132px; height:38px; margin-right:12px; background-image:url(images/mybag/mybag2_icon_01.gif); text-indent:-9999px; outline:none;}
#MYBAG_02 li.MYBAG2_02 a { display:block; width:132px; height:38px; background-image:url(images/mybag/mybag2_icon_02.gif); outline:none; text-indent:-9999px;}
#MYBAG_02 li a:hover { background-position:left bottom;}


.p13_orange_mrbag { font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#ec9a04; letter-spacing:1px;}
.p12_gray_mybag02 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  letter-spacing:2px; padding:10px 0 10px 40px;}
.p12_gray_mybag022 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  letter-spacing:2px; padding:10px 0 10px;}
.p12_gray_mybag0222 { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666666;  letter-spacing:2px; padding:10px 0 10px 5px;}

/*======我的購物袋03======*/
#MYBAG_03 { width:938px; height:100%; padding:22px 20px 150px 22px; background-color:#FFFFFF; overflow:auto;}
#MYBAG_03 h2 { font-family:Arial, Helvetica, sans-serif; color:#eda82a; font-size:16px; letter-spacing:1px; padding:2px 0 3px 3px;}
#MYBAG_03 h3 { width:457px; height:48px; background-image:url(images/mybag/mybag3_process.gif); text-indent:-9999px; margin:33px 18px 30px 455px;}
#MYBAG_03 p { width:725px; height:350px; background-image:url(images/mybag/mybag3_content.gif); text-indent:-9999px; margin:75px 120px 0 135px;}






/*==================================FOOTER=====================================================================================*/
#DOWN_BG { width:100%; height:100%; background-image:url(images/down_bg.gif); overflow:auto;}
#FOOTER { width:980px; height:110px; margin:0 auto; position:relative;}
#FOOTER_CONTACT ul { width:350px; height:40px; position:absolute; top:17px; left:0;}
#FOOTER_CONTACT li { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; margin-top:5px;}
#FOOTER_CONTACT li a { color:#666666; text-decoration:none;}
#FOOTER_CONTACT li a:hover { color:#333333; text-decoration:underline;}

#FOOTER_MU ul { position:absolute; top:17px; right:0;}
#FOOTER_MU li { float:left;}
#FOOTER_MU li.MU01 a { display:block; width:85px; height:25px; background-image:url(images/footer_mu01.gif); outline:none; text-indent:-9999px;}
#FOOTER_MU li.MU02 a { display:block; width:85px; height:25px; background-image:url(images/footer_mu02.gif); outline:none; text-indent:-9999px;}
#FOOTER_MU li.MU03 a { display:block; width:98px; height:25px; background-image:url(images/footer_mu03.gif); outline:none; text-indent:-9999px;}
#FOOTER_MU li.FOOTER_FB a { display:block; width:67px; height:25px;}

#FOOTER_MU li a:hover { background-position:left bottom;}