@charset "utf-8"; body {margin:0; text-align: justify;} body, td, input, select, textarea {font-size:9pt; font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "微軟正黑體", "Microsoft JhengHei", Arial, Helvetica, sans-serif; font-weight:normal; font-style:normal;} a {color:#019FE8; text-decoration: none;} a:hover {text-decoration:none;} ol, li{ list-style:none;} form {margin:0px;} input.cursor { cursor: pointer; cursor: hand; } img {border: 0px;} .center {text-align:center;} .absmiddle { vertical-align: middle;} .clear {clear:both; *display:inline;} .nodata {text-align:center; color:#666; padding:10px 0; } .unscroll { overflow:hidden; } /************************************/ #wrap { position: relative; width: 100%; text-align: left; margin: 0 auto; padding: 0 0; min-width: 1024px; } .basicblock { position: relative; width: 100%; } .section { position: relative; padding-top: 0px; width: 100%; } .viewer { position: relative; width:900px; margin:0 auto; } /* ============================================================ page header ============================================================ */ #page-header { /*position: relative; height: 0px;*/ /*background: url(12.png) no-repeat right 6px;*/ z-index: 1000; width: 100%; margin: 0 auto; height: 60px; } /* ============================================================ navi ============================================================ */ #navi { position: absolute; padding-top: 0; left: 0; width: 100%; height:60px; background:#C4292F; z-index:5000; } #navi.fixed { position: fixed; top: 0; /* IE5 later && javascript-on */ position: expression('absolute'); top: expression('0px'); top: expression(documentElement.scrollTop>67 || document.body.scrollTop>67 ? ((documentElement.scrollTop || document.body.scrollTop)-67)+'px':'0px'); } #navi ul.button {width:1200px; height:60px; margin:0 auto; background:#C4292F; padding:0px; list-style:none; } #navi ul.button>li {float:left; height:60px;} #navi ul.button>li.logo {width:252px; height:60px; margin-right:28px; background:url(images/logo.jpg) left top no-repeat; cursor:pointer;} #navi ul.button>li.bt {margin-right:2px; position:relative;} #navi ul.button>li.bt .upr {display:none; position:absolute; width:100%; height:10px; left:0px; top:60px; background:url(images/icon_upr.png) center bottom no-repeat;} #navi ul.button>li.bt .menu {display:none; position:absolute; right:0px; top:70px; width:100%; background:#344450; padding:0px; margin:0px;} #navi ul.button>li.bt .menu .img {float:left; width:114px; height:100px; padding:3px;} #navi ul.button>li.bt .menu ul.first {float:left; margin:0px; padding:0px; list-style:none;} #navi ul.button>li.bt .menu ul.first>li {position:relative; height:34px; line-height:34px; background:#344450; text-align:center; color:#FFFFFF; font-size:14px; border-top:1px solid #606F7C; border-bottom:1px solid #17222B; cursor:pointer;} #navi ul.button>li.bt .menu ul.first>li:hover {background:#121B22;} #navi ul.button>li.bt .menu ul.first>li:first-child {border-top:0px;} #navi ul.button>li.bt .menu ul.first>li:last-child {border-bottom:0px;} #navi ul.button>li.bt .menu ul.first>li.left {text-align:left;} #navi ul.button>li.bt .menu ul.first>li span {display:inline-block; padding:0 11px; background:url(images/icon_menu_arr.png) no-repeat; background-position:right 14px;} #navi ul.button>li.bt .menu ul.first>li a {color:#FFFFFF;} #navi ul.button>li.bt .upl {display:none; position:absolute; width:13px; height:100%; right:-13px; top:0px; background:url(images/icon_upl.png) right 16px no-repeat;} #navi ul.button>li.bt .menu ul.sub {display:none; position:absolute; right:-152px; top:0px; width:133px; margin:0px; padding:0px; list-style:none; padding:3px; background:#344450;} #navi ul.button>li.bt .menu ul.sub>li {position:relative; height:34px; line-height:34px; background:#344450; text-align:center; color:#FFFFFF; font-size:14px; border-top:1px solid #606F7C; border-bottom:1px solid #17222B; cursor:pointer;} #navi ul.button>li.bt .menu ul.sub>li:hover {background:#FF3030;} #navi ul.button>li.bt .menu ul.sub>li:first-child {border-top:0px;} #navi ul.button>li.bt .menu ul.sub>li:last-child {border-bottom:0px;} #navi ul.button>li.bt .menu ul.sub>li span {display:inline-block; padding:0 11px; background:url(images/icon_menu_arr.png) no-repeat; background-position:right 14px;} #navi ul.button>li.bt .menu ul.sub>li a {color:#FFFFFF;} #navi ul.button>li.bt:hover .upr {display:block;} #navi ul.button>li.bt:hover .menu {display:block;} #navi ul.button>li.bt .menu ul.first>li:hover>.upl {display:block;} #navi ul.button>li.bt .menu ul.first>li:hover>ul.sub {display:block;} #navi ul.button>li.bt .menu ul.sub>li:hover>.upl {display:block;} #navi ul.button>li.bt .menu ul.sub>li:hover>ul.sub {display:block;} #navi ul.button>li.share {position:relative; float:right !important; margin-right:0px !important;} #navi ul.button>li.share .menu {width:98px; left:50%; margin-left:-49px;} #navi ul.button>li.share a.fb {padding-left:20px; background:url(images/icon_facebook.png) left top no-repeat; line-height:34px; margin-left:8px;} #navi ul.button>li.share a.gplus {padding-left:20px; background:url(images/icon_gplus.png) left top no-repeat; line-height:34px; margin-left:8px;} #navi ul.button>li.share a.twitter {padding-left:20px; background:url(images/icon_twitter.png) left top no-repeat; line-height:34px; margin-left:8px;} #navi ul.button>li.share form .bt-search {width:60px; height:60px; border:0px; text-indent: -9000px; position:relative; background:url(images/icon_search.jpg) left top no-repeat; cursor:pointer;} #navi ul.button>li.share form:hover .bt-search {background:url(images/icon_search_1.jpg) left top no-repeat;} #navi ul.button>li.share form .sel {position:absolute; left:13px; top:0px; width:298px; height:60px; background:#121B22; z-index:2; overflow:hidden; display:none;} #navi ul.button>li.share form .sel input.text {width:262px; padding:3px 5px 3px 5px; margin:18px 0 0 16px; height:16px; border:0px; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:none;} #navi ul.button>li.share .hcart {display:block; width:60px; height:60px; background:url(images/icon_cart.jpg) left top no-repeat; cursor:pointer;} #navi ul.button>li.share .hcart span {display:block; width:32px; height:20px; line-height:20px; color:#1F1F1F; margin-left:28px; padding-top:11px; text-align:center;} #navi ul.button>li.share .hcart2 {background:url(images/icon_cart_2.jpg) left top no-repeat !important;} #navi ul.button>li.share .scart {display:none; position:absolute; width:314px; right:0px; top:60px;} #navi ul.button>li.share .scart .cart-list {background:#121B22; min-height:100px; _height:100px; padding:4px;} #navi ul.button>li.share .scart .cart-list .incart {float:left; width:80px; margin:11px 11px 6px 11px;} #navi ul.button>li.share .scart .cart-list .incart .img {width:80px; height:80px; background:#FFFFFF; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:72px; /* 80px * 0.9 */ *font-family:Arial; } #navi ul.button>li.share .scart .cart-list .incart .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} #navi ul.button>li.share .scart .cart-list .incart .img img {vertical-align:middle;} #navi ul.button>li.share .scart .cart-list .incart .buyprice {line-height:16px; margin-top:2px; color:#FFFFFF;} #navi ul.button>li.share .scart .cart-list .incart .buyprice span {color:#FF3333; font-size:10px;} #navi ul.button>li.share .scart .total-price {background:#121B22; height:40px; margin-top:1px;} #navi ul.button>li.share .scart .total-price .pp {display:block; float:left; line-height:25px; height:25px; margin:8px 6px 0 15px; color:#AEAEB0; font-size:12px;} #navi ul.button>li.share .scart .total-price .pp b {color:#FFFFFF; font-weight:bold; font-size:14px;} #navi ul.button>li.share .scart .total-price .checkout {display:block; float:right; margin:8px 15px 0 0; width:72px; height:25px; background:url(images/bt_h_checkout.jpg) left top no-repeat; cursor:pointer; text-indent: -9000px;} #navi ul.button>li.share:hover .hcart {background:url(images/icon_cart_1.jpg) left top no-repeat !important;} #navi ul.button>li.share:hover .scart {display:block;} #navi ul.button>li.cart-show .scart {display:block !important;} #prod-search.in .bt-search {background:url(images/icon_search_1.jpg) left top no-repeat !important;} /* 頁尾 */ #footer {min-width:1200px; min-height:670px; _height:670px; background:#282C2F;} #footer .viewer {padding-top:52px;} #footer .viewer #to-top {position:absolute; width:50px; height:50px; right:0px; top:-50px; background:url(images/icon_to_top.jpg) left top no-repeat; text-indent: -9000px; cursor:pointer;} #footer .viewer ul.menu {padding:0px; margin:0px; list-style:none;} #footer .viewer ul.menu>li h2 {display:block; width:167px; height:30px; margin-bottom:13px; background:url(images/logo_foot.jpg) left top no-repeat; text-indent: -9000px; margin-top:0; } #footer .viewer ul.menu>li h3 {display:block; height:21px; line-height:21px; color:#A2A4A3; font-size:13px; margin:9px 0 13px 0;} #footer .viewer ul.menu>li {float:left; width:200px; } #footer .viewer ul.menu>li.sec { width:700px; } #footer .viewer ul.menu2 {padding:0; margin:0; list-style:none; clear:both; } #footer .viewer ul.menu2>li {float:left; width:200px; margin-left:33px;} #footer .viewer ul.menu2>li h2 {display:block; width:167px; height:30px; margin-bottom:13px; background:url(images/logo_foot.jpg) left top no-repeat; text-indent: -9000px; margin-top:0; } #footer .viewer ul.menu2>li h3 {display:block; height:21px; line-height:21px; color:#A2A4A3; font-size:13px; margin:9px 0 13px 0;} #footer .viewer ul.sub {padding:7px 0px 36px; margin:0px; list-style:none; border-top:1px solid #717171;} #footer .viewer ul.sub>li {line-height:30px; color:#FFFFFF; font-size:11px; clear:both;} #footer .viewer ul.sub>li a {color:#FFFFFF; text-decoration:none;} #footer .viewer ul.sub>li a:hover {text-decoration:underline;} #footer .viewer ul.sub>li span {float:left; display:block; height:30px;} #footer .viewer ul.sub>li ul {display:inline-block; margin:0 0 0 20px; padding:0px; list-style:none; color:#B6B8B7;} #footer .viewer ul.sub>li ul a {color:#B6B8B7; text-decoration:none;} #footer .viewer ul.sub>li ul a:hover {color:#FFFFFF; text-decoration:underline;} #footer .viewer ul.sub>li.map {padding-top:20px;} #footer .viewer .copyright {line-height:14px; color:#6C6C6C; font-size:10px; padding-top:14px; border-top:1px solid #717171; clear:both; padding-bottom:15px;} #footer .viewer .copyright a {color:#6C6C6C;} #footer .viewer .copyright a:hover {text-decoration:underline;} #footer .viewer .copyright ul.fb {float:right; margin:0px; padding:0px; list-style:none;} #footer .viewer .copyright ul.fb li {float:left;} #home-movie {min-width:1200px;} #home-movie .youtube-frame {overflow:hidden;} /* 為愛而跑 */ #run-love.fixed {position:absolute; bottom:0; width: 100%; margin-bottom: 0px;} #run-love img {width:100%;} /* 最新消息 */ #home-news {min-width:1200px; height:1080px;} #home-news .viewer {padding-top:248px;} #home-news h2 {display:block; width:287px; height:65px; margin-bottom:12px; background:url(images/news_title.png) left top no-repeat; text-indent: -9000px;} #home-news ul {width:968px; height:410px; margin:0px; padding:0px; list-style:none;} #home-news ul li {position:relative; cursor:pointer;} #home-news ul li.large {float:left; width:600px; height:375px; margin-right:10px; background:#FFFFFF;} #home-news ul li.large:hover {background:#C4292F;} #home-news ul li.block {float:left; width:290px; height:185px; background:#FFFFFF;} #home-news ul li.block:hover {background:#C4292F;} #home-news ul li.bk2 {margin-top:5px;} #home-news ul li.large .img {width:580px; height:355px; padding:10px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:319.5px; /* 355px * 0.9 */ *font-family:Arial; } #home-news ul li.large .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} #home-news ul li.large .img img {vertical-align:middle;} #home-news ul li.block .img {width:270px; height:165px; padding:10px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:148.5px; /* 165px * 0.9 */ *font-family:Arial; } #home-news ul li.block .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} #home-news ul li.block .img img {vertical-align:middle;} #home-news ul li div.title {position:absolute; height:33px; bottom:0px; margin:10px; background:rgba(255, 255, 255, 0.5);} #home-news ul li div.title span {display:block; padding:0 10px; height:33px; color:#000000; line-height:33px; font-size:14px; font-weight:bold;} #home-news ul li.large div.title {width:580px;} #home-news ul li.block div.title {width:270px;} #home-news ul li.large:hover div.title {background:rgba(196, 41, 47, 0.5);} #home-news ul li.block:hover div.title {background:rgba(196, 41, 47, 0.5);} /* 商品情報 */ #home-product {min-width:1200px; height:1080px;} #home-product .viewer {padding-top:248px;} #home-product h2 {display:block; width:287px; height:65px; margin-bottom:12px; background:url(images/prod_title.png) left top no-repeat; text-indent: -9000px;} #home-product ul {width:900px; margin:0px; padding:0px; list-style:none;} #home-product ul li {width:900px; height:256px; margin-bottom:10px;} #home-product ul li .pic {float:left; width:625px; height:255px; background:#FFFFFF;} #home-product ul li .pic .img {width:605px; height:235px; padding:10px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:351px; /* 390px * 0.9 */ *font-family:Arial; } #home-product ul li .pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} #home-product ul li .pic .img img {vertical-align:middle;} #home-product ul li .note {float:left; width:275px; height:255px; background:#C4292F; position:relative;} #home-product ul li .note .text {padding:11px 15px; height:168px; line-height:24px; color:#FEFFFD; font-size:13px; overflow:hidden;} #home-product ul li .note .text .tit {margin-bottom:10px; font-size:12pt; font-weight:bold;} #home-product ul li .note .ball {position:absolute; width:56px; height:56px; right:15px; bottom:18px; background:url(images/icon_more_ball.jpg) left top no-repeat;} #home-product ul li .note .ball a {display:block; width:56px; height:56px;} #home-product ul li:hover .note {background:#FFFFFF;} #home-product ul li:hover .note .text {color:#525252;} #home-product ul li:hover .note .ball {background:url(images/icon_more_ball_1.jpg) left top no-repeat;} /* 健身房規劃 */ #home-plan {min-width:1200px; height:1080px;} #home-plan .viewer {padding-top:248px;} #home-plan h2 {display:block; width:287px; height:65px; margin-bottom:12px; background:url(images/plan_title.png) left top no-repeat; text-indent: -9000px;} #home-plan ul {width:900px; margin:0px; padding:0px; list-style:none;} #home-plan ul li {float:left; width:280px; height:381px; margin-left:30px; color:#343434; background:#FFFFFF; cursor:pointer;} #home-plan ul li:first-child {margin-left:0px;} #home-plan ul li .pic {padding:10px; width:260px; height:173px; margin:0 auto;} #home-plan ul li .pic .img {width:260px; height:173px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:155.7px; /* 173px * 0.9 */ *font-family:Arial; } #home-plan ul li .pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} #home-plan ul li .pic .img img {vertical-align:middle;} #home-plan ul li .date {width:260px; height:16px; margin:0 auto; margin-top:2px; line-height:16px; font-size:11px;} #home-plan ul li .name {width:260px; height:48px; margin:0 auto; margin-top:2px; line-height:24px; font-size:15px; overflow:hidden;} #home-plan ul li .intro {width:260px; margin:0 auto; line-height:22px; font-size:12px;} #home-plan ul li:hover {background:#C4292F; color:#FFFFFF;} /* 最後一頁 */ #home-link {min-width:1200px; height:1080px;} #home-link ul {position:absolute; width:679px; height:136px; padding:0px; margin:0px; list-style:none; left:50%; top:50%; margin-left:-339px; margin-top:-68px;} #home-link ul li {float:left; margin-left:45px;} #home-link ul li:first-child {margin-left:0px;} /*樓層區塊*/ .af-floor {width:40px; position:fixed; z-index:500; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .af-floor .cft2 { width:40px; margin-bottom:6px; } .af-floor .cft2 img { vertical-align:top; } .af-floor .top {width:40px; height:40px; background:url(images/moveto_top.png?t=0826); cursor:pointer;} .af-floor .top:hover {width:40px; height:40px; background:url(images/moveto_top_1.png?t=0826); cursor:pointer;} .af-floor ul {padding:0 0 10px 0; margin:0 0 2px 0; list-style:none; background:url(images/moveto_bg.png) left bottom no-repeat;} .af-floor ul li.level {width:40px; height:30px; margin:0px; padding:0px; border:0px; background:url(images/moveto_ball.png) left top no-repeat; text-indent: -9000px; cursor:pointer;} .af-floor ul li.level:hover {background:url(images/moveto_ball_1.png) left top no-repeat;} .af-floor ul li.active {background:url(images/moveto_ball_1.png) left top no-repeat !important;} .af-floor ul li.topbg {width:40px; height:10px; margin:0px; padding:0px; border:0px; background:url(images/moveto_bg2.png) left top no-repeat;} /* **************************************************************************************************** */ .mbnrs {position:relative; z-index:1;} .mbnrs .bnr {position:relative; min-width:1200px; width:100%; height:270px; text-align:center; left:0px; top:0px; overflow:hidden;} .mbnrs .bnr img {position:absolute; left:50%; top:0px; margin-left:-960px;} .moptb {height:64px; text-align:center;} .moptb .op {width:1140px; margin:0 auto; text-align:left; line-height:18px; color:#B0B0B0; padding:21px 0;} .moptb .op a {color:#B0B0B0;} .moptb .hr {height:4px; background:url(images/side_title_hr.jpg) left top repeat-x; overflow:hidden;} .moptb .hr2 {height:4px; background:url(images/side_title_hr2.jpg) left top repeat-x; overflow:hidden;} #Main-Menu {width:1140px; margin:16px auto 10px auto; padding:0px;} #Main-Menu li {float:left; height:40px; margin-left:10px; margin-bottom:9px; background:url(images/main_li_bg.jpg) left top repeat-x; cursor:pointer; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;} #Main-Menu li span {display:block; min-width:64px; color:#FFFFFF; font-weight:bold; font-size:14px; line-height:16px; padding-right:34px; background:url(images/main_li_arr.jpg) right top no-repeat; margin:12px 9px 12px 13px;} #Main-Menu li.in, #Main-Menu li:hover {background:url(images/main_li_bg_in.jpg) left top repeat-x;} #Main-Menu li.in span, #Main-Menu li:hover span {background:url(images/main_li_arr_in.jpg) right top no-repeat;} #Main-Menu li.rt {float:right;} #Main-Menu li.rt label {display:block; height:40px; margin:0px; padding-left:38px; cursor:pointer;} #Main-Menu li.rt label span {margin:0px 9px 0px 13px; padding-top:12px; background-position:right 12px;} #Main-Menu li.rt label.c1 {background:url(images/icon_yn.png) no-repeat; background-position:12px 9px;} #Main-Menu li.rt label.c2 {background:url(images/icon_heart.png) no-repeat; background-position:12px 9px;} #Main-Menu li.clear {float:none; height:auto; clear:both; margin:0px; margin-left:0px; margin-bottom:0px;} #main-canvas {width:1140px; margin:0 auto; text-align:left; padding-bottom:100px;} /* **************************************************************************************************** */ /*** 公司簡介 ***/ .mabout {} .mabout h2.about {height:59px; margin:0px; background:url(images/title/tit_about.jpg) left top no-repeat; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; text-indent: -9000px;} .mabout h2.story {height:59px; margin:0px; background:url(images/title/tit_story.jpg) left top no-repeat; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; text-indent: -9000px;} .mabout h2.review {height:59px; margin:0px; background:url(images/title/tit_reviews.gif) left top no-repeat; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; text-indent: -9000px;} .mabout .shead {height:59px; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F;} .mabout .shead h2.history {float:left; width:122px; height:59px; margin:0px; background:url(images/title/tit_history.jpg) left top no-repeat; text-indent: -9000px;} .mabout .shead .year { float:left; margin-top:12px; margin-left:150px; border:1px solid #606060; border-radius:5px; padding:6px 12px; } .mabout .shead .year select { font-size:16px; border:0 none; background-color:#fff; } .mabout .shead ul {float:left; height:20px; margin-top:25px;} .mabout .shead ul li {float:left; line-height:20px; height:20px; color:#545454; margin-right:12px;} .mabout .shead ul li a {color:#545454;} .mabout .shead ul li a:hover {color:#C22830;} .mabout .shead ul li.in {color:#C22830; font-weight:bold;} .mabout .shead ul li.in a {color:#C22830;} .mabout .article {min-height:340px; _height:340px; padding:20px 13px; color:#535353;} .mabout .article a {color:#00A1EA; text-decoration:underline;} .mabout .article a:hover {color:#FF4433; text-decoration:underline;} .mabout .article .img {float:left; margin-right:25px;} .mabout .article .info {line-height:24px;} .mabout .article .info span.name {display:block; font-size:10pt; color:#0297C2; font-weight:bold; line-height:24px;} .mabout ul.list {margin:0px; padding:0px;} .mabout ul.list li {padding:24px 13px; border-bottom:1px dotted #AFAFAF;} .mabout ul.list li .pic {float:left; width:350px;} .mabout ul.list li .pic .img {width:350px; min-height:120px; _height:120px; margin:0 auto; display:table-cell; text-align:center; vertical-align:middle;} .mabout ul.list li .info {float:left; width:710px; margin-left:50px;} .mabout ul.list li .info .name {line-height:24px; color:#C4292D; font-weight:bold; font-size:15px;} .mabout ul.list li .info .data {line-height:24px; color:#525252; font-size:9pt;} .mabout ul.list li .info .url {line-height:24px; color:#525252;} .mabout ul.list li .info .url a {color:#0297C1; text-decoration:underline;} .mabout ul.list li .info .url a:hover {color:#FF4433; text-decoration:underline;} /*** 人力資源 ***/ .hresource {} .hresource .shead {height:59px; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F;} .hresource .shead h2.t1 {float:left; display:block; width:262px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_select.jpg) left top no-repeat; text-indent: -9000px;} .hresource .shead h2.t2 {float:left; display:block; width:222px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_learn.jpg) left top no-repeat; text-indent: -9000px;} .hresource .shead h2.t3 {float:left; display:block; width:232px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_talent.jpg) left top no-repeat; text-indent: -9000px;} .hresource .shead ul {float:left; height:20px; margin:0px; padding:0px; margin-top:25px;} .hresource .shead ul li {float:left; line-height:20px; height:20px; color:#545454; margin-right:12px;} .hresource .shead ul li a {color:#545454;} .hresource .shead ul li a:hover {color:#C22830;} .hresource .shead ul li.in {color:#C22830; font-weight:bold;} .hresource .shead ul li.in a {color:#C22830;} .hresource .article {min-height:340px; _height:340px; padding:20px 13px; color:#535353;} .hresource table.listtb {width:100%;} .hresource table.listtb th {text-align:left;} .hresource table.listtb td.name {color:#0195C3;} /*** 最新消息 ***/ .news {} .news ul.item {margin:0px; padding:10px; border-bottom:1px dotted #C9C9C9; list-style:none;} .news ul.item:first-child {border-top:1px dotted #C9C9C9;} .news ul.item:nth-child(odd) {background:#EEEEEE;} .news ul.item:nth-child(even) {background:#FFFFFF;} .news ul.item li {float:left;} .news ul.item li.pic {width:180px; height:100px; margin-right:28px;} .news ul.item li.pic .img {width:178px; height:98px; border:1px solid #CACACA; background:#FFFFFF; margin:0 auto; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:88.2px; /* 98px * 0.9 */ *font-family:Arial; } .news ul.item li.pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .news ul.item li.pic .img img {vertical-align:middle;} .news ul.item li.info {width:820px; margin-top:26px; margin-right:24px;} .news ul.item li.info .subject {min-height:36px; line-height:18px; color:#000000; font-weight:bold; font-size:14px;} .news ul.item li.info .post {line-height:16px; color:#0196C1; font-size:12px;} .news ul.item li.go {width:37px; height:37px; margin-top:34px;} .news ul.item li.go a {display:block; width:37px; height:37px; background:url(images/icon_news_bt.png) left top no-repeat; text-indent: -9000px;} .news ul.item li.clear {float:none; padding:0px; margin:0px;} .news ul.item li.vpic {position:relative; width:196px; height:149px; margin-right:13px;} .news ul.item li.vpic .img {width:194px; height:147px; border:1px solid #CACACA; background:#FFFFFF; margin:0 auto; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:132.3px; /* 147px * 0.9 */ *font-family:Arial; } .news ul.item li.vpic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .news ul.item li.vpic .img img {vertical-align:middle;} .news ul.item li.vpic .time {position:absolute; right:6px; bottom:6px; height:14px; line-height:14px; padding:0 4px; background:rgba(36,36,36,0.7); color:#FFFFFF; font-weight:bold; } .news ul.item li.vinfo {width:820px; margin-top:22px; margin-right:24px;} .news ul.item li.vinfo .subject {min-height:36px; line-height:18px; color:#000000; font-weight:bold; font-size:14px;} .news ul.item li.vinfo .post {line-height:16px; color:#0196C1; font-size:12px;} .news ul.item li.vinfo .note {line-height:20px; color:#535353; font-size:12px; margin-top:18px;} .news ul.item li.vgo {width:37px; height:37px; margin-top:54px;} .news ul.item li.vgo a {display:block; width:37px; height:37px; background:url(images/icon_news_bt.png) left top no-repeat; text-indent: -9000px;} .news .shead {min-height:59px; _height:59px; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F;} .news .shead h2 {display:table-cell; width:1040px; height:43px; line-height:20px; text-align:left; vertical-align:middle; font-size:13px; color:#C12B2D; padding:8px 10px; margin:0px;} .news .shead .post {float:right; margin:21px 10px 0 10px; width:76px; height:18px; text-align:center; line-height:18px; color:#0196C1; font-size:11px;} .news .fullimg {padding:24px 12px 12px 12px; text-align:center;} .news .detail {width:854px; margin:0 auto; padding:12px 18px; line-height:28px; color:#525252;} .news .back {padding:10px; line-height:16px; border-top:1px dotted #CACACA; margin-top:12px;} .news .back a {display:inline-block; padding-left:20px; line-height:16px; color:#000000; background:url(images/icon_ballarr.jpg) left top no-repeat;} .news .vsubject {width:854px; margin:0 auto; margin-top:12px; line-height:28px; color:#0295C0; font-size:14px; font-weight:bold;} .news .vdetail {width:854px; margin:0 auto; line-height:28px; color:#525252;} .news .vback {width:854px; margin:0 auto; padding:10px; line-height:16px; border-top:1px dotted #CACACA; margin-top:12px;} .news .vback a {display:inline-block; padding-left:20px; line-height:16px; color:#000000; background:url(images/icon_ballarr.jpg) left top no-repeat;} /*** 常見問題 ***/ .faq {} .faq .shead {height:59px; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F;} .faq .shead h2 {float:left; display:block; width:92px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_qa.jpg) left top no-repeat; text-indent: -9000px;} .faq .shead ul {float:left; height:20px; margin:0px; padding:0px; margin-top:25px;} .faq .shead ul li {float:left; line-height:20px; height:20px; color:#545454; margin-right:12px;} .faq .shead ul li a {color:#545454;} .faq .shead ul li a:hover {color:#C22830;} .faq .shead ul li.in {color:#C22830; font-weight:bold;} .faq .shead ul li.in a {color:#C22830;} .faq .search {margin:33px 16px; padding-left:38px; height:29px; background:url(images/icon_st_search.jpg) left top no-repeat;} .faq .search .text {float:left; display:block; width:287px; height:27px; padding:0 10px; border:1px solid #CACACA; border-right:0px; border-top-left-radius:3px; border-bottom-left-radius:3px;} .faq .search .shbt {float:left; display:block; width:55px; height:29px; border:0px; cursor:pointer; background:url(images/store_shbt.jpg) left top no-repeat; text-indent: -9000px;} .faq ul.list {margin:0px; padding:0px; border-top:1px solid #CACACA;} .faq ul.list li {border-bottom:1px dotted #CACACA;} .faq ul.list li:nth-child(odd) {background:#EEEEEE;} .faq ul.list li:nth-child(even) {background:#FFFFFF;} .faq ul.list li .title {padding:17px 21px; min-height:25px; _height:25px; cursor:pointer;} .faq ul.list li .title .q {float:left; width:1000px; min-height:25px; _height:25px; line-height:25px; color:#000000; font-size:13px; padding-left:42px; background:url(images/icon_q1.png) left top no-repeat;} .faq ul.list li .title .icon {float:right; width:16px; height:16px; background:url(images/icon_qcross.png) left top no-repeat; margin:6px 2px 0 0;} .faq ul.list li .content {display:none; padding:21px 160px 21px 98px; line-height:20px; font-size:12px; color:#C2292E; background:url(images/icon_a.jpg) 64px 17px no-repeat;} .faq ul.list li.in {background:#FFFFFF;} .faq ul.list li.in .title {background:#C4292F;} .faq ul.list li.in .title .q {color:#FFFFFF; background:url(images/icon_q2.png) left top no-repeat;} .faq ul.list li.in .title .icon {background:url(images/icon_qsub.png) left top no-repeat;} /*** 客服專區 ***/ .service {} .service .shead {height:59px; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F;} .service .shead h2.t1 {float:left; display:block; width:251px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_priacy.jpg) left top no-repeat; text-indent: -9000px;} .service .shead h2.t2 {float:left; display:block; width:200px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tittle_johnsoncare.gif) left top no-repeat; text-indent: -9000px;} .service .shead h2.t3 {float:left; display:block; width:147px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_warranty.jpg) left top no-repeat; text-indent: -9000px;} .service .shead h2.t4 {float:left; display:block; width:201px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_repair.jpg) left top no-repeat; text-indent: -9000px;} .service .shead h2.t5 {float:left; display:block; width:166px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_download.jpg) left top no-repeat; text-indent: -9000px;} .service .shead h2.t6 {float:left; display:block; width:172px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_contact.jpg) left top no-repeat; text-indent: -9000px;} .service .shead ul {float:left; height:20px; margin:0px; padding:0px; margin-top:25px;} .service .shead ul li {float:left; line-height:20px; height:20px; color:#545454; margin-right:12px;} .service .shead ul li a {color:#545454;} .service .shead ul li a:hover {color:#C22830;} .service .shead ul li.in {color:#C22830; font-weight:bold;} .service .shead ul li.in a {color:#C22830;} .service .article {min-height:340px; _height:340px; padding:20px 13px; color:#535353;} .service .msg {width:710px; margin:0 auto; margin-top:22px; margin-bottom:30px; line-height:26px; color:#535353; font-size:12px;} .service .msg span.hd {display:block; font-size:14px; font-weight:bold; color:#0396C2;} .service .cform {width:710px; margin:0 auto;} .service .cform li.title {width:70px; margin-left:11px; margin-right:4px;} .service .cform li.ftxt {} .service .cform li.ftxt2 {margin-left:12px;} .service .cform li.sec {float:left; line-height:25px; color:#AFAFAF; font-size:9pt; margin-left:12px;} .service .cform li.sec .chgcode {display:block; width:74px; height:23px; background:url(images/chg_code.jpg) left top no-repeat; text-indent: -9000px;} .service .cform input.text {width:252px;} .service .cform input.mail {width:601px;} .service .cform input.code {width:90px;} .service .cform select {width:611px;} .service .cform select.sel {width:262px;} .service .cform textarea {width:601px; height:130px;} .service .cform span.wait {color:#FF9600;} .service .cform span.kyes {display:block; padding-left:22px; color:#A9C32E; background:url(images/icon_yes.gif) no-repeat; background-position:left 3px;} .service .cform span.kno {display:block; padding-left:22px; color:#FF3333; background:url(images/icon_no.gif) no-repeat; background-position:left 3px;} .service .search {margin:33px 16px; padding-left:38px; height:29px; background:url(images/icon_st_search.jpg) left top no-repeat;} .service .search .text {float:left; display:block; width:287px; height:27px; padding:0 10px; border:1px solid #CACACA; border-right:0px; border-top-left-radius:3px; border-bottom-left-radius:3px;} .service .search .shbt {float:left; display:block; width:55px; height:29px; border:0px; cursor:pointer; background:url(images/store_shbt.jpg) left top no-repeat; text-indent: -9000px;} .service ul.list {margin:0px; padding:0px; border-top:1px solid #CACACA;} .service ul.list li {padding:16px 0; border-bottom:1px dotted #CACACA;} .service ul.list li:nth-child(odd) {background:#EEEEEE;} .service ul.list li:nth-child(even) {background:#FFFFFF;} .service ul.list .date {float:left; width:95px; min-height:27px; _height:27px; line-height:27px; color:#0096C3; font-size:11px; text-align:center;} .service ul.list .name {float:left; width:930px; min-height:27px; _height:27px; line-height:27px; color:#000000; font-size:14px; font-weight:bold;} .service ul.list .dl {float:left; width:27px; height:27px; margin-left:30px; background:url(images/bt_dl.png) left top no-repeat; cursor:pointer; text-indent: -9000px;} .service table.listtb {width:100%;} .service h3 {display:block; width:710px; font-size:14px; font-weight:bold; color:#0396C2; margin:56px auto 20px auto; padding:0px;} .campaign .main-tit { border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; padding: 20px 10px; font-size:26px; color:#606060; } .campaign .chtml { padding: 10px 10px 50px; color:#535353; } /*** 健身房 ***/ .fullgym {background:#DCDCDC;} .gym {padding-bottom:52px !important;} .gym .shead {height:59px; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F;} .gym .shead h2 {display:block; width:166px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_gym.jpg) left top no-repeat; text-indent: -9000px;} .gym .wel {margin:24px 0 32px 0; padding:0 15px; line-height:20px; color:#535353;} .gym .wel .area {margin-top:18px;} .gym .wel .area select {border:1px solid #CACACA; margin:0px; height:25px; *height:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .gym .wel .area select.sel {width:126px; margin-right:10px;} .gym .wel .area select.sel2 {width:210px;} .gym .list {min-height:300px; _height:300px; border-top:1px solid #CACACA;} .gym .list .nodata {line-height:300px; text-align:center; color:#535353;} .gym .list .item {margin:0px; padding:0px;} .gym .list .item:nth-child(odd) .pic {float:left;} .gym .list .item:nth-child(odd) .info {float:left;} .gym .list .item:nth-child(odd) .map {float:left;} .gym .list .item:nth-child(even) .pic {float:right;} .gym .list .item:nth-child(even) .info {float:right;} .gym .list .item:nth-child(even) .map {float:right;} .gym .list .item .pic {width:450px; height:300px; position:relative;} .gym .list .item .pic .pl {position:relative; width:450px; height:300px; margin:0px; padding:0px; list-style:none;} .gym .list .item .pic .pl li {position:absolute; left:0px; top:0px; width:450px; height:300px;} .gym .list .item .pic .pl li .img {width:450px; height:300px; margin:0 auto; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:270px; /* 300px * 0.9 */ *font-family:Arial; } .gym .list .item .pic .pl li .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .gym .list .item .pic .pl li .img img {vertical-align:middle;} .gym .list .item .pic .num {position:absolute; left:0px; bottom:28px; width:100%; height:10px; text-align:center;} .gym .list .item .pic .num span {display:inline-block; width:10px; height:10px; line-height:10px; background:url(images/icon_pout.png) left top no-repeat; margin:0 6px; text-indent: -9000px; cursor:pointer;} .gym .list .item .pic .num span.in {background:url(images/icon_pin.png) left top no-repeat;} .gym .list .item .info {width:440px; height:300px; overflow:hidden;} .gym .list .item .info .name {padding:25px 37px 10px 37px; line-height:24px; color:#0097C0; font-weight:bold; font-size:14px;} .gym .list .item .info .intro {padding:0px 37px 10px 37px; line-height:20px; color:#535353; font-size:10pt;} .gym .list .item .map {width:250px; height:300px;} .gym .list .item .map .label {font-size:12px; background:rgba(0,112,112,0.4); color:#fff; padding:.25em} .gym .page {text-align:center; padding-top:24px;} .gym .page table {text-align:center; margin:0 auto;} /* 空間 */ .gym .hd {display:block; width:217px; height:69px; margin:0px; background:url(images/title/tit_room_planner.jpg) left top no-repeat; text-indent: -9000px;} .gym .ground {height:119px; border-top:1px solid #FFFFFF; border-bottom:1px solid #FFFFFF;} .gym .ground .sel {float:left; width:435px; margin:26px 0 0 16px; line-height:16px; color:#010101; font-size:12px;} .gym .ground .sel span {display:block; margin-top:20px;} .gym .ground .sel select {border:1px solid #CACACA; margin:0px; height:25px; *height:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .gym .ground .link {float:right; margin:30px 16px 0 0; line-height:16px; color:#6D6D6D; font-size:18px;} .gym .ground .link span {margin-right:14px; margin-top:38px;} .gym .ground .link a {display:inline-block; width:393px; height:58px; vertical-align:text-bottom; background:url(images/gomaxtrix.jpg) left top no-repeat; text-indent: -9000px;} .gym .roomsize {min-height:270px; _height:270px;} .gym .roomsize .nodata {line-height:270px; text-align:center; color:#535353;} .gym .roomsize ul {margin:0px; padding:0px; list-style:none;} .gym .roomsize ul li {float:left; width:285px; text-align:center; margin:20px 0 30px 0;} .gym .roomsize ul li .pic {width:250px; height:170px; margin:0 auto;} .gym .roomsize ul li .pic .img {width:250px; height:170px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:153px; /* 170px * 0.9 */ *font-family:Arial; } .gym .roomsize ul li .pic .img :after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .gym .roomsize ul li .pic .img img {vertical-align:middle;} .gym .roomsize ul li .title {width:250px; line-height:20px; font-size:14px; font-weight:bold; color:#000000; margin:0 auto; margin-top:18px;} .gym .roomsize ul li.clear {float:none; margin:0px; clear:both;} .gym .hash {display:block; width:30px; height:8px; overflow:hidden;} /* 規劃 */ .gym .shead2 {height:69px; border-bottom:1px solid #C4292F;} .gym .shead2 h2 {display:block; width:243px; height:69px; margin:0px; margin-right:20px; background:url(images/title/tit_gym_ask.jpg) left top no-repeat; text-indent: -9000px;} .gym .ground .loc {margin:26px 0 0 16px; line-height:16px; color:#010101; font-size:12px;} .gym .ground .loc span {display:block; margin-top:20px;} .gym .ground .loc select {border:1px solid #CACACA; margin:0px; height:25px; *height:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .gym .form {border-top:1px solid #CACACA; padding-top:34px;} .gym .form .cform {width:710px; margin:0 auto;} .gym .form .cform li.title {width:70px; margin-left:11px; margin-right:4px;} .gym .form .cform li.ftxt {} .gym .form .cform li.ftxt2 {margin-left:12px;} .gym .form .cform li.sec {float:left; line-height:25px; color:#AFAFAF; font-size:9pt; margin-left:12px;} .gym .form .cform li.sec .chgcode {display:block; width:74px; height:23px; background:url(images/chg_code.jpg) left top no-repeat; text-indent: -9000px;} .gym .form .cform input.text {width:252px;} .gym .form .cform input.mail {width:601px;} .gym .form .cform input.code {width:90px;} .gym .form .cform select {width:611px;} .gym .form .cform select.sel {width:262px;} .gym .form .cform textarea {width:601px; height:130px;} .gym .form .cform span.wait {color:#FF9600;} .gym .form .cform span.kyes {display:block; padding-left:22px; color:#A9C32E; background:url(images/icon_yes.gif) no-repeat; background-position:left 3px;} .gym .form .cform span.kno {display:block; padding-left:22px; color:#FF3333; background:url(images/icon_no.gif) no-repeat; background-position:left 3px;} /*** 門市 ***/ .store .shead {height:59px; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F;} .store .shead h2.t1 {float:left; display:block; width:188px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_store_1.jpg) left top no-repeat; text-indent: -9000px;} .store .shead h2.t2 {float:left; display:block; width:114px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_store_2.jpg) left top no-repeat; text-indent: -9000px;} .store .shead h2.t3 {float:left; display:block; width:232px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_store_3.jpg) left top no-repeat; text-indent: -9000px;} .store .shead h2.t4 {float:left; display:block; width:281px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_store_4.jpg) left top no-repeat; text-indent: -9000px;} .store .shead ul {float:left; height:20px; margin:0px; padding:0px; margin-top:25px;} .store .shead ul li {float:left; line-height:20px; height:20px; color:#545454; margin-right:12px;} .store .shead ul li a {color:#545454;} .store .shead ul li a:hover {color:#C22830;} .store .shead ul li.in {color:#C22830; font-weight:bold;} .store .shead ul li.in a {color:#C22830;} .store .note {line-height:20px; color:#535353; padding:0 16px; margin-top:24px;} .store .area {float:left; margin-top:18px; padding-left:16px; margin-right:40px; } .store .area select {border:1px solid #CACACA; margin:0px; height:25px; *height:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .store .ft {float:left;} .store .search {margin:15px 16px 33px 16px; padding-left:38px; height:29px; background:url(images/icon_st_search.jpg) left top no-repeat;} .store .search .text {float:left; display:block; width:287px; height:27px; padding:0 10px; border:1px solid #CACACA; border-right:0px; border-top-left-radius:3px; border-bottom-left-radius:3px;} .store .search .shbt {float:left; display:block; width:55px; height:29px; border:0px; cursor:pointer; background:url(images/store_shbt.jpg) left top no-repeat; text-indent: -9000px;} .store ul.list {margin:0px; padding:0px; border-top:1px solid #CACACA;} .store ul.list li {padding:10px; border-bottom:1px dotted #CACACA;} .store ul.list li:nth-child(odd) {background:#EEEEEE;} .store ul.list li:nth-child(even) {background:#FFFFFF;} .store ul.list li .pic {float:left; width:198px; height:133px; border:1px solid #CACACA; background:#FFFFFF; margin:22px 0 22px 5px;} .store ul.list li .pic .img {width:198px; height:133px; margin:0 auto; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:119.7px; /* 133px * 0.9 */ *font-family:Arial; } .store ul.list li .pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .store ul.list li .pic .img img {vertical-align:middle;} .store ul.list li .info {float:left; width:450px; margin:41px 0 22px 24px;} .store ul.list li .info .name {line-height:25px; color:#0096C1; font-weight:bold; font-size:15px; margin-bottom:8px;} .store ul.list li .info .data {line-height:30px; color:#525252; font-size:10pt;} .store ul.list li .map {float:right; width:382px; height:180px; border:1px solid #FFFFFF; margin:0px; background:#F0EDE6;} .store ul.list li .map .label {font-size:12px; background:rgba(212,112,112,0.4); color:#fff; padding:.25em} .store .bigmap {border-top:1px solid #CACACA; border-bottom:1px dotted #CACACA;} .store .bigmap .preview {float:left; width:522px; height:619px; overflow:auto;} .store .bigmap .preview ul.list li.in {background:#FFCCCC;} .store .bigmap .preview ul.list li .pic {cursor:pointer;} .store .bigmap .preview ul.list li .short {width:254px !important;} .store .bigmap .preview ul.list li .info {margin:31px 0 22px 22px; cursor:pointer;} .store .bigmap .preview ul.list li .info .data {line-height:24px; font-size:12px;} .store .bigmap .preview ul.list li:last-child {border-bottom:0px;} .store .bigmap .preview .nodata {height:619px; line-height:619px; text-align:center; color:#656565; font-size:12pt;} .store .bigmap .show-map {float:left; width:613px; height:609px; margin:5px 0 5px 5px;} .store .bigmap .show-map .label {font-size:12px; background:rgba(212,112,112,0.4); color:#fff; padding:.25em} .store .bigmap .labels {width:39px; height:46px; background:url(images/icon_maker.png) left top no-repeat;} .lgfrm {width:1140px; margin:74px auto 120px auto;} .lgfrm .set-center {width:850px; margin:0 auto;} .lgfrm h2.login {height:31px; width:98px; margin:0px; padding:0px; background:url(images/title/tit_login.jpg) left top no-repeat; text-indent: -9000px;} .lgfrm .note {margin:31px 0 15px 0; line-height:16px; color:#535353;} .lgfrm .to-login {float:left; width:398px; height:408px; border:1px solid #E6E6E6;} .lgfrm .to-login .tit-img {height:33px; background:url(images/tit_sign_in.jpg) center top no-repeat; margin:34px 0 18px 0; text-indent: -9000px;} .lgfrm .form {margin:0px; padding:0px; font-size:9pt;} .lgfrm .form input[type="text"], .lgfrm .form input[type="password"] {padding:3px 5px 3px 5px; margin:0px; height:16px; border:1px solid #C9C9C9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .lgfrm .form input.text {width:211px;} .lgfrm .form input.code {width:50px;} .lgfrm .form>li {padding:5px 0 6px 0;} .lgfrm .form>li ul {margin:0px; padding:0px; text-align:left;} .lgfrm .form>li ul li.title {float:left; width:60px; line-height:25px; color:#C62A2E; margin-left:46px; margin-right:12px;} .lgfrm .form>li ul li.title span {color:#FF9600;} .lgfrm .form>li ul li.ftxt {float:left; line-height:25px; color:#7E7E7E;} .lgfrm .form>li ul li.ftxt a {color:#7E7E7E;} .lgfrm .form>li ul li.ftxt a:hover {text-decoration:underline;} .lgfrm .form>li ul li.sec {float:left; margin-left:6px; color:#7E7E7E; line-height:25px;} .lgfrm .form>li ul li.sec img {display:block;} .lgfrm .form>li ul li.sec a {color:#7E7E7E; text-decoration:underline;} .lgfrm .form .forg {padding-left:15px; background:url(images/icon_forget.jpg) no-repeat; background-position:left 2px; color:#7D7D7D;} .lgfrm .form .join {padding-left:15px; background:url(images/icon_join.jpg) no-repeat; background-position:left 2px; color:#7D7D7D;} .lgfrm .form .bt-login {width:223px; height:35px; border:0px; background:url(images/bt_login.jpg) left top no-repeat; text-indent: -9000px; cursor:pointer;} .lgfrm .login-other {text-align:center; color:#7D7D7D; margin:20px 0 10px; line-height:20px;} .lgfrm .login-from {width:223px; height:auto; margin:0px auto; margin-top:12px; padding:0px;} .lgfrm .login-from li {float:left; } .lgfrm .login-from li a {display:block; width:44px; height:44px; text-indent: -9000px;} .lgfrm .login-from li a.fb {background:url(images/facebook_btn.png) left top no-repeat; width:223px; height:39px; } .lgfrm .login-from li a.yahoo {background:url(images/lg_yahoo.jpg) left top no-repeat;} .lgfrm .login-from li .google {display:block; width:44px; height:44px; text-indent: -9000px; background:url(images/lg_google.jpg) left top no-repeat; cursor:pointer;} .lgfrm .to-reg {float:left; width:400px; height:410px; background:#C4292F; margin-left:50px;} .lgfrm .to-reg .tit-img {height:33px; background:url(images/tit_register.jpg) center top no-repeat; margin:34px 0 0 0; text-indent: -9000px;} .lgfrm .to-reg .first-buy {line-height:24px; margin-top:62px; color:#FFFFFF; font-weight:bold; font-size:18px; text-align:center;} .lgfrm .to-reg .bt-join {display:block; width:279px; height:106px; margin:0 auto; margin-top:19px; border:0px; background:url(images/bt_register.jpg) left top no-repeat; cursor:pointer; text-indent: -9000px;} .lgfrm .to-reg .tips {line-height:18px; color:#F5E900; font-size:9pt; margin:20px 0 0 0; text-align:center;} .lgfrm h2.register {height:31px; width:140px; margin:0px; padding:0px; background:url(images/title/tit_register.jpg) left top no-repeat; text-indent: -9000px;} .lgfrm .reg-step {line-height:18px; color:#0297C2; font-size:9pt; margin:28px 0 14px 0;} .lgfrm .reg-step li {display:inline-block; margin-right:12px;} .lgfrm .reg-step li span {display:inline-block; padding-left:12px;} .lgfrm .reg-step li:first-child:before {content:''} .lgfrm .reg-step li:before {content:'>'} .lgfrm .read {border:1px solid #E5E5E5; height:455px; overflow:auto;} .lgfrm .read .content {line-height:22px; color:#545454; padding:10px 22px;} .lgfrm .agree {line-height:20px; color:#0098C1; margin:26px 0 24px 0;} .lgfrm h3.field-title {padding:8px 0 22px 0; text-align:center; color:#7D7D7D; font-weight:bold; font-size:10pt; border-bottom:1px solid #CACACA; margin-bottom:15px;} .lgfrm .cform li.title {width:74px;} .lgfrm .cform li.ftxt {} .lgfrm .cform li.remark {float:left; line-height:25px; color:#AFAFAF; font-size:9pt; margin-left:12px;} .lgfrm .cform li.remark span.wait {display:block; padding-left:22px; color:#7A7A7A; background:url(images/loading.gif) no-repeat; background-position:left 3px;} .lgfrm .cform li.remark span.kyes {display:block; padding-left:22px; background:url(images/icon_yes.gif) no-repeat; background-position:left 3px;} .lgfrm .cform li.remark span.kno {display:block; padding-left:22px; color:#FF3333; background:url(images/icon_no.gif) no-repeat; background-position:left 3px;} .lgfrm .cform li.ml {margin-left:10px;} .lgfrm .cform li.st {margin-left:43px; width:56px; } .lgfrm .cform input.text {width:276px;} .lgfrm .cform input.birthday {width:100px;} .lgfrm .cform input.zip {width:50px;} .lgfrm .cform input.company {width:170px;} .lgfrm .cform input.num {width:120px;} .lgfrm .cform input.addr {width:350px;} .lgfrm .cform textarea {width:610px; height:60px;} .lgfrm h2.forget {height:31px; width:140px; margin:0px; padding:0px; background:url(images/title/tit_forget.jpg) left top no-repeat; text-indent: -9000px;} .mtrace h2 {height:59px; margin:0px; background:url(images/title/tit_favorite.jpg) left top no-repeat; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; text-indent: -9000px;} .mtrace table.listtb {width:100%;} .mtrace table.listtb td {padding-top:18px; padding-bottom:18px;} .mtrace .pic .img {width:80px; height:80px; border:1px solid #E5E5E5; margin:0 auto; background:#FFFFFF; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:72px; /* 80px * 0.9 */ *font-family:Arial; } .mtrace .pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .mtrace .pic .img img {vertical-align:middle;} .mtrace .price {color:#FD322E; font-size:11px;} .mtrace .price b {color:#FD322E; font-size:14px;} .mtrace .trash {display:block; width:25px; height:25px; margin:0 auto; background:url(images/icon_del.png) left top no-repeat; text-indent: -9000px;} .morder h2 {height:59px; margin:0px; background:url(images/title/tit_order.jpg) left top no-repeat; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; text-indent: -9000px;} .morder table.listtb {width:100%;} .morder table.listtb th {text-align:left;} .morder table.listtb td {text-align:left; padding-top:18px; padding-bottom:18px;} .morder table.listtb td.group {height:auto; background:#C4292F; padding:5px 20px; line-height:18px; font-weight:bold; font-size:10pt; color:#EFEFEF;} .morder table.listtb .pic .img {width:80px; height:80px; border:1px solid #E5E5E5; margin:0 auto; background:#FFFFFF; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:72px; /* 80px * 0.9 */ *font-family:Arial; } .morder table.listtb .pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .morder table.listtb .pic .img img {vertical-align:middle;} .morder table.listtb .price {color:#FD322E; font-size:11px;} .morder table.listtb .price b {color:#FD322E; font-size:14px;} .morder table.listtb .style {display:block; line-height:20px; color:#727272; font-size:11px; margin-top:3px;} .morder table.listtb .style label {color:#727272; font-size:12px;} .morder table.listtb .trash {display:block; width:25px; height:25px; margin:0 auto; background:url(images/icon_del.png) left top no-repeat; text-indent: -9000px;} .morder table.listtb .prebuy {color:#F57F01;} .morder table.listtb .dist {color:#32C289;} .morder table.listtb .gift {color:#999933;} .morder .odcode {display:inline-block; line-height:20px; color:#0196C0; text-decoration:underline; padding-left:22px; background:url(images/icon_detail.gif) left 2px no-repeat;} .morder .money {color:#FF3030;} .morder .money b {font-size:14px;} .morder .ask {display:inline-block; line-height:20px; color:#313131; padding-left:19px; background:url(images/icon_odmsg.gif) left 3px no-repeat;} .morder .ask a {color:#313131;} .morder .ask-non {color:#B0B0B0; line-height:20px;} .morder .ask-new {color:#0196C1; line-height:20px;} .morder a.cancel {display:inline-block; line-height:29px; height:29px; background:#FFFFFF; border:1px solid #CACACA; padding:0 14px; font-size:12px; color:#535353; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} .morder a.cancel:hover {background:#F4E800;} .morder a.cancel2 {display:inline-block; line-height:29px; height:29px; background:#BD6C37; border:1px solid #CACACA; padding:0 14px; font-size:12px; color:#EFEFEF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; cursor:default;} .morder table.listtb {width:100%;} .morder table.listtb th {text-align:left;} .morder table.listtb td {text-align:left; padding-top:18px; padding-bottom:18px;} .morder table.listtb td.group {height:auto; background:#C4292F; padding:5px 20px; line-height:18px; font-weight:bold; font-size:10pt; color:#EFEFEF;} .morder table.listtb .pic .img {width:80px; height:80px; border:1px solid #E5E5E5; margin:0 auto; background:#FFFFFF; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:72px; /* 80px * 0.9 */ *font-family:Arial; } .morder table.listtb .pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .morder table.listtb .pic .img img {vertical-align:middle;} .morder table.listtb .price {color:#FD322E; font-size:11px;} .morder table.listtb .price b {color:#FD322E; font-size:14px;} .morder table.listtb .style {display:block; line-height:20px; color:#727272; font-size:11px; margin-top:3px;} .morder table.listtb .style label {color:#727272; font-size:12px;} .morder ul.info {margin:0px; padding:0px; padding:18px 42px 38px 0; list-style:none;} .morder ul.info li {text-align:right; line-height:24px; color:#7D7D7D;} .morder ul.info li span.large {font-weight:bold; font-size:14px;} .morder ul.info li span.buy {font-weight:bold; color:#FF3030; font-size:14px;} .morder ul.info li span.point {color:#C5292D;} .morder ul.info li span.discount {color:#0097C1; font-weight:bold; font-size:14px;} .morder ul.info li a.remove {display:inline-block; width:15px; height:15px; background:url(images/icon_remove.png) left 2px no-repeat; text-indent:-9000px; cursor:pointer;} .morder .line {height:1px; border-bottom:1px dotted #CACACA; overflow:hidden;} .morder .canvas {border:1px solid #CACACA;} .morder .box-label {line-height:39px; height:39px; text-align:center; color:#7E7E7E; font-weight:bold; font-size:10pt; background:#EEEEEE; border-top:1px solid #CACACA; border-bottom:1px dotted #CACACA;} .morder .box-label:first-child {border-top:0px;} .morder .cform {margin:22px 0 30px 0;} .morder .cform li.title {width:74px; margin-left:214px;} .morder .cform li.ftxt {} .morder .cform li.remark {float:left; line-height:25px; color:#7D7D7D; font-size:9pt; margin-left:12px;} .morder .cform input.text {width:276px;} .morder .cform input.zip {width:50px;} .morder .cform input.addr {width:350px;} .morder .cform textarea {width:610px; height:60px;} .morder .cform li.sec {float:left; line-height:25px; color:#7A7A7A; font-size:9pt;} .morder .cform li.sec span {color:#FD322E; font-size:14px; text-decoration:underline;} .morder .headtxt {line-height:22px; color:#535353; font-size:10pt; padding-left:4px; margin:10px 0 0px 0;} .morder .headtxt span {color:#FE3032; font-weight:bold; font-size:14px;} .morder .headtxt .notice-msg {display:inline-block; line-height:22px; color:#9A9A9A; text-align:left; font-size:11px; padding:0 6px 0 16px;} .morder select.select {width:130px;} .morder textarea.reason {width:130px; height:40px; margin-top:5px;} .morder .send {height:35px; margin-bottom:20px; margin-top:20px;} .morder .send ul {float:right; height:35px; margin:0px; margin-right:42px; padding:0px;} .morder .send ul li {float:left; margin-left:10px; height:35px;} .morder-msg {} .morder-msg h2 {height:59px; margin:0px; background:url(images/title/title_order_msg.jpg) left top no-repeat; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; text-indent: -9000px;} .morder-msg .message {padding-bottom:32px; border-bottom:1px dotted #CACACA;} .morder-msg .message .padd {width:852px; margin:0 auto;} .morder-msg .book {position:relative; margin-bottom:11px; margin-top:20px;} .morder-msg .book .title {height:37px;} .morder-msg .book .title .poster {float:left; line-height:37px; margin-left:21px; color:#FFFFFF; font-size:12px;} .morder-msg .book .title .poster span {font-size:15px; font-weight:bold;} .morder-msg .book .title .date {float:right; line-height:37px; margin-right:16px; color:#FFFFFF; font-size:12px;} .morder-msg .book .content {line-height:18px; padding:13px 20px; color:#7F7F7F; min-height:54px; _height:54px;} .morder-msg .ask {border:3px solid #C32A2F;} .morder-msg .ask .title {background:#C32A2F;} .morder-msg .ask .end {position:absolute; left:21px; bottom:-14px; width:11px; height:14px; background:url(images/od_msg_a1.jpg) left top no-repeat; overflow:hidden;} .morder-msg .reply {border:3px solid #AFAFB1;} .morder-msg .reply .title {background:#AFAFB1;} .morder-msg .reply .end {position:absolute; right:21px; bottom:-14px; width:11px; height:14px; background:url(images/od_msg_a2.jpg) left top no-repeat; overflow:hidden;} .morder-msg .cform {margin-top:22px; padding-bottom:16px; border-bottom:1px dotted #CACACA; margin-bottom:16px;} .morder-msg .cform li.notice {line-height:25px; color:#7E7E7E; margin-left:224px;} .morder-msg .cform li.title {width:64px; margin-left:224px;} .morder-msg .cform textarea {width:610px; height:100px;} .morder-msg .cform input.code {width:90px;} .morder-msg .cform li.sec {float:left; line-height:25px; color:#AFAFAF; font-size:9pt; margin-left:6px;} .morder-msg .cform li.sec a {text-decoration:underline;} .morder-msg .back-od {padding-left:847px; line-height:16px;} .morder-msg .back-od a {display:inline-block; padding-left:20px; line-height:16px; color:#000000; background:url(images/icon_ballarr.jpg) left top no-repeat;} .mbonus h2 {height:59px; margin:0px; background:url(images/title/tit_bonus.jpg) left top no-repeat; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; text-indent: -9000px;} .mbonus .own {height:59px; border-bottom:1px solid #CACACA; line-height:59px; padding-left:36px; color:#7D7D7D;} .mbonus .own span {margin:0 12px; color:#FF3030; font-size:14px; font-weight:bold;} .mbonus table.listtb {width:100%;} .mbonus .get {color:#0097C0;} .mbonus .pay {color:#FF2F2D;} .mbonus .get b, .mbonus .pay b {color:#0097C0; font-size:14px;} .mbonus .note {color:#7E7E7E;} .mcard h2 {height:59px; margin:0px; background:url(images/title/tit_card.jpg) left top no-repeat; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; text-indent: -9000px;} .mcard table.listtb {width:100%;} .mcard .note {color:#7E7E7E;} .mcard .get {color:#0097C0;} .mcard .get b {color:#0097C0; font-size:14px;} .mcard form input[type="text"] {padding:3px 5px 3px 5px; margin:0 6px; width:150px; height:16px; border:1px solid #C9C9C9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .mcard form .tips {color:#C4292D; font-size:8pt;} .gask h2 {height:59px; margin:0px; background:url(images/title/tit_gbook.jpg) left top no-repeat; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; text-indent: -9000px;} .gask .notice {line-height:16px; color:#545454; padding:35px 12px 28px 12px; border-bottom:1px dotted #CACACA; margin-bottom:22px;} .gask .draw {width:850px; margin:0 auto;} .gask .post {color:#7D7D7D;} .gask .post input[type="button"] {width:98px; height:33px; border:0px; background:url(images/bt_gbook.jpg) left top no-repeat; text-indent: -9000px; cursor:pointer;} .gask .post span {vertical-align:-9px; margin-left:10px;} .gask .book {margin-top:20px; border:3px solid #C3282E; border-top:0px;} .gask .book .title {background:#C3282E; padding:11px 0;} .gask .book .title .subject {float:left; width:640px; line-height:20px; color:#FFFFFF; font-weight:bold; font-size:14px; padding:0px 20px;} .gask .book .title .date {float:right; line-height:20px; font-size:8pt; color:#FFFFFF; margin-right:16px;} .gask .book .content {padding:22px; color:#7D7D7D; line-height:20px;} .gask .book .reply {border-top:1px dotted #C4292F;} .gask .book .reply .subject {line-height:20px; color:#000000; font-weight:bold; padding:22px 22px 0 22px;} .gask .book .reply .subject small {color:#000000; font-size:10px; font-weight:normal; margin-left:10px;} .gask .book .reply .content {padding:10px 22px 22px 22px; color:#000000;} .gask .cform li.title {width:74px;} .gask .cform li.ftxt {} .gask .cform li.button {margin-top:5px;} .gask .cform>li ul li.sec {float:left; margin-left:6px; color:#7E7E7E; line-height:25px;} .gask .cform>li ul li.sec img {display:block;} .gask .cform>li ul li.sec a {color:#7E7E7E; text-decoration:underline;} .gask .cform input.text {width:610px;} .gask .cform textarea {width:610px; height:160px;} .chginfo h2 {height:59px; margin:0px; background:url(images/title/tit_chginfo.jpg) left top no-repeat; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F; text-indent: -9000px;} .chginfo h3.field-title {padding:8px 0 22px 0; text-align:center; color:#7D7D7D; font-weight:bold; font-size:10pt; border-bottom:1px solid #CACACA; margin-bottom:15px;} .chginfo .cform li.title {width:74px; margin-left:214px;} .chginfo .cform li.ftxt {} .chginfo .cform li.remark {float:left; line-height:25px; color:#AFAFAF; font-size:9pt; margin-left:12px;} .chginfo .cform li.remark span.wait {display:block; padding-left:22px; color:#7A7A7A; background:url(images/loading.gif) no-repeat; background-position:left 3px;} .chginfo .cform li.remark span.kyes {display:block; padding-left:22px; background:url(images/icon_yes.gif) no-repeat; background-position:left 3px;} .chginfo .cform li.remark span.kno {display:block; padding-left:22px; color:#FF3333; background:url(images/icon_no.gif) no-repeat; background-position:left 3px;} .chginfo .cform li.ml {margin-left:10px;} .chginfo .cform li.st {margin-left:43px; width:56px; } .chginfo .cform input.text {width:276px;} .chginfo .cform input.birthday {width:100px;} .chginfo .cform input.zip {width:50px;} .chginfo .cform input.company {width:170px;} .chginfo .cform input.num {width:120px;} .chginfo .cform input.addr {width:350px;} .chginfo .cform textarea {width:610px; height:60px;} .prod {min-width:1200px; background:#DCDCDC;} .prod .cls-draw {position:relative; height:140px;} .prod ul.cls {position:absolute; top:-30px; margin:0px; padding:0px; min-width:1140px; height:170px; z-index:5;} .prod ul.cls li {float:left; position:relative; width:190px; height:170px; text-align:center; background:#151515; cursor:pointer;} .prod ul.cls li.cls-root {background:url(images/main_cls.jpg) left top no-repeat; text-indent: -9000px; cursor:default; display:block;} .prod ul.cls li.back-parent {background:url(images/sub_cls.jpg) left top no-repeat; text-indent: -9000px; display:block;} .prod ul.cls li span {display:inline-block; position:relative; padding-right:21px; line-height:14px; margin-top:78px; color:#FFFFFF; font-weight:bold; font-size:11pt; background:url(images/icon_cls_arr.png) right top no-repeat; z-index:10; text-shadow:0px 0px 3px #000000; /* CSS3 */ filter: Shadow(Color=#000000, Direction=130, Strength=1); /* IE Proprietary Filter*/ } .prod ul.cls li div.mask {position:absolute; width:190px; height:170px; left:0px; top:0px; background:rgba(50, 50, 50, 0.5); z-index:9;} .prod ul.cls li:hover div.mask {width:180px; height:160px; border:5px solid #FFFFFF; background:none;} .prod ul.cls li.in div.mask {width:180px; height:160px; border:5px solid #FFFFFF; background:none;} .prod .prodwidth {margin-left:-14px; width:1154px;} .prod .cls-title {margin:14px 0 5px 14px; line-height:42px; color:#535353; font-size:31px; padding:2px;} .prod .hot-prod {height:410px; margin-left:14px; margin-bottom:14px;} .prod .hot-prod .pd {position:relative; width:308px; height:410px; background:#FFFFFF; z-index:2;} .prod .hot-prod .pd .width {width:280px; padding:10px;} .prod .hot-prod .pd .width .img {width:280px; height:280px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:252px; /* 280px * 0.9 */ *font-family:Arial; } .prod .hot-prod .pd .width .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .prod .hot-prod .pd .width .img img {vertical-align:middle;} .prod .hot-prod .pd .width .sale-title {margin-top:6px; text-align:center; line-height:18px; color:#0095C0; font-size:9pt;} .prod .hot-prod .pd .width .name {margin-top:6px; text-align:center; line-height:18px; color:#7E7E7E; font-size:9pt;} .prod .hot-prod .pd .width .name a {color:#7E7E7E;} .prod .hot-prod .pd .width .name a:hover {text-decoration:underline;} .prod .hot-prod .pd .width .price {margin-top:6px; text-align:center; line-height:18px; color:#EF1C25; font-size:9pt;} .prod .hot-prod .pd .width .price b {font-size:16px;} .prod .hot-prod .pd .width .price span {color:#7C7C7C; margin-right:10px;} .prod .hot-prod .pd .over {position:absolute; left:0px; top:0px; background:#C4292F; width:0px; height:100%; display:none; overflow:hidden;} .prod .hot-prod .pd .over .pic {position:absolute; left:0px; top:0px; width:336px; height:336px; margin:3px;} .prod .hot-prod .pd .over .pic .img {width:336px; height:336px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:302.4px; /* 336px * 0.9 */ *font-family:Arial; } .prod .hot-prod .pd .over .pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .prod .hot-prod .pd .over .full {position:absolute; left:339px; margin:3px 15px; width:180px; height:336px;} .prod .hot-prod .pd .over .full .name {height:36px; padding-top:21px; line-height:18px; text-align:center; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:12px;} .prod .hot-prod .pd .over .full .atten {height:36px; padding-top:21px; line-height:18px; text-align:center; vertical-align:middle; color:#F3E700; font-weight:bold; font-size:12px;} .prod .hot-prod .pd .over .full .price {margin-top:26px; height:58px; color:#FFFFFF; padding-left:27px; line-height:26px; font-size:11px;} .prod .hot-prod .pd .over .full .price div {margin-bottom:3px;} .prod .hot-prod .pd .over .full .price span {font-size:20px; font-weight:bold;} .prod .hot-prod .pd .over .full a.go {display:block; width:180px; height:40px; margin-top:37px; background:url(images/pinfo_detail.jpg) left top no-repeat; text-indent:-9000px;} .prod .hot-prod .pd .over .full .compare {margin-top:12px; text-align:right; color:#FFFFFF; font-size:13px;} .prod .hot-prod .ad {width:830px; height:410px; position:relative;} .prod .hot-prod .ad .img {width:830px; height:410px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:369px; /* 410px * 0.9 */ *font-family:Arial; } .prod .hot-prod .ad .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .prod .hot-prod .ad .img img {vertical-align:middle;} .prod .hot-prod .ad .mask {position:absolute; width:110px; height:410px;} .prod .hot-prod .ad .txt {position:absolute; width:600px; height:55px; cursor:pointer;} .prod .hot-prod .ad .txt span {display:block; margin-top:14px; line-height:22px; color:#FFFFFF; font-size:15px; font-weight:bold;} .prod .ltr .pd {float:left;} .prod .ltr .ad {float:left;} .prod .ltr .ad .mask {left:0px; top:0px; background:url(images/prod_mask_1.png) left top no-repeat;} .prod .ltr .ad .txt {left:233px; top:340px; background:url(images/prod_ad_tit_1.png) left top no-repeat;} .prod .ltr .ad .txt span {padding:0 25px 0 88px;} .prod .rtl .pd {float:right;} .prod .rtl .pd .width {margin-left:8px;} .prod .rtl .ad {float:right;} .prod .rtl .ad .mask {right:0px; top:0px; background:url(images/prod_mask_2.png) left top no-repeat;} .prod .rtl .ad .txt {left:-5px; top:340px; background:url(images/prod_ad_tit_2.png) left top no-repeat;} .prod .rtl .ad .txt span {padding:0 88px 0 25px;} .prod .line {margin-left:14px; height:2px; background:url(images/icon_line_hr.jpg) left top repeat-x;} .prod .more {margin-left:14px; margin-top:7px; height:13px;} .prod .more a {float:right; margin-right:2px; display:block; width:48px; height:13px; background:url(images/icon_more.jpg) left top no-repeat; text-indent: -9000px;} #Prod-Loading {height:100px;} #TmpListProduct {display:none;} .prod .canvas {min-height:100px; _height:100px; background:url(images/pd_canv_rb.jpg) #FFFFFF right bottom no-repeat; margin-top:30px;} .prod .canvas .plist {float:left; margin:20px 25px; width:80px;} .prod .canvas .plist ul.spec {padding:0px; margin:0px; list-style:none;} .prod .canvas .plist ul.spec li {width:78px; height:78px; border:1px solid #E5E5E5; margin-bottom:10px;} .prod .canvas .plist ul.spec li .img {width:78px; height:78px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:70.2px; /* 78px * 0.9 */ *font-family:Arial; } .prod .canvas .plist ul.spec li .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .prod .canvas .plist ul.spec li .img img {vertical-align:middle;} .prod .canvas .plist ul.spec li.tit {height:auto; border:0px; line-height:20px; color:#AFAFAF; font-size:11px; margin-bottom:0px;} .prod .canvas .plist ul.spec li.mv {height:59px;} .prod .canvas .plist ul.spec li.mv .img {width:78px; height:59px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:53.1px; /* 59px * 0.9 */ *font-family:Arial; } .prod .canvas .plist ul.spec li.mv .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .prod .canvas .plist ul.spec li.mv .img img {vertical-align:middle;} .prod .canvas .pimg {float:left; margin:20px 16px 20px 9px; width:500px;} .prod .canvas .pimg .big .img {width:500px; height:500px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:450px; /* 500px * 0.9 */ *font-family:Arial; } .prod .canvas .pimg .big .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .prod .canvas .pimg .big .img img {vertical-align:middle;} .prod .canvas .pimg ul.fb {margin:15px 0 0 67px; padding:0px; list-style:none;} .prod .canvas .pimg ul.fb li {float:left; line-height:20px; color:#B0B0B0; font-size:11px; margin-right:14px;} .prod .canvas .dinfo {float:left; width:465px; position:relative; margin:20px 20px 20px 0;} .prod .canvas .dinfo .pname {position:relative; width:490px; padding-bottom:5px; background:url(images/pd_name_ebg.jpg) right bottom no-repeat;} .prod .canvas .dinfo .pname span {display:block; padding:13px; background:#404040; line-height:24px; color:#FFFFFF; font-size:16px;} .prod .canvas .dinfo .pcode {line-height:20px; padding-left:13px; color:#B0B0B0;} .prod .canvas .dinfo .odesc {margin:0px; margin-left:13px; padding:0px; list-style:none;} .prod .canvas .dinfo .odesc li.atten {line-height:20px; color:#0297C1; margin-top:25px; padding:0 3px; font-size:12pt;} .prod .canvas .dinfo .odesc li.text {line-height:24px; color:#7D7D7D; margin-top:25px; padding:0 3px;} .prod .canvas .dinfo .gocart {margin-left:13px; margin-top:10px;} .prod .canvas .dinfo .gocart #ChooseColorArea {min-height:10px;} .prod .canvas .dinfo .gocart #ChooseSizeArea {min-height:10px;} .prod .canvas .dinfo .gocart .morec {float:left; line-height:18px; color:#696969; font-size:10pt; margin:10px 10px 10px 0;} .prod .canvas .dinfo .gocart .czone {float:left; width:410px; margin:5px 0 5px 0;} .prod .canvas .dinfo .gocart .czone .color {float:left; text-align:center; margin-right:5px; cursor:pointer;} .prod .canvas .dinfo .gocart .czone .color div.bd {width:25px; height:25px; position:relative;} .prod .canvas .dinfo .gocart .czone .color div.bd .bc {width:25px; height:25px; overflow:hidden;} .prod .canvas .dinfo .gocart .czone .color div.bd .no {position:absolute; left:0px; top:0px;} .prod .canvas .dinfo .gocart .czone .color div.txt {min-width:25px; line-height:25px; text-align:center; margin:0 3px 0 3px;} .prod .canvas .dinfo .gocart .czone .in div.bd {border:1px solid #323232;} .prod .canvas .dinfo .gocart .czone .out div.bd {border:1px solid #CCCCCC;} .prod .canvas .dinfo .gocart .czone .in div.txt {border:1px solid #323232;} .prod .canvas .dinfo .gocart .czone .out div.txt {border:1px solid #CCCCCC;} .prod .canvas .dinfo .gocart .czone .dis div.bd {border:1px solid #CCCCCC;} .prod .canvas .dinfo .gocart .czone .dis div.txt {border:1px solid #CCCCCC; background:#EFEFEF;} .prod .canvas .dinfo .gocart .szone {float:left; margin:10px 0 10px 0;} .prod .canvas .dinfo .gocart .szone .disable {color:#FFFFFF; background:#CCCCCC;} .prod .canvas .dinfo .gocart .szone .def {color:#363636; background:#FFFFFF;} .prod .canvas .dinfo .gocart ul.cash {margin:0px; padding:0px; margin-top:10px;} .prod .canvas .dinfo .gocart ul.cash li {line-height:26px; margin-bottom:4px; color:#7D7D7D;} .prod .canvas .dinfo .gocart ul.cash li.op {} .prod .canvas .dinfo .gocart ul.cash li.op span {color:#EE1C25;} .prod .canvas .dinfo .gocart ul.cash li.op span b {font-size:20px;} .prod .canvas .dinfo .gocart ul.cash li.op span.note {font-size:11px; color:#999999;} .prod .canvas .dinfo .gocart .error {margin-top:20px; line-height:20px; color:#FF3333; font-size:11pt;} .prod .canvas .dinfo .gocart .selnum {float:left; margin-top:10px; margin-right:10px;} .prod .canvas .dinfo .gocart .selnum .t {color:#7A7A7A; line-height:18px; font-size:10pt; margin-bottom:3px;} .prod .canvas .dinfo .gocart .selnum .s {} .prod .canvas .dinfo .gocart .selerr {float:left; line-height:40px; color:#FF3333; text-align:center; font-size:9pt; margin-top:10px; margin-right:15px;} .prod .canvas .dinfo .gocart ul.putcart {float:left; margin:0px margin-top:10px; padding:0px; list-style:none;} .prod .canvas .dinfo .gocart ul.putcart>li {float:left; margin:0 5px 0 0; text-indent: -9000px; cursor:pointer;} .prod .canvas .dinfo .gocart ul.putcart>li.to-cart {width:150px; height:40px; background:url(images/bt_cart.jpg) left top no-repeat;} .prod .canvas .dinfo .gocart ul.putcart>li.to-prebuy {width:150px; height:40px; background:url(images/bt_prebuy.jpg) left top no-repeat;} .prod .canvas .dinfo .gocart ul.putcart>li.to-ask {width:150px; height:40px; background:url(images/bt_ask.jpg) left top no-repeat;} .prod .canvas .dinfo .gocart ul.putcart>li.to-trace {width:150px; height:40px; background:url(images/bt_trace.jpg) left top no-repeat;} .prod .canvas .dinfo .gocart ul.putcart>li.to-comein {width:150px; height:40px; background:url(images/bt_comin.jpg) left top no-repeat;} .prod .canvas .dinfo ul.compare {margin:0px; padding:0px; margin-left:13px; margin-top:18px; list-style:none; height:20px;} .prod .canvas .dinfo ul.compare li {float:left; line-height:18px; color:#3EAFD1; margin-right:26px;} .prod .canvas .dinfo ul.compare li input[type="checkbox"] {vertical-align:middle;} .prod .canvas .dinfo ul.compare li a.to-store {display:block; padding-left:17px; color:#3EAFD1; background:url(images/icon_loc.jpg) left top no-repeat;} .prod .canvas .dinfo ul.compare li a.to-print {display:block; padding-left:21px; color:#3EAFD1; background:url(images/icon_print.jpg) left top no-repeat;} /* 敘述 */ .prod .canvas table.ht {border:0px; margin:0 auto;} .prod .canvas table.ht td {padding:0 20px;} .prod .canvas table.ht td div {padding:16px 0; line-height:18px; color:#535353; font-size:13px; cursor:pointer; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .prod .canvas table.ht td div.in {color:#C42B2E; font-weight:bold; background:url(images/pd_desc_t_bg.jpg) left bottom repeat-x;} .prod .canvas .td-line {height:1px; background:#DCDCDC; overflow:hidden;} .prod .canvas .desc {padding:20px 32px; line-height:20px; color:#363636;} .prod .canvas .desc .standard {margin:0 auto; text-align:center; border-left:1px solid #C3C3C3; border-top:1px solid #C3C3C3;} .prod .canvas .desc .standard th {padding:5px 10px; text-align:left; font-size:11pt; color:#40ADCE; background:#EEEEEE; font-weight:bold; border-right:1px solid #C3C3C3; border-bottom:1px dotted #C3C3C3;} .prod .canvas .desc .standard td {padding:5px 10px; font-size:9pt; border-bottom:1px dotted #C3C3C3;} .prod .canvas .desc .standard td.t {width:120px;} .prod .canvas .desc .standard td.d {width:500px; text-align:left; border-right:1px solid #C3C3C3;} .prod .canvas .desc .standard tr:last-child td {border-bottom:1px solid #C3C3C3;} /* 關連商品 */ .prod .pdc {float:left; width:864px;} .prod .linkpd {float:right; width:250px; margin-left:25px;} .prod .linkpd .item {width:250px; min-height:300px; margin-top:10px; margin-bottom:14px; border-bottom:1px dashed #DCDCDC;} .prod .linkpd .item .img {width:250px; height:250px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:225px; /* 250px * 0.9 */ *font-family:Arial; } .prod .linkpd .item .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .prod .linkpd .item .img img {vertical-align:middle;} .prod .linkpd .item .name {margin-top:5px; text-align:center; line-height:18px; color:#7E7E7E; font-size:9pt; padding:0 10px;} .prod .linkpd .item .name a {color:#7E7E7E;} .prod .linkpd .item .name a:hover {text-decoration:underline;} .prod .linkpd .item .price {margin-top:2px; text-align:center; line-height:18px; color:#EF1C25; font-size:9pt; padding:0 10px;} .prod .linkpd .item .price span {color:#7C7C7C; margin-right:10px;} /* 商品洽詢 */ .prod-ask {} .prod-ask .shead {height:59px; border-top:1px solid #C4292F; border-bottom:1px solid #C4292F;} .prod-ask .shead h2 {display:block; width:320px; height:59px; margin:0px; margin-right:20px; background:url(images/title/tit_prodask.jpg) left top no-repeat; text-indent: -9000px;} .prod-ask .wel {margin:24px 0 32px 0; padding:0 15px; line-height:20px; color:#535353;} .prod-ask .form {border-top:1px solid #CACACA; padding-top:34px;} .prod-ask .form .cform {width:710px; margin:0 auto;} .prod-ask .form .cform li.title {width:70px; margin-left:11px; margin-right:4px;} .prod-ask .form .cform li.ftxt {} .prod-ask .form .cform li.ftxt2 {margin-left:12px;} .prod-ask .form .cform li.sec {float:left; line-height:25px; color:#AFAFAF; font-size:9pt; margin-left:12px;} .prod-ask .form .cform li.sec .chgcode {display:block; width:74px; height:23px; background:url(images/chg_code.jpg) left top no-repeat; text-indent: -9000px;} .prod-ask .form .cform input.text {width:252px;} .prod-ask .form .cform input.mail {width:601px;} .prod-ask .form .cform input.code {width:90px;} .prod-ask .form .cform select {width:611px;} .prod-ask .form .cform select.sel {width:262px;} .prod-ask .form .cform textarea {width:601px; height:130px;} /* 組合活動 */ .act-nowst {background:#FFFFFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; margin-bottom:15px;} .act-nowst .padd {padding:15px;} .act-nowst .left {float:left; width:70%; min-height:65px; _height:65px; border-right:1px solid #CACACA;} .act-nowst .left .text {line-height:22px; margin-bottom:4px;} .act-nowst .left .text .f {float:left; color:#878787; line-height:22px;} .act-nowst .left .text .t {float:left; color:#535353; line-height:22px;} .act-nowst .right {float:left; margin-top:5px; margin-left:37px;} .act-nowst .right .padd {padding:0px; width:180px; margin:0 auto; text-align:left;} .act-nowst .right .padd .bt {} .act-nowst .right .padd .count {margin-top:3px; line-height:20px; color:#969696;} .act-nowst .right .padd .count span {color:#EF1C25; font-weight:bold; font-size:11pt;} .act-nowst .right .padd .count span.num {color:#333333;} /* 比較表 */ .mcompare {min-width:1200px; background:#DCDCDC;} .mcompare .cls-title {line-height:52px; color:#535353; font-size:31px; padding:2px;} .mcompare .canvas {min-height:500px; background:#FFFFFF; padding-bottom:30px;} .mcompare .canvas table {width:100%; border:0px;} .mcompare .canvas table div {padding-left:32px;} .mcompare .canvas table div.clear {padding-left:0px;} .mcompare .canvas table td, .mcompare .canvas table th {} .mcompare .canvas table td.f, .mcompare .canvas table th.f {width:126px; padding-right:10px !important; text-align:right;} .mcompare .canvas table td.e, .mcompare .canvas table th.e {width:42px; padding-left:0px;} .mcompare .canvas table td, .mcompare .canvas table th.u {border-bottom:1px dotted #CACACA;} .mcompare .canvas table th.img {width:324px; height:290px; text-align:center; vertical-align:middle;} .mcompare .canvas table th.name {height:66px; text-align:left; vertical-align:middle; line-height:22px; color:#0196C1; font-size:14px;} .mcompare .canvas table th.name a {color:#0196C1;} .mcompare .canvas table th.link {padding-bottom:18px;} .mcompare .canvas table th.link a.add-cart {float:left; display:block; width:150px; height:40px; background:url(images/bt_cart.jpg) left top no-repeat; text-indent: -9000px;} .mcompare .canvas table th.link a.add-prebuy {float:left; display:block; width:150px; height:40px; background:url(images/bt_prebuy.jpg) left top no-repeat; text-indent: -9000px;} .mcompare .canvas table th.link a.add-ask {float:left; display:block; width:150px; height:40px; background:url(images/bt_ask.jpg) left top no-repeat; text-indent: -9000px;} .mcompare .canvas table th.link a.remove {float:left; display:block; line-height:25px; height:25px; padding-left:31px; color:#7D7D7D; background:url(images/icon_del.png) left top no-repeat; margin:8px 0 0 15px;} .mcompare .canvas table td.title {height:30px; color:#0295C0; font-size:12pt; background:#EEEEEE;} .mcompare .canvas table td.data {padding-top:8px; padding-bottom:8px; line-height:16px; color:#535353; font-size:9pt;} /*** 訂單部份 ***/ .order-step {height:84px; background:url(images/od_step_bg.jpg) left top repeat-x;} .order-step ul.step {width:1088px; height:52px; margin:0px auto; padding:0px; padding-top:14px; list-style:none;} .order-step ul.step li {float:left; height:52px; text-indent: -9000px;} .order-step ul.step li.start {float:left; width:95px; background:url(images/od_step0.jpg) left top no-repeat;} .order-step ul.step li.step2 {float:left; width:247px; background:url(images/od_step2.jpg) left top no-repeat;} .order-step ul.step li.step3 {float:left; width:228px; background:url(images/od_step3.jpg) left top no-repeat;} .order-step ul.step li.step1_1 {float:left; width:247px; background:url(images/od_step1_1.jpg) left top no-repeat;} .order-step ul.step li.step2_1 {float:left; width:247px; background:url(images/od_step2_1.jpg) left top no-repeat;} .order-step ul.step li.step3_1 {float:left; width:228px; background:url(images/od_step3_1.jpg) left top no-repeat;} .order {background:#DCDCDC; padding-top:1px;} .order .canvas {min-height:100px; _height:100px; background:url(images/pd_canv_rb.jpg) #FFFFFF right bottom no-repeat; margin-top:30px;} .order .canvas #ProductCartArea {min-height:100px; _height:100px;} .order .canvas .subject {margin:0px 22px 15px 38px; padding:3px 3px 3px 22px; line-height:24px; color:#535353; border-bottom:1px dotted #C2C2C2; background:url(images/icon_ballarr.jpg) 1px 8px no-repeat;} .order .canvas .subject span {margin-left:12px; color:#969696;} .order .canvas .subject span b {color:#FF3333; font-size:11pt; font-weight:bold;} .order .canvas .prodwidth {margin-left:-14px;} .order table.listtb {width:100%;} .order table.listtb th {text-align:left;} .order table.listtb td {text-align:left; padding-top:18px; padding-bottom:18px;} .order table.listtb td.group {height:auto; background:#C4292F; padding:5px 20px; line-height:18px; font-weight:bold; font-size:10pt; color:#EFEFEF;} .order table.listtb .pic .img {width:80px; height:80px; border:1px solid #E5E5E5; margin:0 auto; background:#FFFFFF; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:72px; /* 80px * 0.9 */ *font-family:Arial; } .order table.listtb .pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .order table.listtb .pic .img img {vertical-align:middle;} .order table.listtb .price {color:#FD322E; font-size:11px;} .order table.listtb .price b {color:#FD322E; font-size:14px;} .order table.listtb .style {display:block; line-height:20px; color:#727272; font-size:11px; margin-top:3px;} .order table.listtb .style label {color:#727272; font-size:12px;} .order table.listtb .trash {display:block; width:25px; height:25px; margin:0 auto; background:url(images/icon_del.png) left top no-repeat; text-indent: -9000px;} .order table.listtb .prebuy {color:#F57F01;} .order table.listtb .dist {color:#32C289;} .order table.listtb .gift {color:#999933;} .order .payment {padding-bottom:20px;} .order .payment .around {padding:16px 22px 16px 38px;} .order .payment .around h2 {float:left; margin:0px; min-width:92px; padding:0px; font-size:14px; color:#747474; display:block; padding-left:18px; background:url(images/icon_sque.jpg) no-repeat; background-position:left 5px;} .order .payment .sel {float:left; width:960px; margin:0px; padding:0px; color:#535353;} .order .payment ul.py {margin:0px; padding:0px;} .order .payment ul.py li.l {padding:9px 0; line-height:18px; border-bottom:1px dotted #E4E4E4;} .order .payment ul.py li.l .choose {float:left; width:40px; text-align:center;} .order .payment ul.py li.l .name {float:left; width:110px; color:#C2C2C2; margin-right:6px;} .order .payment ul.py li.l .name span {display:block; color:#C2C2C2; font-size:11px;} .order .payment ul.py li.l .name span label {color:#969696;} .order .payment ul.py li.l .txt {float:left; width:660px; color:#C2C2C2;} .order .payment ul.py li.l .txt b {color:#969696; font-weight:normal;} .order .payment ul.py li.l .ndata {padding:0px 30px; color:#787878;} .order .payment ul.py li.now {background:#F4F4F4; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .order .payment ul.py li.now .name {color:#131313 !important;} .order .payment ul.py li.now .name span {color:#9A9A9A;} .order .payment ul.py li.now .name span label {color:#FF3030;} .order .payment ul.py li.now .txt {color:#545454;} .order .payment ul.py li.now .txt b {color:#FB312F;} .order #ProductCartInfo {padding:28px 0;} .order ul.info {margin:0px; padding:0px; padding-right:42px; list-style:none;} .order ul.info li {text-align:right; line-height:24px; color:#7D7D7D;} .order ul.info li span.large {font-weight:bold; font-size:14px;} .order ul.info li span.buy {font-weight:bold; color:#FF3030; font-size:14px;} .order ul.info li span.point {color:#C5292D;} .order ul.info li span.discount {color:#0097C1; font-weight:bold; font-size:14px;} .order ul.info li a.remove {display:inline-block; width:15px; height:15px; background:url(images/icon_remove.png) left 2px no-repeat; text-indent:-9000px; cursor:pointer;} .order .send {height:64px; margin-bottom:20px;} .order .send .ssl {float:left; width:60px; height:84px; margin-left:32px; margin-top:-15px;} .order .send ul {float:right; height:35px; margin:0px; margin-right:42px; padding:0px;} .order .send ul li {float:left; margin-left:10px; height:35px;} .order .send ul li a.continue {display:block; width:120px; height:35px; background:url(images/bt_continue.jpg) left top no-repeat; text-indent: -9000px; cursor:pointer;} .order .send ul li a.checkout {display:block; width:120px; height:35px; background:url(images/bt_checkout.jpg) left top no-repeat; text-indent: -9000px; cursor:pointer;} .order .canvas .line {height:1px; border-bottom:1px dotted #CACACA; overflow:hidden;} .order .canvas .box-label {line-height:39px; height:39px; text-align:center; color:#7E7E7E; font-weight:bold; font-size:10pt; border-top:1px solid #CACACA; border-bottom:1px dotted #CACACA;} .order .canvas .box-label:first-child {border-top:0px;} .order .cform {margin:22px 0 30px 0;} .order .cform li.title {width:74px; margin-left:214px;} .order .cform li.ftxt {} .order .cform li.remark {float:left; line-height:25px; color:#7D7D7D; font-size:9pt; margin-left:12px;} .order .cform input.text {width:276px;} .order .cform input.zip {width:50px;} .order .cform input.addr {width:350px;} .order .cform textarea {width:610px; height:60px;} .order .tbill {margin:22px 0 30px 214px;} .order .tbill .need {line-height:25px; color:#0297C1;} .order .tbill .cform {margin:5px 0;} .order .tbill .cform li.title {margin-left:23px;} .order .tbill .cform li .note {color:#7A7A7A; line-height:20px; padding-left:109px;} .order .finish {padding:241px 0 60px; background:url(images/od_finish_bg.jpg) center top no-repeat;} .order .finish h2 {line-height:42px; padding:0px; margin:0px; font-size:24px; color:#0195C3; font-weight:normal; text-align:center;} .order .finish .fintxt {min-height:52px; _height:52px; margin:0 28px 16px 28px; line-height:18px; color:#525252; margin-top:10px; text-align:left;} .order .finish .button {margin-top:18px; text-align:center;} .order .finish .button a.continue {display:inline-block; width:120px; height:35px; background:url(images/bt_continue.jpg) left top no-repeat; text-indent:-9000px;} .order .finish .text {position:relative; width:640px; min-height:140px; background:#FFFFFF; margin:14px auto 0 auto; padding-bottom:12px; text-align:left; border:1px solid #CACACA; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .order .finish .text .oarr {position:absolute; left:-24px; top:41px; width:24px; height:21px; background:url(images/od_finish_arr.jpg) left top no-repeat;} .order .finish .text p {margin:14px 10px 14px 28px; line-height:24px; color:#535353;} .order .finish .text p b {color:#0195C3;} .order .finish .text ul.info {margin:0px 28px 0 28px; padding:0px; text-align:left; padding-top:16px; border-top:1px dotted #CACACA;} .order .finish .text ul.info li {float:left;} .order .finish .text ul.info li.t {float:left; line-height:20px; color:#535353; text-align:left;} .order .finish .text ul.info li.t b {color:#0195C3;} .order .finish .text ul.info li.n {margin-left:16px; margin-top:10px; line-height:18px; color:#797979; text-align:left;} .order .finish .text ul.info li.n .button {margin-top:0px;} .order .finish .text ul.info li.clear {float:none; margin:0px;} .order .finish .text .note {margin:20px 0 0px 28px; line-height:20px; color:#545454;} .order .finish .text ul.tip {margin:0px; margin-left:28px; padding:0px; } .order .finish .text ul.tip li {line-height:20px; color:#797979; text-align:left; margin:6px 0 0 0;} .order .finish .text .n1 {color:#3366FF; font-size:10px; vertical-align:super;} .order .finish .text .n2 {color:#9C9C9C; font-size:10px;} .order .finish .text .n3 {color:#9C9C9C; font-size:12px; vertical-align: bottom;} .order .error {width:620px; margin:0px auto; padding:30px 0;} .order .error .note {color:#545454; line-height:20px; padding:0 6px 0 6px; margin-bottom:16px;} .order .error .ordererror {padding:0 6px 0 6px;} .order .error .ordererror .problm {color:#969696; line-height:24px;} .order .error .ordererror .protxt {padding-left:24px; padding-right:10px; line-height:22px; color:#CC0000;} /*** Coupon ***/ #CouponCardMask {z-index:998;} #CouponCardMask.fullscreen {position:absolute; width:100%; height:100%; left:0px; top:0px; background:#323232; filter:alpha(opacity=65); -moz-opacity:0.65; opacity: 0.65; display:none;} #CouponCardTable {position:absolute; left:35%; top:30px; width:640px; z-index:999; background:#FFFFFF; display:none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #CouponCardTable .box-label {position:relative; float:left; width:560px; left:-5px; padding-bottom:5px; background:url(images/coupon_ebg.png) left bottom no-repeat;} #CouponCardTable .box-label span {display:block; padding:10px; padding-left:22px; background:#404040; line-height:18px; color:#FFFFFF; margin:10px 0 0 0; font-size:16px;} #CouponCardTable .close {float:right; margin:15px 10px 10px 0; width:28px; height:28px; background:url(images/icon_close.jpg) left top no-repeat; text-indent:-9999px; cursor:pointer;} #CouponCardTable .article {min-height:320px; _height:320px; padding:0 10px; clear:both;} #CouponCardTable table.listtb {width:100%;} #CouponCardTable table.listtb th, #CouponCardTable table.listtb td {padding:0 6px; text-align:left;} #CouponCardTable .note {color:#7E7E7E;} #CouponCardTable .get {color:#0097C0;} #CouponCardTable .get b {color:#0097C0; font-size:14px;} #CouponCardTable form input[type="text"] {padding:3px 5px 3px 5px; margin:0 6px; width:120px; height:16px; border:1px solid #C9C9C9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} #CouponCardTable .btn {padding:14px 8px 4px 8px;} #MemArticleMask {z-index:998;} #MemArticleMask.fullscreen {position:absolute; width:100%; height:100%; left:0px; top:0px; background:#323232; filter:alpha(opacity=65); -moz-opacity:0.65; opacity: 0.65; display:none;} #MemArticleTable {position:absolute; left:35%; top:30px; width:640px; z-index:999; background:#FFFFFF; display:none; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;} #MemArticleTable .box-label {position:relative; float:left; width:560px; left:-5px; padding-bottom:5px; background:url(images/coupon_ebg.png) left bottom no-repeat;} #MemArticleTable .box-label span {display:block; padding:10px; padding-left:22px; background:#404040; line-height:18px; color:#FFFFFF; margin:10px 0 0 0; font-size:16px;} #MemArticleTable .close {float:right; margin:15px 10px 10px 0; width:28px; height:28px; background:url(images/icon_close.jpg) left top no-repeat; text-indent:-9999px; cursor:pointer;} #MemArticleTable .article {min-height:320px; _height:320px; overflow:auto; margin:10px; padding:0 10px; clear:both;} #MemArticleTable .article .read {height:380px; line-height:18px; color:#545454;} #FormArticleMask {z-index:1001; position:fixed; width:100%; height: 100vh; left:0; top:0; background:#323232; opacity: 0.65; display:none; } #FormArticleTable {position:absolute; left:50%; transform:translateX(-50%); top:20px; width:700px; max-width:90vw; z-index:1002; background:#FFFFFF; display:none; border-radius:6px; } #FormArticleTable .box-label {position:relative; float:left; width:640px; max-width:90%; left:-5px; padding-bottom:5px; background:url(images/box_bg1.svg) left bottom no-repeat; background-size:5px 5px; } #FormArticleTable .box-label div {display:block; padding:10px; padding-left:22px; background:#404040; line-height:18px; color:#FFFFFF; margin:10px 0 0 0; font-size:16px;} #FormArticleTable .close2 {float:right; margin:15px 10px 0 0; width:28px; height:28px; background:url(images/icon_close1.svg) left top no-repeat; background-size:28px auto; text-indent:-9999px; overflow:hidden; cursor:pointer;} #FormArticleTable .article {min-height:320px; height:60vh; overflow:auto; margin:10px; padding:15px; clear:both;} #FormArticleTable .article .read { line-height:18px; color:#545454; } /*** list - table ***/ .listtb {border:0px;} .listtb tr:nth-child(even) {background:#EEEEEE;} .listtb tr:nth-child(odd) {background:#FFFFFF;} .listtb th {font-weight:normal;} .listtb th, .listtb td {padding:0 20px;} .listtb th:first-child, .listtb td:first-child {padding-left:36px;} .listtb th {height:39px; color:#7D7D7D; text-align:center; vertical-align:middle; border-bottom:1px solid #CACACA; background:#FFFFFF;} .listtb td {height:59px; color:#525252; vertical-align:middle; border-bottom:1px dotted #CACACA;} /*** product-block ****/ .pinfo {position:relative; float:left; width:274px; margin-left:14px; margin-bottom:14px; background:#FFFFFF;} .pinfo .width { border:2px solid #fff; min-height:342px; } .pinfo0:hover .width { border:2px solid #C4292F; } .pinfo1:hover .width { border:2px solid #C4292F; background-color:#C4292F; } .pinfo1:hover .width .name { color:#fff; } .pinfo1:hover .width .name a { color:#fff; } .pinfo1:hover .width .name a:hover { color:#ffff88; } .pinfo1:hover .width .price { color:#ffff88; } .pinfo1:hover .width .price span {color:#fff; margin-right:10px;} .pinfo .width .img {width:270px; height:270px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:243px; /* 270px * 0.9 */ *font-family:Arial; } .pinfo .width .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .pinfo .width .img img {vertical-align:middle;} .pinfo .width .name {margin-top:5px; text-align:center; line-height:18px; color:#7E7E7E; font-size:9pt; padding:0 10px;} .pinfo .width .name a {color:#7E7E7E;} .pinfo .width .name a:hover {text-decoration:underline;} .pinfo .width .price {margin-top:2px; text-align:center; line-height:18px; color:#EF1C25; font-size:9pt; padding:0 10px;} .pinfo .width .price span {color:#7C7C7C; margin-right:10px;} .pinfo .width .choose {margin:8px auto; display:table;} .pinfo .width .choose div {float:left; margin-right:5px;} .pinfo .width .choose div.e {float:left; margin-right:0px;} .pinfo .over {position:absolute; left:0px; top:0px; background:#C4292F; width:0px; height:100%; display:none; overflow:hidden;} .pinfo .over .pic {position:absolute; left:0px; top:0px; width:336px; height:336px; margin:3px;} .pinfo .over .pic .img {width:336px; height:336px; display:table-cell; text-align:center; vertical-align:middle; /* IE */ *font-size:302.4px; /* 336px * 0.9 */ *font-family:Arial; } .pinfo .over .pic .img:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .pinfo .over .full {position:absolute; left:339px; margin:3px 15px; width:180px; height:336px;} .pinfo .over .full .name {height:36px; padding-top:21px; line-height:18px; text-align:center; vertical-align:middle; color:#FFFFFF; font-weight:bold; font-size:12px;} .pinfo .over .full .atten {height:36px; padding-top:21px; line-height:18px; text-align:center; vertical-align:middle; color:#F3E700; font-weight:bold; font-size:12px;} .pinfo .over .full .price {margin-top:26px; height:58px; color:#FFFFFF; padding-left:27px; line-height:26px; font-size:11px;} .pinfo .over .full .price div {margin-bottom:3px;} .pinfo .over .full .price span {font-size:20px; font-weight:bold;} .pinfo .over .full a.go {display:block; width:180px; height:40px; margin-top:37px; background:url(images/pinfo_detail.jpg) left top no-repeat; text-indent:-9000px;} .pinfo .over .full .compare {margin-top:12px; text-align:right; color:#FFFFFF; font-size:13px;} .pinfo-set { min-height:372px;} /*** float_ad ***/ .fixpt {display:none; position:absolute; width:50px; z-index:300;} .fixpt .cft {position:relative; margin-bottom:5px; z-index:1;} .fixpt .cft .bnr {position:relative; width:100%; text-align:center; left:0px; top:0px;} .fixpt .box {width:50px;} .fixpt .box .ftit {height:20px; line-height:20px; text-align:center; background:#C4292F; color:#FFFFFF; font-size:11px;} .fixpt .box ul.plt {margin:0px; padding:0px; padding-bottom:5px; background:#344451;} .fixpt .box ul.plt li {padding:5px 5px 0 5px; width:40px; height:40px;} .fixpt .box ul.plt li .pic {width:40px; height:40px; display:table-cell; text-align:center; background:#FFFFFF; vertical-align:middle; /* IE */ *font-size:36px; /* 40px * 0.9 */ *font-family:Arial; } .fixpt .box ul.plt li .pic:after {*content:"."; *font-size:1px; *margin-left:-1px; *opacity:0;} .fixpt .box ul.plt li .pic img {vertical-align:middle;} .fixpt .box ul.plt li.go {height:20px;} .fixpt .box ul.plt li.go a {display:block; width:40px; height:20px; line-height:20px; background:#0295C0; color:#FFFFFF; text-align:center; border-radius:3px;} .fixpt #to-top2 {width:50px; height:50px; margin-top:2px; background:url(images/bt_top.png) left top no-repeat; text-indent: -9000px;} /**** infinitescroll ***/ #infscr-loading {width:300px; text-align: center; position:fixed; left:50%; margin-left:-150px; bottom:50px; padding: 10px 0 10px 0; background-color: rgba(196,38,38,0.8); z-index:9999;} #infscr-loading div {color:#FFFFFF; font-size:12pt;} /*** page ***/ .page {} .page table {border:0px;} .page table td.prev {width:80px; text-align:left;} .page table td.next {width:80px; text-align:right;} .page table td.num {padding:0 6px 0 6px; font-size:10px; color:#7C7C7C; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;} .page table td.num span {color:#EA1C20; font-weight:bold;} /*** LINE ***/ .mh2 {height:2px; overflow:hidden;} .mh3 {height:3px; overflow:hidden;} .mh5 {height:5px; overflow:hidden;} .mh6 {height:6px; overflow:hidden;} .mh8 {height:8px; overflow:hidden;} .mh10 {height:10px; overflow:hidden;} .mh12 {height:12px; overflow:hidden;} .mh15 {height:15px; overflow:hidden;} .mh20 {height:20px; overflow:hidden;} .mh25 {height:25px; overflow:hidden;} .mh30 {height:30px; overflow:hidden;} .mh52 {height:52px; overflow:hidden;} .lineType1 {background:url(images/icon_gdot.gif) left top repeat-x; height:3px; overflow:hidden;} .lineType2 {background:url(images/icon_wgdot.gif) left top repeat-x; height:3px; overflow:hidden;} /*** 表單 ***/ .cform {margin:0px; padding:0px;} .cform select {border:1px solid #CACACA; margin:0px; height:25px; *height:auto; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .cform textarea {padding:3px 5px 3px 5px; margin:0px; border:1px solid #CACACA; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; display:block;} .cform input[type="text"], .cform input[type="password"] {padding:3px 5px 3px 5px; margin:0px; height:16px; border:1px solid #C9C9C9; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px;} .cform>li {padding:0 0 11px 0;} .cform>li ul {margin:0px; padding:0px; text-align:left;} .cform>li ul li.title {float:left; margin-left:73px; margin-right:14px; line-height:25px; color:#C42931;} .cform>li ul li.title span {color:#FF9501;} .cform>li ul li.ftxt {float:left; line-height:25px; color:#000000;} .order .finish a.button { display:inline-block; width:120px; padding:10px 0; border:0px; font-size:14px; color:#FFFFFF; cursor:pointer; background:#0196C1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; } .morder .cform a.button { display:inline-block; width:120px; padding:10px 0; border:0px; font-size:14px; color:#FFFFFF; cursor:pointer; background:#0196C1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; text-align:center; } input[type="button"].button, input[type="submit"].button, input[type="reset"].button { width:120px; height:35px; border:0px; font-size:14px; color:#FFFFFF; cursor:pointer; background:#0196C1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } input[type="button"].button:hover, input[type="submit"].button:hover, input[type="reset"].button:hover { } input[type="button"].button2, input[type="submit"].button2, input[type="reset"].button2 { width:120px; height:35px; border:0px; font-size:14px; color:#FFFFFF; cursor:pointer; background:#AFAFB1; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } input[type="button"].button2:hover, input[type="submit"].button2:hover, input[type="reset"].button2:hover { } input[type="button"].button3, input[type="submit"].button3, input[type="reset"].button3 { width:120px; height:35px; border:0px; font-size:14px; color:#FFFFFF; cursor:pointer; background:#000000; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius:3px; } input[type="button"].button3:hover, input[type="submit"].button3:hover, input[type="reset"].button:hover { }