@charset "utf-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tbody, tfoot, thead, tr, th {margin: 0; padding: 0; border: 0; outline: 0; /*vertical-align: baseline; background: transparent;*/ font-size:12px; font-weight:normal; line-height:1.5em;}

/*div{overflow:auto;}*/
ol, ul {list-style: none;}
hr,.br{clear:both;}

blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
:focus {outline: 0;}
 
ins {text-decoration: none;}
del {text-decoration: line-through;}

body { color:#666;}
a { text-decoration:none; color:#666;}
a:hover { text-decoration: underline; color:#e460a7;}
.color { color:#b00576;}
select{}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

#warp { margin:0 auto; width:1000px; position:relative;}
#header { width:1000px; /*height:170px;*/ margin-bottom:10px; clear:both; float:left; overflow:hidden;}
#header .part1 { height:75px; clear:both; background:url(../images/headerBg.gif) no-repeat; padding:14px 30px 0 0;}
#header .part1 .logo { width:380px; float:left;}
#header .part1 .searchBox { width:280px; float:left; padding-top:15px;}
#header .part1 .searchBox .ser { height:20px; width:200px; background:url(../images/serBar_bg.gif) no-repeat; float:left; margin-right:10px; overflow:hidden;}
#header .part1 .searchBox .ser input { border: 0px solid #fff; height:15px; margin:1px 0 0 10px; width:150px; color:#999;}
#header .part1 .searchBox .hotkeyword { clear:both; margin-top:10px; height:20px; width:280px; overflow:hidden;}
#header .part1 .Tbanner { width:230px; height:60px; float:left; background:url(../images/Tbanner_bg.gif) no-repeat; padding:5px 5px 10px 5px;}
#header .MainMenu { height:48px; clear:both;}
#header .MainMenu a{ display:block;}
#header .MainMenu li { float:left; width:97px; display:block;}
#header .MainMenu li.first { float:left; width:61px;}
#header .MainMenu li.last { float:left; width:104px;}
#header .menu_bm { background:url(../images/menu_bm.gif) no-repeat top left; height:7px;}

#header .hotview { height:33px; width:1000px; clear:both; background:url(../images/menuBar.gif) no-repeat; color:#fff; font-weight:bold; overflow:hidden;}
#header .hotview li { display:block; float:left; margin-right:30px; padding-top:5px; }
#header .hotview li.last {margin-right:0px;}
#header .hotview li a {display:block; vertical-align:top; text-decoration:none;}

#footer {width:930px; clear:both; float:left; text-align:center; color:#999; margin-bottom:20px;}
.icons { float:right; width:125px;}
.links { margin-bottom:15px; padding-left:80px;}
.links a { margin:0 10px; color:#999;}

.topTools { background:#ebebeb; height:20px; clear:both; margin-bottom:10px;}
.topTools img { vertical-align:top;}
.topTools a img { vertical-align:top; margin:1px 0 0 3px;}
.topTools .tools {margin:0 auto; width:1000px; text-align:right; height:20px; overflow:hidden;}
.topTools .tools .Num { color:#FF0000; background:url(../images/sc_nR.gif) right no-repeat; display:inline-block; height:18px; padding-right:10px; padding-top:1px;}
.boxMain { width:930px; clear:both; float:left;}
.box170 { width:170px; float:left; /*overflow:hidden;*/}
.box750 { width:750px; float:left; /*overflow:hidden;*/}
.box540 { width:540px; float:left; overflow:hidden;}
.box200 { width:200px; float:left; overflow:hidden;}
.box300 { width:300px; float:left; overflow:hidden;}
.box320 { width:320px; float:left; overflow:hidden;}
.box400 { width:400px; float:left; overflow:hidden;}
.box425 { width:425px; float:left; overflow:hidden;}
.ufo {/*float:right;*/ width:60px; background:url(../images/quick_bg.gif); position: absolute; top:1px; right:0;}
.ufo .lv1 { background:url(../images/quick1.gif); /*height:65px;*/ padding-top:113px; text-align:center; line-height:15px;}
.ufo .lv2 ul { padding:5px;}
.ufo .lv2 li { margin-bottom:5px; text-align:center;}
.ufo .lv2 li img {border:1px solid #d2d1d1;}
.ufo .Num { font-size:18px; font-weight:bold; color:#ff6600; line-height:18px;}
.ufo .price { color:#FF0000; display:block; line-height:15px;}
.ufo .btn{ padding:5px 0;}

.route{ margin:0 0 10px 0;}
.route .on{ color:#d51c97;}
.route a:hover{ text-decoration:none;}

.imp{ color:#FF0000;}
.boder_none td{ border:none;}


/*區塊標題統一設定
.top{}
.top .title{ color:#9d004b; font-weight:bold; font-size:15px; margin:5px 0 0 10px; float:left; display:block;}
.top .title_en{ color:#666; font-weight:bold; margin:7px 5px 0 5px; float:left; display:block;}*/

/*標題統一設定*/
h2{ font-size:13px; font-weight:bold; color:#ca0569; background: url(../images/icon_title.gif) no-repeat left 3px; clear:both; padding:0 0 0 10px; margin:25px 0 10px 0;}
h3{ font-size:13px; font-weight:bold; color:#666; clear:both; margin:0 0 10px 0;}
h2 .title_imp{ float:right; color:#666666;}
h2 .title_slt{ color:#000; margin:0 0 0 10px;}

/*側選單*/
.sideMenu {width:170px; clear:both; background:url(../images/sidemenu_f.gif) bottom no-repeat; text-align:center; padding-bottom:40px; /*overflow:hidden;*/}
.sideMenu .top { height:30px; clear:both; background:url(../images/sidemenu_t.gif) left top no-repeat;overflow:hidden;}
.sideMenu img { vertical-align:top;}
.sideMenu li { height:24px; clear:both; background:url(../images/sidemenu_l.gif) center bottom no-repeat; padding-top:7px; display: block; position:relative;}
.sideMenu li.last {background:none;}
.sideMenu .on {/*background:url(../images/sideMenu_on.png) no-repeat; height:34px; margin-bottom:-10px; color:#fff; font-weight:bold; padding-top:10px; position: absolute; top:-10px;*/}
.sideMenu .on a {background:url(../images/sideMenu_on.png) no-repeat; height:34px; color:#fff; font-weight:bold; padding-top:10px; position: absolute; top:-7px; left:-1px; display:block; width:170px;}
.sideMenu .on a:hover{color:#fff;}
.sideMenu li a { color:#b30078; text-decoration:none;}
.sideMenu_page li a:hover{ color:#e24d97; text-decoration:none;}
.s_nav {position:absolute; top:-8px; left:142px; width:170px; z-index:100;}
.s_nav .s_top{ background:url(../images/s_nav_top.png) no-repeat bottom left; height:15px; line-height:1px !important;}
.s_nav .center{ background:url(../images/s_nav_bg.png) no-repeat top left; clear:both;}
.s_nav .s_bm{ background:url(../images/s_nav_bm.png) no-repeat top left; height:15px; line-height:1px !important;}
.s_nav .center li{ margin:0 13px 0 17px; padding:0; border-bottom:1px #FFFFFF solid; text-align:center;}
.s_nav .center li a{ color:#666666; text-decoration:none; background:url(../images/s_nav_list_bg.png) no-repeat top left; height:23px; display:block; padding:2px 0 0 0; font-weight:normal; width:auto; position:static !important;}
.s_nav .center li a:link{ color:#666666; text-decoration:none;}
.s_nav .center li a:visited{ color:#666666; text-decoration:none;}
.s_nav .center li a:hover{ color:#666666; text-decoration:none; background-image:none; background-color:#ffb1b1; color:#FFFFFF; font-weight:bold;}
.page_sec{ height:auto !important;}
.s_nav_page{ margin:30px 20px 0 !important;}
.s_nav_page ul {width:128px; border-left:1px #CCCCCC solid; border-right:1px #CCCCCC solid; height:none; background-color:#FFFFFF;}
.s_nav_page ul li{ border-bottom:1px #CCCCCC solid; background:none; color:#666666; padding:0; height:24px; left:0;}
.s_nav_page ul li a{color:#666666 !important; font-weight:normal !important; display:block; height:21px; padding:3px 0 0 0; background:none !important; width:128px !important; left:0  !important;}
.s_nav_page ul li a:link{ color:#666666; text-decoration:none;}
.s_nav_page ul li a:visited{ color:#666666; text-decoration:none;}
.s_nav_page ul li a:hover{ color:#e24d97; text-decoration:none; background-image:none; background-color:#ffece7 !important; height:21px; display:block; width:128px; padding:3px 0 0 0; top:0; left:0  !important;}
.s_nav_page ul .st a{height:24px; padding:10px 0 0 0;}
.s_nav_page ul .st a:hover{ background:#ffece7 url(../images/page_s_top_on.gif) no-repeat top left !important; position:absolute; top:-4px; left:0; display:block; width:128px; height:21px; padding:7px 0 0 0;}
.s_nav_page ul .sm a{ padding:3px 0 0 0; top:0;}
.s_nav_page ul .sm a:hover{ background:#ffece7 url(../images/page_s_bm_on.gif) no-repeat bottom left !important; position:absolute; left:0; bottom:-4px; display:block; width:128px; height:25px; padding:3px 0 0 0;}
.s_nav_page ul .on{ /*background:none; padding:0; margin-bottom:0; height:24px;*/}
.s_nav_page ul .on a{ color:#e24d97 !important; text-decoration:none; background-image:none; background-color:#ffece7 !important; height:21px; display:block; width:128px; padding:3px 0 0 0; top:0;}
.s_nav_page ul .st_on a{ background:#ffece7 url(../images/page_s_top_on.gif) no-repeat top left !important; position:absolute; top:-4px; left:0; display:block; width:128px; height:21px; padding:7px 0 0 0; color:#e24d97 !important;}
.s_nav_page ul .sm_on a{ background:#ffece7 url(../images/page_s_bm_on.gif) no-repeat bottom left !important; position:absolute; left:0; bottom:-4px; display:block; width:128px; height:25px; padding:3px 0 0 0; color:#e24d97 !important;}
.s_nav_page .s_top{ background:url(../images/page_s_top.gif) no-repeat top left; height:4px;}
.s_nav_page .s_bm{ background:url(../images/page_s_bm.gif) no-repeat top left; height:4px;}
.s_nav_page .boder_none{ border:none;}

/*側欄 banner*/
.sideBanner { width:150px; border:1px solid #d2d1d1; padding:9px;}
.eventBox { width:168px; border:1px solid #d2d1d1; overflow:hidden;}
.eventBox .top {}
.eventBox .event { height:19px; background:url(../images/event_libg.gif) repeat-x; border-top:1px solid #d2d1d1; padding:5px 10px 0 10px; clear:both;}
.eventBox .event_on { height:19px; background:none; border-top:none; padding:5px 10px 0 10px;}
.eventBox .event_on a { color:#e460a7; background:none;}
.eventBox .photo { width:150px; clear:both; padding:9px 10px 9px 10px; border-top:1px solid #d2d1d1;}
.eventBox .last {border-bottom: none;}

/*首頁大BANNER*/
.banner_round { position:relative; height:200px;}
.banner_round .btn_left{ width:30px; height:30px; position:absolute; top:100px; left:5px; z-index:99; }
.banner_round .btn_right{ width:30px; height:30px; position:absolute; top:100px; right:2px; z-index:99;}
.banner_round .center{ position: absolute; top:0; left:55px; z-index:10;}
.banner_round .left{ position: absolute; top:20px; left:0; z-index:1;}
.banner_round .right{ position: absolute; top:20px; right:0; z-index:1;}
.banner_round .left img, .banner_round .right img{width:359px; height:150px;}
.banner_round .left a{ position: absolute; top:0; left:0; z-index:5; background:url(../images/index_banner_bk.png) top left; display:block; width:359px; height:150px;}
.banner_round .right a{ position: absolute; top:0; right:0; z-index:5; background:url(../images/index_banner_bk.png) top left; display:block; width:359px; height:150px;}
.banner_round .btn{ position: absolute; bottom:0; left:0; z-index:10; text-align:center; width:540px;}

.banner_round .shade_l{ position: absolute; top:0; left:0; width:30px; height:100px; background:url(../images/index_banner_bk.png) top left; z-index:10;}
.banner_round .shade_r{ position: absolute; top:0; right:0; width:30px; height:100px; background:url(../images/index_banner_bk.png) top left; z-index:10;}


/*index_會員BOX*/
.memberBox { width:198px; border:1px solid #d2d1d1; background:#e9e9e9; padding:0 0 10px 0;}
.memberBox .top {}
.memberBox .cont { padding:20px 5px 10px 9px;}
.memberBox .cont input { width:90px; height:14px; color:#666; border:1px solid #999;}
.memberBox .cont .picL { background:url(../images/dline.gif) right repeat-y; width:90px; float:left; margin-right:10px;}
.memberBox .cont .picR { width:80px; float:left;}

/*top10Box*/
.top10Box {width:198px; border:1px solid #d2d1d1; background:#f6f6f6;}
.top10Box .top { margin-bottom:10px; height:24px; clear:both;}
.top10Box .cont { padding:0 10px 10px 10px;}
.top10Box .cont .titleBar { background:url(../images/top10_bg1.gif) left 1px no-repeat; height:23px; border-bottom:1px solid #cdcdcd; padding-top:1px;}
.top10Box .cont .titleBar_on { background:url(../images/top10_bg2.gif) left 1px no-repeat; height:23px; border-bottom:none; padding-top:1px;}
.top10Box .cont .titleBar_on a { color:#e460a7;}
.top10Box .cont .last { border-bottom:none;}
.top10Box .cont .Num { display: inline-block; width:11px; padding-left:1px; padding-top:1px; height:11px; text-align:center; margin-right:5px; font-size:12px; font-weight:bold; color:#fff;}
.top10Box .cont .Name {}
.top10Box .cont .price { /*color:#ff6600;*/ padding-left:5px;}

/*文字連結*/
.txtLinks { margin:10px 0;}
.txtLinks a { margin:0 8px;}
.tab_text li a{ color:#b30078;}
.tab_text li a:link{ color:#b30078;}
.tab_text li a:visited{ color:#b30078;}
.tab_text li a:hover{ color:#b30078; text-decoration:none;}

/*頁籤tab*/
.tab_on{background:url(../images/bar_on.gif) left no-repeat !important; height:35px!important; padding:0 0 0 20px !important; margin:0;}
.tab_on a{background:url(../images/bar_on-bg2.gif) right top no-repeat; display: inline-block; height:27px; margin:-8px 0 0 0; padding:8px 30px 0 0 ; color:#FFFFFF !important; font-weight:bold;}

.tab_ribbon .top{ background:url(../images/bar_bg.gif) left 4px repeat-x; height:35px; clear:both; margin-bottom:10px; overflow:hidden; margin-top:-4px; padding:0 0 0 5px;}
.tab_ribbon .top .title{ float:left; margin-top:4px;}
.tab_ribbon .top li{ display:block; height:27px; float:left; padding:8px 20px 0 20px; text-align:center; background:url(../images/bar-line.gif) left 4px no-repeat;}
.tab_ribbon .top li a{ margin:0 5px;}

.billboard_kv .top{ background:none; height:35px; clear:both; overflow:hidden; margin-top:0; padding:0 0 0 5px;}
.billboard_kv .top li{ display:block; height:27px; float:left; padding:8px 10px 0 10px; text-align:center; background:url(../images/bar-line.gif) left 4px no-repeat;}
.billboard_kv .top li a{ margin:0 5px;}
.billboard_kv .tab_on{ padding:0 0 0 10px !important;}
.billboard_kv .tab_on a{padding:8px 10px 0 0 ;}

/*hotnews*/
.page_hotnews{ background:url(../images/bg_hotnews.jpg) no-repeat top left; height:51px; margin:0 0 10px 0; padding:0 0 0 115px;}
.page_hotnews a{ padding:5px 50px 0 0;}
.page_hotnews .box{ height:21px; padding:4px 0 0 0;}

/*list icon*/
.dot_pink{ margin:0 0 0 25px;}
.dot_pink li{ list-style-image:url(../images/icon_pinkdot.gif); margin:0 0 3px 0;}
.dot_gy{ margin:0 0 0 25px;}
.dot_gy li{ list-style-image:url(../images/icon_dot_gy.gif); margin:0 0 3px 0;}
.dot_num{ margin:0 0 0 25px;}
.dot_num li{ list-style-type:decimal; margin:0 0 3px 0;}

/*頁碼*/
.page_number{ background:#f0f0f0; width:auto; padding:5px 0 5px; text-align:center; width:auto;}
.page_number table{ width:auto;}
.page_number .btn_left a{ margin:0 5px 0 0; width:55px !important; height:20px;}
.page_number .btn_right a{ margin:0 0 0 5px; width:54px !important; height:20px;}
.page_number ul{ width:auto;}
.page_number li{ float:left; width:auto;}
.page_number li a{ width:20px; height:20px; display:block; float:left; margin:0 2px 0 0;}
.page_number li a:link{ width:20px; height:20px; display:block;}
.page_number li a:visited{ width:20px; height:20px; display:block;}
.page_number li a:hover{ background:#e24092; color:#FFFFFF; text-decoration: none;}
.page_number .on a{ background:#e24092; color:#FFFFFF;}

/*新品*/
.newArrival { margin-bottom:20px;}
.newArrival .top { background:url(../images/bar_bg.gif) repeat-x; height:25px; clear:both; margin-bottom:10px; overflow:hidden;}
.newArrival .cont { clear:both;}
.newArrival .cont .box { width:102px; float:left; margin-right:7px; overflow:hidden; text-align: center;}
.newArrival .cont .last {margin-right:0;}
.newArrival .photo { border:1px solid #d4d3d3; margin-bottom:10px;}
.newArrival .txt { margin-bottom:5px;}


/*熱賣商品*/
.topSale {}
.topSale .top { background:url(../images/bar_bg.gif) left 4px repeat-x; height:35px; clear:both; margin-bottom:10px;overflow:hidden; }
.topSale .top .title { float:left; margin-top:4px;}
.topSale .top li { display:block; height:27px; float:left; padding:8px 20px 0 20px; text-align:center; background:url(../images/bar-line.gif) left 4px no-repeat;}
.topSale .top li a { margin:0 5px;}
.topSale .cont {}
.topSale .cont .box { width:145px; float:left; margin-right:5px; overflow:hidden; text-align: center; padding-top:1px;}
.topSale .photo { border:1px solid #d4d3d3; width:75px; float:left; margin:0 5px 0 0;}
.topSale .txt { margin-bottom:5px;}
.banner220-180 {border:1px solid #d4d3d3; width:220px; float:left;}
.banner_box {border:1px solid #d4d3d3;}

/**/
.hotlinks { color:#333; background:url(../images/index_hotlink.gif) no-repeat; width:155px; height:197px; float:left; padding:63px 0 7px 30px;}
.hotlinks li { height:22px; font-size:13px; font-weight:bold; padding-top:7px; text-align:center;}
.hotlinks li a {font-size:13px; font-weight:bold; color:#333; text-decoration:none;}
/*.hotlinks li a:hover{ color:#f30a7d; font-weight:bold; font-size:15px; background: url(../images/arr.gif) right no-repeat; padding-right:15px; text-decoration:none;}*/
.hotlinks .on a{ color:#f30a7d; font-weight:bold; font-size:15px; background: url(../images/arr.gif) right no-repeat; padding-right:15px; text-decoration:none;}
.hotbanner { background:url(../images/index_hotbanner.gif) no-repeat; width:554px; height:260px; float:left; padding-left:11px;}
.hotbanner .b1 { width:220px; float:left; margin-right:16px;padding-top:55px;}
.hotbanner .b2 { width:150px; float:left; margin-right:7px;padding-top:65px;}
.hotbanner .b3 { width:150px; float:left; padding-top:60px; }

/*熱門品牌*/
.hotbrand { border:1px solid #d4d3d3; width:748px;}
.hotbrand .top { background:url(../images/bar_bg.gif) repeat-x; height:25px; clear:both; overflow:hidden;}
.hotbrand .top .title { float:left;}
.hotbrand .top li { display:block; height:20px; float:left; text-align:center; background:url(../images/bar-line.gif) right no-repeat; width:20px; padding-top:5px;}
.hotbrand .top li.first { width:35px;}
.box165 {width:165px; float:left;}
.box570 { width:570px; float:left; overflow:hidden;}
.box340 { width:340px; float:left; overflow:hidden;}
.hotbrand .cont .box { width:102px; float:left; margin-right:10px; overflow:hidden; text-align: center;}
.hotbrand .cont .last {margin-right:0;}
.hotbrand .photo { border:1px solid #d4d3d3; margin-bottom:10px;}
.hotbrand .txt { margin-bottom:5px;}
.hotbrand .cont li { border-bottom:1px solid #d4d3d3; background:url(../images/brand_off.gif) no-repeat; height:29px; clear:both; text-align:center; font-size:15px; position:relative;}
/*.hotbrand .cont li.on { background:#fff; position:relative;}*/
.hotbrand .cont .on a{background:url(../images/brand_on.png) no-repeat top left; position:absolute !important; top:-5px; left:-3px; height:32px; width:173px; display:block; color:#fff; font-weight:bold; padding:8px 0 0 0;}
.hotbrand .cont li.last {border-bottom:none;}
.hotbrand .cont li a { color:#666;}
.hotbrand .cont li a:hover { text-decoration:none;}

/*活動專區*/
.focus {}
.focus .top { background:url(../images/bar_bg2.gif) left 4px repeat-x; height:35px; clear:both; overflow:hidden; }
.focus .top .title { float:left; margin-top:4px;}
.focus .top li { display:block; height:27px; float:left; padding:8px 20px 0 20px; text-align:center; background:url(../images/bar-line.gif) left 4px no-repeat;}
.focus .top li a { margin:0 5px;}
.focus .cont { border:1px solid #d4d3d3; border-top:none; padding:0 0 10px 6px; width:922px; float:left; margin-top:-15px; padding-top:20px;}
.onL { width:60px; height:35px; float:left;  background:url(../images/bar_on.gif) left no-repeat;margin-top:-7px;}
.onM { color:#fff; font-weight:bold; height:27px; padding-top:8px; background:url(../images/bar_on-bg2.gif) right repeat-x; margin-left:-35px; padding-right:25px; float:left;margin-top:-7px;}

/*客戶服務*/
.service { border:1px solid #d4d3d3; background:url(../images/index_service_bg.gif) repeat-x; height:128px; width:928px;}
.service .pa1 { float:left;}
.service .pa2 { float:left; width:205px; height:90px; padding-top:38px;}
.service .pa3 { float:left; width:73px; height:73px; background:url(../images/index_service_2.gif) no-repeat; padding:55px 0 0 90px;}
.service .pa4 { float:left;width:83px; height:73px; background:url(../images/index_service_3.gif) no-repeat;padding:55px 0 0 80px;}
.service .pa5 { float:left;width:150px; height:98px; padding-top:30px;}
.service .pa2 .sbtn { width:93px; height:29px; float:left; margin:0 5px 5px 0;}

/*quick CSS*/
.clear { clear:both; height:0;}
.fl { float:left;}
.fr { float:right;}
.underLine { text-decoration:underline;}
.dline { height:3px; background:url(../images/dline.gif) repeat-x; clear:both;}
.price { color:#FF0000; font-weight:bold;}
.red { color:red;}
.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr30 {margin-right:30px;}
.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml30 {margin-left:30px;}
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt8 {margin-top:8px;}
.mt12 {margin-top:12px;}
.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.pr5 { padding-right:5px;}
.mar_none{ margin:0 !important;}

/*3rd*/
.kv_3rd{ background: url(../images/kv_3rd_bg.jpg) no-repeat top left; width:750px; height:240px; position:relative;}
.kv_3rd .btn_left a{ position:absolute; top:90px; left:13px; width:35px; height:35px; background:url(../images/btn_banner_back_off.png) no-repeat top left; display:block;}
.kv_3rd .btn_left a:hover{  background:url(../images/btn_banner_back_ov.png) no-repeat top left; }
.kv_3rd .btn_right a{ position:absolute; top:90px; right:2px; width:35px; height:35px; background:url(../images/btn_banner_next_off.png) no-repeat top left; display:block;}
.kv_3rd .btn_right a:hover{background:url(../images/btn_banner_next_ov.png) no-repeat top left;}
.kv_3rd .banner_left{ width:310px; height:180px; float:left; margin:25px 0 0 50px;}
.kv_3rd .banner_right{ width:310px; height:180px; float:left; margin:25px 0 0 38px}


/*3rd 精選商品*/
.best_sale{}
.best_sale .best_left{ width:323px; float:left; border:1px #CCCCCC solid; position:relative;}
.best_sale .dot_pink{ padding: 0 5px 0 0;}
.best_sale .best_left .photo{ width:150px; border:1px #d2d1d1 solid; margin:10px 5px 15px 10px;}
.best_sale .best_left .brand{ text-align:left; padding:10px 0 0 160px;}
.best_sale .best_left .brand a{ font-weight:bold; font-size:13px;}
.best_sale .best_left .title{ text-align:left; padding:0 0 0 160px;}
.best_sale .best_left .title a{ font-weight:bold; color:#000000; font-size:15px;}
.best_sale .best_left .txt{ text-align:left; padding:0 0 0 160px;}
.best_sale .best_left .txt a{ display:block;}
.best_sale .best_left .price{ padding:10px 0 10px 10px; display:block; background-color:#f0f0f0; clear:both; color:#666666;}
.best_sale .best_left .price .money{ text-decoration:line-through; color:#666666;}
.best_sale .best_left .price .sell{ font-size:20px; font-weight:bold; color:#FF0000; margin: 0 0 0 5px;}
.best_sale .best_left .price .pr{ float:right; padding:5px 10px 0 0;}
.best_sale .best_left .price .pr img{ vertical-align:middle;}
.best_sale .best_left .icon_new{ background:url(../images/icon_new.png) top left ; width:45px; height:45px; position:absolute; top:0; left:10px;}
.best_sale .best_right{ width:415px; float:left;}
.best_sale .best_right .box{ width:205px; float:left; text-align:left; margin:0 4px 0 0 ;}
.best_sale .best_right .box_r{margin:0;}
.best_sale .best_right .photo{ width:100px; border:1px #d2d1d1 solid; margin:0;}
.best_sale .best_right .txt{ text-align:left; padding:0 0 0 110px;}
.best_sale .best_right .txt a{ display:block;}
.best_sale .best_right .price{ font-size:16px; text-align:left; padding:0 0 0 110px;}
.best_sale .best_right .btn_buy{ padding:0 0 0 110px;}
.best_sale .best_right .btn_buy from{ float:left; width:auto;}
.best_sale .best_right .btn_buy input{ float:left; margin:0 2px 0 0 ; border:1px #CCCCCC solid;}
.best_sale .best_right .btn_buy a img{ float:right;}

/*產品列表*/
.product_list{ border:1px #d9d8d8 solid;}
.product_list .box_slt{ background:url(../images/bg_slt.gif) top left; padding:10px 10px; display: inline-block; width:728px;}
.product_list .title{ margin:0 0 0 -5px;}
.product_list .box_slt .pro_slt{ float:left;}
.product_list .box_slt .pro_slt label{ color:#b30078;}
.product_list .box_slt .pro_slt .select{ width:150px; color:#666; margin:0 10px 0 5px;}
.product_list .box_slt .page_slt, .page_slt{ width:200px; float:right;}
.product_list .box_slt .page_slt label, .page_slt label{float:left;}
.product_list .box_slt .page_slt .select, .page_slt .select{ width:auto; float:left; margin:0 3px;}
.product_list .box_slt .page_slt a img, .page_slt a img{ float:left; margin:0 5px;}
.product_list .box_slt .amount{ float:left; background: url(../images/line_slt.gif) no-repeat top left; margin: 0 0 0 5px; padding:0 0 0 5px;}
.product_list .sort{ text-align:right; padding:5px;}
.product_list .sort .on{ color:#FF0000; font-weight:bold;}
.product_list .row{ margin:10px 30px 15px 30px; padding:0 0 15px 0; background: url(../images/dline.gif) repeat-x bottom left; width:688px; clear:both;}
.product_list .row .box{ width:122px; margin:0 18px 0 0; text-align:center; float:left; position:relative;}
.product_list .row .icon_new_s{ background:url(../images/icon_news_s.png) no-repeat top left; width:24px; height:24px; position:absolute; top:0; left:10px;}
.product_list .row .icon_hot_s{ background:url(../images/icon_hot_s.png) no-repeat top left; width:24px; height:24px; position:absolute; top:0; left:10px;}
.product_list .row .icon_best_s{ background:url(../images/icon_best_s.png) no-repeat top left; width:24px; height:24px; position:absolute; top:0; left:10px;}
.product_list .row .photo{ border:1px #d2d1d1 solid;}
.product_list .row .box_r{ margin:0;}
.product_list .row .txt a{ display:block;}
.product_list .row .price{ font-size:16px;}
.product_list .row .btn_buy a img{ vertical-align: middle;}
.product_list .row .btn_buy_chk{ background:#eeeeee; padding:5px 0;}
.product_list .row .slt_on{ background:#f4b1dd; border:5px #f4b1dd solid; margin:-5px 13px 0 -5px;}
.product_list .row .pro_no{ background:#eeeeee; border:5px #eeeeee solid; margin:-5px 13px 0 -5px;}
.product_list .row .pro_no .btn_buy_chk{ color:#000000; height:23px;}
.product_list .btn{ text-align:center; clear:both; padding:0 0 10px 0;}

/*最新上市*/
.new_product .top{ background:url(../images/bar_bg.gif) left top repeat-x; height:35px; clear:both; margin-bottom:10px; overflow:hidden; margin-top:0; padding:0 0 0 5px;}
.new_product .top .title{ float:left; margin-top:0;}
.new_product .top .page_slt{ margin:1px 0 0 0;}/*修正在一般標題使用的選頁區塊位置*/

/*also buy*/
.also_buy{ background:#f5f5f5; border:1px #d9d8d8 solid; margin:10px 0; width:661px; padding:20px 40px 20px 45px; position:relative;}
.also_buy .btn_left{ width:30px; height:30px; position:absolute; top:130px; left:5px;}
.also_buy .btn_right{ width:30px; height:30px; position:absolute; top:130px; right:5px;}
.also_buy .title{ margin:0 0 10px 0;}
.also_buy .box{ width:102px; margin:0 8px 0 0; text-align:center; float:left;}
.also_buy .box .photo{ border:1px #d2d1d1 solid;}
.also_buy .box_r{ margin:0;}
.also_buy .txt a{ display:block;}
.also_buy .price{ font-size:16px;}
.also_buy .btn_buy a img{ vertical-align: middle;}

/*4th*/
.prd_left{ float:left; width:302px; margin:0 8px 0 0; position:relative;}
.prd_left .icon_new{ background:url(../images/icon_new.png) top left ; width:45px; height:45px; position:absolute; top:0; left:10px;}
.prd_left .photo{border:1px #d2d1d1 solid;}
.prd_left .pic_around{ background-color:#e8e8e8; height:60px; position:relative; padding:10px 0 0 0;}
.prd_left .pic_around .btn_left{ position:absolute; left:5px; top:22px;}
.prd_left .pic_around .btn_right{ position:absolute; right:5px; top:22px;}
.prd_left .pic_around ul{ margin:0 0 0 40px;}
.prd_left .pic_around li{ float:left; margin:0 8px 0 0;}
.prd_left .pic_around li img{ border:1px #d2d1d1 solid;}
.prd_left .pop{ background:url(../images/4th_bigpic_info_bg.gif) no-repeat top left; padding:60px 10px 10px 10px;}
.prd_left .pop ul{ margin:0 0 0 20px; display:block;}
.prd_left .pop li{ list-style:url(../images/icon_pinkdot.gif); margin:0 0 5px 0;}
.prd_left .pop_bm{ background:url(../images/4th_pop_bm.gif) no-repeat bottom left; line-height:1px; height:13px;}
.prd_left .note{ background:url(../images/4th_note_bg.gif) no-repeat bottom left; padding:0 15px 10px 15px;}
.prd_left .note .title{ background:url(../images/dline.gif) repeat-x top left; padding:5px;}
.prd_left .note ol{ margin:0 0 0 25px;}
.prd_left .note li{list-style-type:decimal;}
.prd_left .share{ padding:5px 0;}
.prd_left .share img{ vertical-align:middle;}
.pro_right{ float:left; width:440px;}
.pro_title{ background:url(../images/dline.gif) repeat-x bottom left; padding:0 10px;}
.pro_title .pop{ font-size:16px; color:#FF0000; font-weight:bold;}
.pro_title .title{ font-size:16px; color:#000; font-weight:bold; clear:both;}
.pro_title .en_title{ font-size:13px; color:#000;}
.pro_title .pro_num{ text-align:right; color:#9a9a9a; padding:0 0 5px 0;}
.pro_title .btn{ background:url(../images/btn_brand_bg_left.gif) no-repeat top left; float:left; margin:3px 3px 5px 0;}
.pro_title .btn a{ background:url(../images/btn_brand_bg_right.gif) no-repeat top right; display:block; padding:0 10px; height:20px;}
.pro_title .btn a:hover{ text-decoration:none;}
.pro_right .info{ background:url(../images/dline.gif) repeat-x bottom left; padding:10px 30px; color:#000000;}
.pro_right .info li{ list-style:url(../images/icon_dot_gy.gif); margin:0 5px 0 0;}
.pro_right .list li{ background:url(../images/dline.gif) repeat-x bottom left; padding:5px 10px;}
.pro_right .list li label{ color:#999999; width:60px; display:block; float:left;}
.pro_right .list .fl{float:left; width:200px;}
.pro_right .list .money{ clear:both; background-color:#eeeeee; height:25px; padding:5px 10px;}
.pro_right .list .money .num{ color:#FF0000; font-size:16px; font-weight:bold; margin:0 5px 0 0;}
.pro_right .list .money label{ color:#666; width:65px; display: inline; float:none;}
.pro_right .list .imp{ color:#f89cca;}
.pro_right .list select{ width:80px;}
.pro_right .list .slt{ background-color:#f7f7f7;}
.pro_right .add_buy{ padding:10px 20px;}
.pro_right .add_buy .title{ color:#ce3a85; margin:0 0 5px 0;}
.pro_right .add_buy ul{ border-top:1px #dddddd solid; border-left:1px #dddddd solid; border-right:1px #dddddd solid;}
.pro_right .add_buy li{ border-bottom:1px #dddddd solid; padding:5px;}
.pro_right .add_buy .b_color{ background-color:#f7f7f7;}
.pro_right .add_buy .slt_num{ float:right;}
.pro_right .add_buy .money{ color:#FF0000;}
.pro_right .btn_buy{ text-align:center; clear:both;}
.pro_right .btn_buy a img{ float:left;}
.pro_right .btn_buy .syd{ background:url(../images/btn_chg.gif) no-repeat top left; width:163px; height:32px; float:left; color:#ca3a81; padding:10px 0 0 0; margin:0 10px 0 60px;}
.pro_right .btn_buy .syd .num{ font-size:16px; font-weight:bold; color:#FF0000;}

/*4th促銷產品標題*/
.sellpop{ background:url(../images/4th_sellpop_right.gif) no-repeat right top; height:53px; margin:10px 20px 0;}
.sellpop .left{ background:url(../images/4th_sellpop_left.gif) no-repeat top left; width:70px; height:53px; float:left;}
.sellpop .title{ background:#ffece6 url(../images/4th_sellpop_title.gif) no-repeat top right; height:40px; float:left; color:#cc0668; font-size:16px; font-weight:bold; padding:13px 20px 0 0;}
.sellpop .txt{ height:40px; float:left; padding:13px 20px 0; font-size:16px; color:#FF0000; font-weight:bold; }

/*4th 產品介紹*/
.product_info{ border:1px #d9d8d8 solid;}
.product_info .content{ padding:10px 20px;}
.product_info .content .banner{ padding:10px 0;}
.product_info .content .title{ font-size:13px; font-weight: bold; color:#e04c95; margin:10px 0 5px;}
.product_info .content .pd{ padding:0 0 10px 15px; display:block;}
.product_info .content .box_add{ background:url(../images/4th_proadd_top.jpg) no-repeat top left; padding:50px 0 0 0;}
.product_info .content .box_add .top_com{ padding:0 50px 0 50px;}
.product_info .content .box_add .box{ background-color:#eeeeee; padding:10px; position:relative; width:588px; margin:0 0 5px 0;}
.product_info .content .box_add .box .photo{border:1px solid #d4d3d3; float:left;}
.product_info .content .box_add .box .money {margin:0 0 0 80px;}
.product_info .content .box_add .box .money a{ color:#df4d95; margin:0 0 0 5px;}
.product_info .content .box_add .box ul{ margin:0 0 0 100px;}
.product_info .content .box_add .box li{ list-style-type: square;}
.product_info .content .box_add .box li label{ color:#999999;}
.product_info .content .box_add .box .slt{ position:absolute; top:40px; right:10px;}
.product_info .content .box_add .bm{ background:url(../images/4th_proadd_bm.jpg) no-repeat bottom left; text-align:center;}
.product_info .content .box_add .bm a img{ margin:30px 0 30px 0;}

/*4th q&a*/
.product_info .content .box_q{ background:url(../images/dline.gif) repeat-x bottom left; clear:both; padding:5px 0 0 0;}
.product_info .content .box_q .qut{ background: url(../images/icon_q.jpg) no-repeat top left; padding:0 0 10px 40px;}
.product_info .content .box_q .qut b{ display:block; font-weight:bold; font-size:15px;}
.product_info .content .box_q .ans{ color:#df2f86; background:#fff4f0 url(../images/dline.gif) repeat-x bottom left; padding:10px 10px 10px 40px; display:none; width:658px;}
.product_info .content .on{ color:#000000;}
.product_info .content .on .ans{color:#df2f86; display: inline-block;}
.product_info .content .qa_form{ background:url(../images/4th_qa_bg.gif) no-repeat top left; height:380px;}
.product_info .content .qa_form .title{ padding:55px 0 0 25px; color:#666666;}
.product_info .content .qa_form .title a{ color:#ce3a85; font-weight:bold;}
.product_info .content .qa_form ul{ margin:10px 70px 0 30px;}
.product_info .content .qa_form li{ padding:5px 0;}
.product_info .content .qa_form li label{ color:#999999; display:block; width:50px; float:left;}
.product_info .content .qa_form .box_keyin{ width:520px; height:100px;}
.product_info .content .qa_form .btn{ background:url(../images/btn_brand_bg_left.gif) no-repeat top left; margin:5px auto; width:100px;}
.product_info .content .qa_form .btn a{ background:url(../images/btn_brand_bg_right.gif) no-repeat top right; display:block; padding:0 10px; height:20px; text-align:center;}
.product_info .content .qa_form .btn a:hover{ text-decoration:none;}

/*brand*/
.brand_sch{ background:url(../images/brand_sch_bg.jpg) top left no-repeat; padding:45px 0 0 100px; height:95px;}
.brand_sch .keyin{ border:3px #efb8d4 solid; width:200px; margin:0 5px 0 0; color:#666; padding:1px 0 1px 3px;}
.brand_sch .sch{ margin:0 0 0 300px;}
.brand_sch .a_z{ margin:45px 0 0 0; height:25px;}
.brand_sch .a_z a{ width:18px; height:18px; margin:2px 2px 0; text-align:center; display:block; float:left; font-size:13px;}
.brand_sch .a_z a:hover{ background:url(../images/a_z_bg.png) no-repeat; color:#FFFFFF; font-weight:bold; text-decoration:none;}
.brand_sch .last a{ width:36px !important;}
.brand_sch .last a:hover{ background:url(../images/a_z_bg02.png) no-repeat !important;}
.brand_sch img{ vertical-align:middle;}
.brand_banner{ background:url(../images/brand_page_bg.jpg) no-repeat top left; width:750px;}
.brand_banner .banner{ clear:both; padding:20px 0 0 54px;}
.brand_banner .bm{ background:url(../images/brand_page_bg_bm.gif) no-repeat top left; margin:-40px 0 0 0; height:82px;}
.brand_txt{ background:url(../images/brand_page_txtbg.jpg) no-repeat top left; width:750px; height:150px;}
.brand_txt .txt{ clear:both; padding:30px 0 0 160px; font-weight:bold;}
.brand_txt .txt a{font-weight:bold; margin:0 20px 0 0;}
.brand_txt .txt a:hover{ text-decoration:none;}
.brand_none{ background:url(../images/brand_page_txtbg.jpg) no-repeat top left; width:750px; height:75px;}
.brand_name{ width:auto;}
.brand_name .center{ background:url(../images/btand_name_center.jpg) no-repeat top center; float:left; width:auto; height:35px; padding:35px 0 0 0; font-size:16px; font-weight:bold; color:#bc1384; min-width:220px; text-align:center;}
.brand_name .left{ background:url(../images/btand_name_left.jpg) no-repeat top left; width:25px; height:70px; float:left;}
.brand_name .right{ background:url(../images/btand_name_right.jpg) no-repeat top right; width:21px; height:70px; float:left;}
.brand_page_sale .top { background:url(../images/bar_bg.gif) left top repeat-x; height:30px; margin:1px 0 10px 0;}
.brand_page_sale .top .title{ margin:0;}
.brand_page_sale .cont .box { width:182px; float:left; margin-right:7px; overflow:hidden; text-align: center; padding-top:1px;}
.brand_page_sale .cont .box_r{ margin:0;}
.brand_page_sale .cont .photo { border:1px solid #d4d3d3; width:180px; float:none; margin:0 5px 0 0;}
.brand_page_sale .cont .pop{ font-size:13px; font-weight:bold; color:#ce3a85;}
.brand_page_sale .cont .txt a{ display: block;}
.brand_page_sale .cont .price{ font-size:16px;}
.brand_page_sale .cont .btn_buy a img{ vertical-align: middle;}
.brand_list{ clear:both; width:748px;}
.brand_list .row{ background:url(../images/dline.gif) repeat-x bottom left; padding:10px 0 0 30px; margin:0 20px 10px; width:678px; clear:both; display:block;}
.brand_list .row .title{ margin:5px 0 0 -25px; width:30px; text-align:center; float:left;}
.brand_list .row .dot_gy{ position:static;}
.brand_list .row .dot_gy li{ float:left; width:217px; padding:0 0 5px 0;}
.brand_list .row .btn_top{ text-align:right; padding:5px 0;}

/*集合器*/
.brand_banner_notitle{ background:url(../images/bg_banner_notitle.jpg) no-repeat top left; height:250px;}
.brand_banner_notitle .banner{ padding:45px 0 0 50px;}


/*銷售排行榜*/
.billboard_kv{ background:url(../images/bg_billboard.jpg) no-repeat top left; padding:29px 0 10px 0; min-height:340px;}
.billboard_kv .product{padding:62px 0px 0 76px;}
.billboard_kv .product .box{ margin:0 31px 0 0; width:180px; text-align:center; float:left; position:relative;}
.billboard_kv .product .box_r{ margin:0;}
.billboard_kv .product .photo {width:180px; margin:0 0 15px 0;}
.billboard_kv .product .pop{ font-size:13px; font-weight:bold; color:#ce3a85;}
.billboard_kv .product .txt a{ display: block;}
.billboard_kv .product .price{ font-size:16px;}
.billboard_kv .product .btn_buy a img{ vertical-align: middle;}
.billboard_kv .product .box .no1{ background:url(../images/icon_no1.png) no-repeat top left; width:167px; height:77px; position:absolute; top:-38px; left:-26px;}
.billboard_kv .product .box .no2{ background:url(../images/icon_no2.png) no-repeat top left; width:155px; height:52px; position:absolute; top:-13px; left:-13px;}
.billboard_kv .product .box .no3{ background:url(../images/icon_no3.png) no-repeat top left; width:155px; height:52px; position:absolute; top:-13px; left:-13px;}
.place{border:1px #d9d8d8 solid;}
.place th{ background:url(../images/bg_slt.gif) top left; height:28px; padding:5px 0 0 0;}
.place tr{ background:url(../images/dline.gif) repeat-x bottom left;}
.place td{ vertical-align:middle; padding:10px 5px;}
.place .num{ background:url(../images/bg_place_num.jpg) no-repeat top left; width:32px; height:32px; font-size:16px; font-weight:bold; color:#b30078; text-align:center; padding:5px 0 0 0; margin:0 0 0 10px;}
.place .photo img{ border:1px #d9d8d8 solid;}
.place .title{ font-weight:bold; color:#000000;}
.place .brand{ font-weight:bold; color:#000000;}
.place .money{ text-align:right;}
.place .money .sell{ color:#FF0000; font-size:16px; font-weight:bold;}
.place .btn_buy img{ vertical-align: middle;}
.place .none{ background:none;}

/*活動專區*/
.activities{ position: relative;}
.activities .top{ margin:-4px 0 0 0; position:absolute; top:0; left:0; z-index:2; width:743px;}
.act_kv{ margin:25px 0 0 0;}
.act_kv .banner{ background-position:top left; background-repeat:no-repeat; padding:350px 0 0 5px; width:743px;}
.act_kv .act_kv_pro{width:370px; position:relative; float:left;}
.act_kv .act_kv_pro .center { background: url(../images/actkv_pro_center.png) repeat-y top left; padding:0 14px 0 12px; width:344px;}
.act_kv .act_kv_pro .center .pop{ color:#e24d97; font-weight:bold; padding:10px 0 0 160px; font-size:13px;}
.act_kv .act_kv_pro .center .dot_pink{ padding: 0 5px 0 0;}
.act_kv .act_kv_pro .center .photo{ width:150px; border:1px #d2d1d1 solid; margin:10px; float:left;}
.act_kv .act_kv_pro .center .brand{ text-align:left; padding:0 0 0 160px;}
.act_kv .act_kv_pro .center .brand a{ font-weight:bold; font-size:13px;}
.act_kv .act_kv_pro .center .title{ text-align:left; padding:0 0 0 160px;}
.act_kv .act_kv_pro .center .title a{ font-weight:bold; color:#000000; font-size:15px;}
.act_kv .act_kv_pro .center .txt{ text-align:left; padding:0 0 0 160px;}
.act_kv .act_kv_pro .center .txt a{ display:block;}
.act_kv .act_kv_pro .center .price{ padding:5px 0 5px 10px; display:block; background-color:#f0f0f0; clear:both; color:#666666;}
.act_kv .act_kv_pro .center .price .money{ text-decoration:line-through; color:#666666;}
.act_kv .act_kv_pro .center .price .sell{ font-size:20px; font-weight:bold; color:#FF0000; margin: 0 0 0 5px;}
.act_kv .act_kv_pro .center .price .pr{ float:right; padding:5px 10px 0 0;}
.act_kv .act_kv_pro .center .price .pr img{ vertical-align:middle;}
.act_kv .act_kv_pro .center .icon_no1{ background:url(../images/icon_sold_no1.png) top left ; width:156px; height:57px; position:absolute; top:2px; left:-4px;}
.act_kv .act_kv_pro .center .icon_best{ background:url(../images/icon_best.png) top left ; width:156px; height:57px; position:absolute; top:2px; left:-4px;}

.act_kv .act_kv_pro .tp{ background:url(../images/actkv_pro_top.png) no-repeat top left; height:15px; width:370px;}
.act_kv .act_kv_pro .bm{ background:url(../images/actkv_pro_bm.png) no-repeat top left;  height:15px; width:370px;}

.edm{background:#f5f5f5 url(../images/bg_edm.jpg) no-repeat 10px top; border:1px #d9d8d8 solid; margin:10px 0; width:728px; padding:8px 10px 15px 10px;}
.edm .title{ float:left; width:300px;}
.edm .info{ float:left; margin:0 0 0 10px; width:320px; padding:20px 0 0 80px;}
.edm .info b{ color:#000000; font-size:15px; font-weight:bold; display:block; margin:0 0 5px 0;}
.edm .info .keyin{ color:#cf3a84; font-weight:bold; display:block; margin:10px 0 0 0;}
.edm .info .keyin img{ vertical-align:middle;}
.edm .info .keyin input{ vertical-align:middle; width:190px;}
.edm .banner{ float:right; margin:0 2px 0 0;}

/*購物流程*/
.step{ padding:20px 0 0 200px; display:inline-block;}
.step .box{ width:200px; float:left; font-weight:bold; font-size:13px;}
.step .box img{ vertical-align:middle; margin:0 5px;}
.step .on{ color:#d51c97;}
.out_line{ border:1px #d0d0d0 solid; margin: 0 0 10px 0;}
.tab_list th{ background:url(../images/shopping_th.gif) top left; color:#FFFFFF; font-size:13px; height:30px;}
.tab_list td{ text-align:center; vertical-align:middle; padding:10px; border-bottom:1px #d0d0d0 solid;}
.tab_list .photo{}
.tab_list .title{color:#000; font-size:12px; font-weight:bold; text-align:left;}
.tab_list .money{ text-align:right; color:#FF0000; font-size:16px; font-weight:bold;}
.tab_list .dot_gy{ margin:5px 0 0 15px;}
.gift{ background-color:#f5f5f5; padding:50px;}
.gift .gift_list{ background-color:#fff; border-top:1px #d0d0d0 solid; border-left:1px #d0d0d0 solid; border-right:1px #d0d0d0 solid;}
.gift .gift_list td{ text-align:left; vertical-align:middle; padding:10px; border-bottom:1px #d0d0d0 solid;}
.gift .gift_list .title{color:#000; font-size:12px; font-weight:bold;}
.shop_form tr{ background:url(../images/dline.gif) repeat-x bottom left;}
.shop_form th{ background:#fff2f9 url(../images/dline.gif) repeat-x bottom left; text-align:right; font-weight:bold; width:200px; padding:10px; border-right:1px #d9d9d9 solid;}
.shop_form td{padding:10px;}
.shop_form .note{ padding:0 0 0 10px;}
.shop_form .note img{ margin:0 5px 0 0;}
.shop_form .bk{ color:#000000;}
.shop_form .money{ text-align:right;}
.shop_form .money img{ padding:0 10px;}
.shop_form .money .num{ color:#FF0000; font-weight:bold;}
.bm_note{ background-color:#f5f5f5; padding:10px 0 10px 230px;}
.bm_note b{ font-weight:bold;}
.all{ text-align:right; padding:10px;}
.all img{ padding:0 10px;}
.all .num{ color:#FF0000; font-weight:bold;}
.total{ border:10px #d9d9d9 solid; padding:20px 10px; text-align:right; font-size:13px; font-weight:bold; color:#000000;}
.total .imp{ font-size:13px; font-weight:bold; color:#ca0569;}
.total .amount{ font-size:16px; font-weight:bold; color:#000000; margin:10px 0 0 0;}
.total .amount .num{ color:#FF0000; font-weight:bold; font-size:16px;}
.product_none th{ background:url(../images/bg_slt.gif) top left; height:28px; padding:5px 0 0 0;}
.product_none td{ padding:10px; text-align:center; border-bottom:1px #d0d0d0 solid;}
.product_none .title{ text-align:left;}
.boder_none td{ border:none;}
.error{ color:#FF0000; padding:0 0 0 5px;}
.box_add_shop{ background:url(../images/4th_proadd_top930.gif) no-repeat top left; padding:50px 0 0 0; margin:0 0 10px 0;}
.box_add_shop .top_com{ padding:0 50px 10px 50px;}
.box_add_shop .box{ padding:10px; position:relative; width:250px; margin:0 10px 5px 0; float:left;}
.box_add_shop .box .photo{border:1px solid #d4d3d3; float:left; margin:0 10px 0 0;}
.box_add_shop .box .brand{}
.box_add_shop .box .title{}
.box_add_shop .box .price{font-size:16px;}
.box_add_shop .box .btn_buy{ margin:0 0 0 130px; background-color:#eee; padding:3px; text-align:center;}
.box_add_shop .box img{ vertical-align:middle;}
.clk_ok{ text-align:center; clear: both;}
.btn_bm{ text-align:center; margin:0 0 20px 0; clear:both;}
.btn_bm a{ padding:0 10px 0 0;}
.btn_radio{ padding:10px 20px;}
.btn_radio li{ padding:5px 0;}
.step3_info{ background-color:#fff2f9; border-bottom:1px #d0d0d0 solid; padding:10px 50px;}
.step3_info .order_num{ color:#e12f85; font-weight:bold; display:block; font-size:13px;}
.step3_info .mesg_text{ color:#ff0000; font-weight:bold; display:block; font-size:16px;}
.step3_info .confirm{ color:#000; font-weight:bold; display:block; font-size:13px;}
.step3_info .confirm .money{ color:#ff0000; font-weight:bold; font-size:16px;}
.step3_list{ padding:10px 50px 10px 50px;}
.step3_list li{ padding:5px 0; color:#000000;}
.step3_list label{ color:#999999; }
.step3_list .mesg_error{ font-weight:bold;}
.step3_list2 {padding:10px 40px 10px 40px;}
.step3_shop_list .title_btn{ background-color:#e8e8e8; padding:5px; color:#e12f85; font-weight:bold; font-size:13px;}
.step3_shop_list .title_btn a{ color:#e12f85; font-weight:bold; font-size:13px;}
.step3_shop_list .title_btn img{ vertical-align:middle; margin:0 5px 0 0;}
.step3_shop_list .info{ padding:10px;}
.step3_shop_list .gift{ border-bottom:1px #d0d0d0 solid;}

/*訊息頁*/
.box_mesg{ margin:0 0 10px 0;}
.box_mesg .top{ background:url(../images/mesg_top.gif) no-repeat top left; height:11px; line-height:1px;}
.box_mesg .center{ background:url(../images/mesg_center.gif) repeat-y top left; padding:10px 200px; width:530px;}
.box_mesg .center .mesg_text{ font-size:16px; font-weight:bold; color:#e12f85; margin:30px 0 0 0;}
.box_mesg .center .mesg_text img{ margin:0 10px 0 0;}
.box_mesg .center .mesg_info{ color:#666; margin:20px 0; line-height:24px;}
.box_mesg .center .order_num a{ color:#e12f85; font-weight:bold; font-size:13px; text-decoration:underline;}
.box_mesg .center .imp{ color:#000; font-weight:bold;}
.box_mesg .center a{ color:#000000; font-size:13px; font-weight:bold; text-decoration:underline;}
.box_mesg .center a:hover{ color:#e12f85;}
.box_mesg .center .link img{ margin:0 5px 0 0;}
.box_mesg .bm{ background:url(../images/mesg_bm.gif) no-repeat top left; height:11px; line-height:1px;}
.box_mesg .box_btn{ margin:50px 0 0 200px;}
.box_mesg .btn{ background:url(../images/btn_brand_bg_left.gif) no-repeat top left; float:left; margin:3px 3px 5px 0;}
.box_mesg .btn a{ background:url(../images/btn_brand_bg_right.gif) no-repeat top right; display:block; padding:0 10px; height:20px; text-decoration:none; color:#666; font-weight:normal;}
.box_mesg .btn a:hover{ text-decoration:none;}
.box_mesg .tab_extra{ border:1px solid #fdd1d2; width:250px;}
.box_mesg .tab_extra th{ background-color:#fdd1d2; color:#000000; padding:10px;}
.box_mesg .tab_extra td{ text-align:center; border-right:1px solid #fdd1d2; padding:10px;}
.box_mesg .tab_extra .none{ border:none;}





/*ie7 CSS*/
html>body .hotbrand .cont li.on {*position:relative;}
html>body .hotbrand .cont li.on span {*top:0; *left:0;}
html>body .top10Box .cont .Num { *line-height:11px; *padding:4px 0 0 0;}
html>body .memberBox { *padding:0 0 10px 0;}
html>body .newArrival { *margin-bottom:10px;}
html>body .boxMain { *padding:0 0 5px 0;}
html>body .hotlinks {*padding:63px 0 0 30px;}
html>body .eventBox .photo {*padding:8px 10px;}
html>body .sideMenu .on{ *height:21px \9;}
html>body .s_nav_page{*margin:20px 20px 0 !important;}
html>body .s_nav_page ul li a:hover{ *top:-3px; *height:21px; *padding:6px 0 0 0;}
html>body .s_nav_page ul .on a{*height:21px !important; *padding:3px 0 0 0 !important; *top:-3px;}
html>body .s_nav_page ul .sm a:hover{ *padding:6px 0 0 0 !important; *height:28px;}
html>body .s_nav_page ul .st_on a{ *padding:8px 0 0 0 !important; *height:20px;}
html>body .s_nav_page ul .sm_on a{*padding:6px 0 0 0 !important; *height:28px; *top:-3px;}
html>body .s_nav {*z-index:100 !important \9;}
html>body .banner_round .left{ *z-index:1;}
html>body .banner_round .right{ *z-index:1;}
html>body .brand_name .center{*width:220px;}
html>body .best_sale .best_right .btn_buy select{ *float:left;}
html>body .best_sale .best_left .price .pr{ *margin:-40px 0 0 0;}
html>body .best_sale .best_left .price .pr select{ *float:left; *margin:0 5px 0 0;}
html>body .product_list .row .btn_buy img{ *margin:-6px 0 0 0;}
html>body .tab_ribbon{ *position:relative; *padding-top:30px;}
html>body .tab_ribbon .top{ *overflow: visible; *position:absolute; *top:0; *left:0; *width:743px;}
html>body #header .MainMenu li{ *position:relative;}
html>body #header .MainMenu .first img{ *width:61px;}
html>body #header .MainMenu last img{ *width:104px;}
html>body .activities{ *padding:0; *width:748px;}
html>body h2 .title_imp{ *float:right; *margin:-20px 0 0 0;}


/*ie6 CSS*/
*html #header { width:950px;}
*html .sideMenu .on{ height:24px;}
*html .sideMenu .on a{background:url(../images/sideMenu_on.jpg); top:0; height:34px;}
*html .sideMenu .on #sidemenutab_10{background:url(../images/sideMenu_last_on.jpg) !important; top:-4px; left:-1px;}
*html .s_nav .center{height:30px;}
*html .s_nav .center a{ color:#666666; text-decoration:none; background:url(../images/s_nav_list_bg.jpg) no-repeat top left; height:23px; display:block; padding:2px 0 0 0; font-weight:normal;}
*html .s_nav .center a:link{ color:#666666; text-decoration:none;}
*html .s_nav .center a:visited{ color:#666666; text-decoration:none;}
*html .s_nav .center a:hover{color:#fff; background-image:none !important; background-color:#ffb1b1 !important; display:block;}
*html .memberBox { padding:0 0 10px 0;}
*html .newArrival { margin-bottom:10px;}
*html .hotlinks {padding:63px 0 0 30px;}
*html .eventBox .photo {padding:8px 10px;}
*html .page_sec{ background-repeat:no-repeat !important;}
*html .page_sec a{ position:static !important;}
*html .sideMenu li { height:27px;}
*html .sideMenu li a {text-decoration:none !important;}
*html .s_nav{ z-index:100 !important; top:-3px;}
*html .s_nav .center li{ background:none; height:24px;}
*html .s_nav_page{margin:-8px 20px 0 !important;}
*html .s_nav_page .s_top{ background-position:bottom left; line-height:1px !important; height:4px;}
*html .s_nav_page ul li{ height:24px !important;}
*html .s_nav_page ul li a{height:21px !important; padding:3px 0 0 0 !important;}
*html .s_nav_page ul .on{ height:24px !important; padding:0 !important;}
*html .s_nav_page ul .on a{height:21px !important; padding:3px 0 0 0 !important;}
*html .s_nav_page ul .st a:hover{ position:absolute !important; top:-4px !important; height:21px !important; padding:7px 0 0 0 !important; border-bottom:1px #CCCCCC solid;}
*html .s_nav_page ul .st_on a{ position:absolute !important; top:-4px !important; height:24px !important; padding:7px 0 0 0 !important; border-bottom:1px #CCCCCC solid;}
*html .s_nav_page ul .st_on a:hover{ height:24px !important;}
*html .s_nav_page ul .sm{ height:24px !important; padding:0;}
*html .s_nav_page ul .sm a:hover{ position:absolute !important; bottom:-4px !important; height:25px !important; padding:3px 0 0 0 !important;}
*html .s_nav_page ul .sm_on a{ position:absolute !important; bottom:-4px !important; height:28px !important; padding:3px 0 0 0 !important;}
*html .s_nav_page ul .sm_on a:hover{height:28px !important;}
*html .kv_3rd .banner_left{ margin:25px 0 0 25px;}
*html .best_sale .best_right .btn_buy{ padding:0 0 0 105px;}
*html .best_sale .best_right .btn_buy a img{ margin:-22px 0 0 0;}
*html .best_sale .best_left .price .pr{ margin:-40px 0 0 0;}
*html .best_sale .best_left .price .pr select{ float:left; margin:0 5px 0 0;}
*html .dot_pink{ margin:0 0 0 35px;}
*html .page_number ul{width:380px;}
*html .best_sale .best_left .photo{margin:10px 5px 15px 5px;}
*html .pro_title .btn a{float:left;}
*html .pro_right .add_buy .slt_num{ margin:-28px 5px 0 0;}
*html .pro_right .btn_buy .syd{margin:0 10px 0 30px;}
*html .tab_ribbon { position:relative; padding:40px 0 0 0;}
*html .tab_ribbon .top { position:absolute; top:1px; left:0; width:743px;}
*html .brand_list .row .title{ margin:5px 0 0 -15px;}
*html #header .MainMenu li{ position:relative;}
*html #header .MainMenu li img{ float:left; width:97px; display:block; position:absolute; top:0; left:0;}
*html #header .MainMenu .first img{ width:61px;}
*html #header .MainMenu .last img{ width:104px !important;}
*html .brand_name .center{ width:220px;}
*html .product_list .row .btn_buy img{ margin:-6px 0 0 0;}
*html .kv_3rd .btn_left a{background:url(../images/btn_banner_back_off.gif) no-repeat top left;}
*html .kv_3rd .btn_left a:hover{  background:url(../images/btn_banner_back_ov.gif) no-repeat top left; }
*html .kv_3rd .btn_right a{background:url(../images/btn_banner_next_off.gif) no-repeat top left;}
*html .kv_3rd .btn_right a:hover{background:url(../images/btn_banner_next_ov.gif) no-repeat top left;}
*html .sellpop{background:none; padding:10px 20px 0;}
*html .sellpop .txt{background:url(../images/4th_sellpop_right.gif) no-repeat top right; width:580px; margin:0;}
*html .billboard_kv .product{padding:61px 0px 0 76px;}
*html .activities{ padding:0; width:748px;}
*html .act_kv .act_kv_pro .price .pr{margin:-40px 0 0 0;}
*html .box_mesg .top{ background:url(../images/mesg_top.gif) no-repeat bottom left;}
*html .box_mesg .btn a{float:left;}
*html h2 .title_imp{ float:right; margin:-20px 0 0 0;}