@charset "utf-8";img{border:0; text-decoration:none;}html,body{width:100%; padding:0; margin:0; font-size:12px; font-family:Arial,Helvetica,sans-serif; color:#555555;}a{color:#0d0d0d; text-decoration:none;}a:hover{color:#333333;}.supportSear input,.supportSear button{font-family:inherit; font-size:inherit; *font-size:100%; font-style:inherit; font-weight:inherit; outline:0; border-radius:0; -webkit-box-shadow:none !important;     box-shadow:none !important; -webkit-appearance:none !important;   -moz-appearance:none !important;     appearance:none !important;}input{font-family:inherit; font-size:inherit; *font-size:100%; font-style:inherit; font-weight:inherit; outline:0; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; box-shadow:none; }input:not([type="button"]),input:not([type="submit"]),input:not([type="reset"]){font-size:16px !important; }textarea{resize:vertical; }input::-webkit-input-placeholder{color:#ccc; font-size:16px; }input:-moz-placeholder{color:#ccc; font-size:16px; }input::-moz-placeholder{color:#ccc; font-size:16px; }input:-ms-input-placeholder{color:#ccc; font-size:16px; }textarea::-webkit-input-placeholder{color:#ccc; font-size:16px; }textarea:-moz-placeholder{color:#ccc; font-size:16px; }textarea::-moz-placeholder{color:#ccc; font-size:16px; }textarea:-ms-input-placeholder{color:#ccc; font-size:16px; }@media only screen and (min-width:992px){input:not([type="button"]),input:not([type="submit"]),input:not([type="reset"]){font-size:12px !important; } textarea{resize:vertical; } input::-webkit-input-placeholder{color:#ccc; font-size:12px; } input:-moz-placeholder{color:#ccc; font-size:12px; } input::-moz-placeholder{color:#ccc; font-size:12px; } input:-ms-input-placeholder{color:#ccc; font-size:12px; } textarea::-webkit-input-placeholder{color:#ccc; font-size:12px; } textarea:-moz-placeholder{color:#ccc; font-size:12px; } textarea::-moz-placeholder{color:#ccc; font-size:12px; } textarea:-ms-input-placeholder{color:#ccc; font-size:12px; }}.clearer{clear:both; height:0; line-height:0; font-size:0;}.displayNone{display:none;}#gHeader{width:100%; min-width:1000px; overflow:hidden;}.bgLeft{position:absolute; width:50%; min-height:40px; left:0; top:0; background:url(../images/top_nav_l_bg.gif) repeat-x; z-index:1; overflow:hidden;}.cookie-notice{width:100%; position:fixed; bottom:0; color:#fff; font-size:14px; border-bottom:1px solid rgba(255,255,255,.5); background:url(../images/top_nav_l_bg.gif) repeat-x; z-index:9999}.cookie-notice .cookie_note{padding:10px 30px 10px 10px; float:left;}.cookie-notice .cookie_note a{color:#fff; text-decoration:underline;}.cookie-notice-close{float:right; padding:10px 20px; line-height:18px; color:#fff; font-weight:bold; background:#0da6d6;}a.cookie-notice-close{display:block;}a.cookie-notice-close:hover{color:#fff; background:#098fb9;}.bgRight{position:absolute; width:50%; min-height:40px; right:0; top:0; background:url(../images/top_nav_r_bg.gif) repeat-x; z-index:-1; overflow:hidden;}.gHeaderWrap{position:relative; z-index:2; width:1000px; margin:0 auto; overflow:hidden;}.topNav{width:1000px; height:40px; background:url(../images/top_nav_bg.gif) no-repeat;}.topNavL{float:left; width:797px; }.topNavL .logBox{float:left; width:250px; height:40px; color:#aae2ff; line-height:40px; overflow:hidden;}.topNavL .logBox a{color:#aae2ff;}.topNavL .logBox a:hover{color:#cceeff;}.topNavL .navBox{float:right; }.topNavL .navBox ul{padding:0; margin:0; list-style:none;}.topNavL .navBox ul li{ float:right; padding:0 12px; background:url(../images/line_nav.gif) no-repeat left 16px; height:40px;}.topNavL .navBox ul li a{color:#aeb2ba; line-height:40px;}.topNavL .navBox ul li a:hover{color:#FFF;}.navSelect{position:relative; width:70px; color:#aeb2ba; line-height:40px; background:url(../images/icon_1.gif) no-repeat right 16px; overflow:hidden;}.navInBox{position:absolute; z-index:1; left:0; top:10px; opacity:0; width:70px; cursor:pointer; color:#000; }.topNavSear{float:right; width:180px; margin:5px 11px 0 0; border-bottom:1px solid #5791c8; overflow:hidden;}.topNavSear .bar{float:left; width:165px; overflow:hidden;}.topNavSear .bar input{width:165px; height:25px; line-height:25px; color:#b6d1ea; border:0; border:none; background-color:transparent; overflow:hidden;}.topNavSear .icon{float:right; width:15px; height:25px; overflow:hidden;}.topNavSear .icon input{width:15px; height:25px; border:0; text-indent:-9999px; background:url(../images/icon_search.gif) no-repeat 0 5px; cursor:pointer; overflow:hidden;}.botNav{height:110px; overflow:hidden;}.botNav h1{position:relative; float:left; width:295px; height:60px; margin:28px 0 0; padding:0; overflow:hidden;}.botNav h1 a{display:block; width:295px; height:60px; text-indent:-9999px; background:url(../images/logo.gif); overflow:hidden;}.menuBox{float:right; width:680px; height:21px; margin:53px 0 0 0; overflow:hidden;}.menuBox ul{padding:0; margin:0; list-style:none;}.menuBox ul li{float:left; height:21px; overflow:hidden;}.menuBox ul li a{position:relative; color:#000;  padding:0 30px; font-weight:bold; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU; text-decoration:none;  font-size:16px; z-index:5;}.menuBox ul li.last a{background:none;}.menuBox li.back{position:absolute; max-width:94px; height:21px; margin:0 10px; border-bottom:2px solid #6898bd;  z-index:0;}.menuBox li a:hover,.menuBox li.current a{color:#6898bd;}#iBody{width:1000px; margin:0 auto; overflow:hidden;}.nivoSlider{position:relative; width:100%; height:auto; overflow:hidden;}.nivo-slice{display:block; position:absolute; height:100%; z-index:5; display:none }.nivo-box{display:block; position:absolute; z-index:5; display:none }.nivoSlider img{position:absolute; top:0; left:0; max-width:none;}.nivo-main-image{display:block !important; position:relative !important; width:100% !important;}.nivoSlider a.nivo-imageLink{position:absolute; top:0; left:0; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none;}.nivo-slice{display:block; position:absolute; z-index:5; height:100%; top:0; display:none }.nivo-box{display:block; position:absolute; z-index:5; overflow:hidden; display:none }.nivo-box img{display:block;}.nivo-caption{display:none;}.nivo-caption p{display:none;}.nivo-caption a{display:none;}.nivo-html-caption{display:none;}.nivo-directionNav a{display:none;}.nivo-controlNav{position:absolute; width:1000px; text-align:center; left:0; bottom:-36px; z-index:7; }.nivo-controlNav a{display:inline-block; width:10px; height:10px; margin-right:12px; text-indent:-9999px; background:url(../images/i_banner_dot.gif) no-repeat; overflow:hidden; cursor:pointer;}.nivo-controlNav a.active{width:10px; height:10px; background:url(../images/i_banner_dot_hover.gif) no-repeat; overflow:hidden;}#bigShot{position:relative; width:1000px;}#bigShot .nivoSlider{position:relative; width:1000px;  height:370px;  overflow:hidden;}.iBanShad{width:1000px; height:10px; background:url(../images/i_banner_bot.gif) repeat-x; overflow:hidden;}.iBodyBot{width:100%; padding:54px 0 38px; overflow:hidden;}.iNewsBox{float:left; width:383px; height:272px; overflow:hidden;}.iNewsBox .head{width:100%; font-weight:bold; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU; background:url(../images/i_news_more.gif) no-repeat 88px 5px; color:#000; line-height:20px; font-size:15px;}.iNewsBox .head a{display:inline-block; margin:0 0 0 62px; vertical-align:bottom; color:#afafaf; font-size:11px; overflow:hidden;}.iNewsBox .head a:hover{color:#7c7c7c;}.iNewsBox .iNewsTab{margin:14px 0 0 3px; border-spacing:0; border-collapse:collapse;}.iNewsBox .iNewsTab tr{border-bottom:1px solid #dfdfdf;}.iNewsBox .iNewsTab tr.last{border-bottom:none;}.iNewsBox .iNewsTab th{width:65px; height:33px; color:#135fb3; font-weight:normal; overflow:hidden;}.iNewsBox .iNewsTab td{width:287px; padding-left:8px; color:#000;}.iNewsBox .iNewsTab td a{width:287px; display:block; color:#000;}.iNewsBox .iNewsTab td a:hover{color:#0f60ae;}.iAdBox{float:right; width:610px; overflow:hidden;}.iAdBox .head{width:100%; font-weight:bold; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU; color:#000; line-height:20px; margin-bottom:15px; font-size:15px;}.iAdBox .list{float:left; width:290px; height:110px; margin:0 3px 10px 9px; border:1px solid #aeaeae; overflow:hidden;}.iAdBox .list:hover{border:1px solid #0e61b0;}.iAdBox .list a{display:block; width:290px; height:110px; overflow:hidden;}#gFooter{width:100%; min-width:1000px; height:90px; background-color:#f3f3f3; border-top:1px solid #b6cfe7; overflow:hidden; clear:both;}.footerWrap{width:1000px;  margin:0 auto; overflow:hidden; padding-top:5px;}.footMenu{float:left; height:40px; overflow:hidden;}.footMenu ul{padding:0; margin:0; list-style:none;}.footMenu ul li{float:left; height:40px; line-height:40px; padding:0 13px; background:url(../images/line_foot.gif) no-repeat right 14px; overflow:hidden;}.footMenu ul li.last{background:none;}.footMenu ul li a{line-height:40px; color:#333333; overflow:hidden;}.footMenu ul li a:hover{color:#0f60ae;}.copyRight{float:right; line-height:40px; color:#333333; overflow:hidden; text-align:right;}.copyRight a{color:#333333;}.copyRight a:hover{color:#7c7c7c;}.bankIcon{float:left; padding-left:15px; padding-top:5px; margin:0 4px;}#gFooter .twcaBox{width:40px; overflow:hidden; margin:0 0 0 10px; float:left;}#pBody{width:1000px; margin:30px auto 70px; overflow:hidden;min-height:300px;}.locatWrap{width:100%; height:37px; min-width:1000px; border-top:1px solid #0e61b0; background:url(../images/locat_bg.gif) repeat-x; overflow:hidden; clear:both;}.locatBox{width:1000px; height:37px; line-height:37px; margin:0 auto; color:#777777; overflow:hidden;}.locatBox a{color:#777777;}.locatBox span{color:#777777; }.pBodyL{float:left; width:232px; border-top:1px solid #cbcbcb; border-bottom:3px solid #817f7f; overflow:hidden;}.pBodyL ul{padding:0; margin:0; list-style:none;}.pBodyL ul li{width:230px; border:1px solid #cbcbcb; border-top:none; overflow:hidden;}.pBodyL ul li a{display:block; position:relative; line-height:20px; color:#333333; background-color:#FFF; background:url(../images/sub_menu_bg.gif) repeat-x bottom; padding:10px 25px 10px 18px;}.pBodyL ul li a span{position:absolute; width:9px; height:9px; top:15px; right:12px; background:url(../images/sub_menu_icon.png) no-repeat;}.pBodyL ul li.current a,.pBodyL ul li a:hover{color:#FFF; font-weight:bold; background-image:none;   background-color:#0f61af;}.pBodyL ul li.current a span,.pBodyL ul li a:hover span{background:url(../images/sub_menu_icon_hover.png) no-repeat;}.pBodyL ul li ul{padding:10px 0;}.pBodyL ul li li{width:230px; border:none; overflow:hidden;}.pBodyL ul li.current li a{background:none; color:#888888; line-height:14px; padding:5px 0 5px 18px; font-weight:normal;}.pBodyL ul li.current li a:hover{font-weight:bold;}.pBodyR{float:right; width:740px; overflow:hidden;}.goodsWrap{width:100%; overflow:hidden;}.goodsTiTab{width:740px; border-collapse:collapse; border-spacing:0;}.goodsTiTab thead th{padding:10px 0; line-height:18px; font-weight:normal; background-color:#dddddd; border-right:1px solid #FFF; color:#333333;}.goodsTiTab thead th.noBor,.goodsTiTab thead td.noBor{border:none;}.goodsTiTab thead td{background-color:#0e61b0; border-right:1px solid #FFF; height:13px;padding:0;overflow:hidden;}.goodsTiTab tbody tr:hover{background-color:#f7f7f7;}.goodsTiTab tbody td{text-align:center; line-height:15px; padding:10px 0 10px 3px; border-bottom:1px solid #dddddd; color:#333333;}.goodsTiTab tbody td a:hover{color:#0e5ca8;}.goodsTiTab tbody td.tiName{color:#0e5ca8; line-height:15px; padding:10px 0 10px 2px; border-bottom:1px solid #dddddd; font-weight:normal;}.goodViewBot{width:100%; padding:0; overflow:hidden;}.goodViewBot .pic{float:left; width:310px; height:250px; margin:20px 0 0 27px; overflow:hidden;}.goodViewBot .info{float:right; width:350px; overflow:hidden;}.goodViewBot .info .btnDl{width:100%; overflow:hidden;}.goodViewBot .info .btnDl a{display:block; width:105px; height:20px; background:url(../images/icon_dl.gif); overflow:hidden;}.goodViewBot .info .btnDl a:hover{background-position:0 20px;}.goodsPriceTab{margin:20px 0 0; border-collapse:collapse; border-spacing:0; width:100%}.goodsPriceTab th{width:60px; padding-left:5px; text-align:left; color:#666666; font-weight:bold; padding:10px 0;}.goodsPriceTab td{width:80px; padding:10px 0 15px; text-align:center; background:url(../images/price_gap.gif) bottom center repeat-x;}.goodsPriceTab tr.price td{padding:10px 0; background:none; }@media (max-width:767px){.goodsPriceTab th{width:40px;}}.goodViewBot .info .goodsInfoTab{width:100%; margin:0 0 20px; border-collapse:collapse; border-spacing:0;border-top:1px solid #dddddd;}.goodViewBot .info .goodsInfoTab td,.goodViewBot .info .goodsInfoTab th{border-bottom:1px solid #dddddd; padding:10px 0;}.goodViewBot .info .goodsInfoTab th{width:60px; padding-left:0; text-align:left; color:#666666; font-weight:bold;}.goodViewBot .info .goodsInfoTab td{color:#333333; padding-left:10px;}.goodViewBot .info .goodsInfoTab td.txt{color:#444444; padding:0 0 15px 0; line-height:20px;}.goodViewBot .info .goodsInfoTab td.red{color:#e92600; font-size:15px; font-weight:bold;}.btnCart{width:140px; height:30px; overflow:hidden;float:left;padding-right:10px;}.btnCart a{display:block; width:140px; height:31px; line-height:31px; color:#FFF; text-align:center;  background:url(../images/btn_cart_bg_b.gif) repeat-x; overflow:hidden;}.memberWrap{width:100%; overflow:hidden;}.memberTiTab{width:740px; margin-bottom:1px; border-collapse:collapse; border-spacing:0;}.memberTiTab th{width:80px; height:35px; padding:0 15px 0 30px; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU; color:#000; font-size:15px; font-weight:bold; text-align:left; background:url(../images/icon_3.gif) no-repeat 11px 13px; border-bottom:1px solid #dfdfdf; overflow:hidden;}.memberTiTab td{height:35px; border-bottom:1px solid #dfdfdf; overflow:hidden;}.memberCont{width:100%;  border-bottom:3px solid #b6cfe7; overflow:hidden;}.memberLTab,.memberLTab2{width:470px;  margin:60px auto; border-collapse:collapse; border-spacing:0;}.memberLTab th{width:90px; vertical-align:top; text-align:right; font-weight:normal; padding:15px 5px 15px 10px; overflow:hidden;}.memberLTab th.w120{width:140px;}.memberLTab2 th{width:150px; vertical-align:top; text-align:right; font-weight:normal; padding:15px 15px 15px 0; overflow:hidden;}.btnLog{width:70px; height:70px; background:url(../images/btn_login.gif); border:0; margin:10px; text-indent:-9999px; cursor:pointer; overflow:hidden;}.btnLog:hover{background-position:0 70px;}.memberCont.center{}.memberCont.center .membName{color:#0b3a70; font-size:13px; font-weight:bold;}.btnLogOut{width:70px; height:70px; background:url(../images/btn_logout.gif); border:0; text-indent:-9999px; cursor:pointer; overflow:hidden; display:inline-block;}.btnLogOut:hover{background-position:0 70px;}.memberCont.join{ background-image:none; background-color:#f5f5f5;}.memberAllTab{width:660px; margin:30px 40px 30px 40px; border-collapse:collapse; border-spacing:0; font-size:14px;}.memberAllTab th{width:135px; vertical-align:top; text-align:right; font-weight:normal; padding:15px 15px 15px 0; overflow:hidden;}.memberAllTab th.ti{height:30px; line-height:30px; padding:0 0 0 10px; text-align:left; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU; font-size:15px; color:#817f7f; font-weight:bold; background-color:#ebebeb;}.memberAllTab th.noPadd{padding:0;}.termsTxt{width:650px; height:165px; line-height:21px; padding:5px; background-color:#FFF; font-family:Arial,Helvetica,sans-serif; border:1px solid #ccc; overflow-y:scroll;}.agree{width:660px; padding:10px 0; color:#0b366a; overflow:hidden;}.memberAllTab td.center{text-align:center; border-top:1px solid #dddddd; padding:20px 0 20px;}.btnReset,.btnSubmit{width:60px; height:25px; line-height:25px; color:#222222; font-size:13px; text-align:center; background:url(../images/btn_reset.png); border:0; cursor:pointer; text-indent:-9999px; overflow:hidden;}.btnSubmit{background:url(../images/btn_submit.png);}.btnReset:hover,.btnSubmit:hover{background-position:0 25px;}.memberLTab td.left,.memberLTab2 td.left{text-align:left;}.memberCont.forget{}.memberCont.verify{}.memberCont.chpw{}.memberTiTab.edit th{width:100px;}.memberAllTab td .membName{color:#0b3a70; font-size:15px; font-weight:bold;}.memberAllTab td .red{color:#e92600; font-size:12px; font-weight:bold;}.listTabHead{width:740px; height:30px; background-color:#eaeaea; border-bottom:2px solid #0e61b0; overflow:hidden;}.listTabHead .headTab{width:740px; border-collapse:collapse; border-spacing:0;}.listTabHead .headTab th{height:30px; line-height:30px; font-size:12px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; overflow:hidden;}.listTabHead .headTab th.noLine{background:none;}.listTabBox{width:740px; color:#333333; overflow:hidden;}.listTabBox .bodyTab{width:740px; border-collapse:collapse; border-spacing:0;}.listTabBox .bodyTab th{height:30px; line-height:30px; font-size:12px; font-weight:normal; font-family:Arial,Helvetica,sans-serif; overflow:hidden;background-color:#eaeaea; border-bottom:2px solid #0e61b0;}.listTabBox .bodyTab th.noLine{background:none;}.listTabBox .bodyTab td{padding:10px 0; font-size:12px; text-align:center; font-weight:normal; font-family:Arial,Helvetica,sans-serif; border-bottom:1px solid #dddddd; overflow:hidden;}.listTabBox .bodyTab td.tiName{padding:10px 0; font-size:12px; text-align:center; font-weight:normal; color:#0e5ca8; font-family:Arial,Helvetica,sans-serif; border-bottom:1px solid #dddddd; overflow:hidden;}.listTabBox .bodyTab td.tiName a{font-size:12px; text-align:center; font-weight:normal; text-decoration:none; color:#0e5ca8; font-family:Arial,Helvetica,sans-serif;}.listTabBox .bodyTab td.tiName a:hover{text-decoration:underline;}.btnNote{display:block; width:18px; height:24px; margin:0 auto; background:url(../images/icon_4.png); overflow:hidden;}.btnNote:hover{background-position:0 24px;}#payBox{padding:0 30px; width:480px; overflow:hidden;}#payBox .icon{width:400; height:50px; line-height:50px; padding-left:20px; font-size:15px; font-weight:bold; overflow:hidden; border-bottom:1px solid #ccc; color:#444; background:url(../images/icon_5.gif) no-repeat left 50%;}#payBox .notice{margin-left:75px; padding-top:25px; width:345px; height:30px; overflow:hidden; color:#666; background:url(../images/line3.gif) 0 bottom repeat-x;}#payBox table,#payBox table th,#payBox table td{padding:0; border-spacing:0; border-collapse:collapse;}#payBox table{margin:20px auto 0; width:420px;}#payBox table th{width:220px; font-weight:normal; text-align:right; line-height:30px;}#payBox table td{padding-left:5px; color:#555555;}#payBox table select.floatLeft{float:left; margin-right:5px; margin-top:2px; padding:1px;}#payBox table div.floatLeft{float:left; margin-right:5px; line-height:26px;}#payBox table input{padding:2px 5px; width:230px; height:18px; line-height:18px; border:1px solid #abadb3;}#payBox .btnBox{margin:20px 0; text-align:center;}#payBox .btnBox input{width:115px; height:35px; overflow:hidden; background-position:0 0; background-repeat:no-repeat; border:0;}#payBox .btnBox input:hover{background-position:0 -35px;}#payBox .popBtn{width:100%; padding:20px 0; text-align:center; overflow:hidden;}#payBox .memberTiTab th{width:65px; height:35px; padding:0 15px 0 30px; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU; color:#000; font-size:15px; font-weight:bold; text-align:left; background:url(../images/icon_3.gif) no-repeat 11px 13px; border-bottom:1px solid #017bff; overflow:hidden;}#payBox .memberTiTab td{height:35px; border-bottom:1px solid #dfdfdf; overflow:hidden;}.totalBox{width:715px; height:40px; padding-right:25px; line-height:40px; background-color:#edf6f9; border-top:1px solid #FFF; font-size:13px; text-align:right; color:#000; overflow:hidden;}.totalBox span{color:#1065b5; font-size:18px; font-weight:bold;}.personBox{float:left; width:350px; font-family:Arial,Helvetica,sans-serif; margin:10px 10px 30px 10px; overflow:hidden;}.personBoxTab{width:350px; border-collapse:collapse; border-spacing:0;}.personBoxTab th{width:135px; height:30px; color:#000; font-weight:normal; text-align:right; padding-right:5px;}.personBoxTab td{color:#555555;}.subTiS{width:320px; height:20px; line-height:20px; padding-left:30px; margin-bottom:10px; font-family:'微軟正黑體' Arial,Helvetica,PMingLiU; font-weight:bold; background:url(../images/i_news_more.gif) no-repeat 10px 50%; font-size:13px; color:#1065b5; overflow:hidden;}.tiBar{width:620px; height:30px; line-height:30px; padding-left:30px; font-size:15px; background:url(../images/space_bar_ti.gif) no-repeat; overflow:hidden;}.clearerLine{border-bottom:1px dashed #777777; clear:both;}.orderBack{width:100%; overflow:hidden;}.orderBack a{float:right; display:block; width:70px; height:30px; text-align:center; line-height:30px; color:#FFF; background-color:#b6cfe7; overflow:hidden;}.orderBack a:hover{color:#0b3264;}.pCartL{float:left; width:232px; overflow:hidden;}.btnDel{display:block; width:13px; height:14px; margin:0 auto; background:url(../images/btn_del.png); overflow:hidden;}.btnDel:hover{background-position:0 14px;}.btnBox{width:100%; padding:10px 0 10px; text-align:right; overflow:hidden;}.btnBox .btnN,.btnN{height:31px; line-height:31px; background:url(../images/btn_cart_bg_b.gif); text-align:center; color:#FFF; border:none; font-size:12px; cursor:pointer; overflow:hidden;}.btnS{width:100px; height:31px; line-height:31px; background:url(../images/sub_menu_bg_hover.gif); text-align:center; color:#FFF; border:none; font-size:12px; cursor:pointer; overflow:hidden;}.btnCBg{display:inline-block; width:95px; height:31px;  font-family:Arial,Helvetica,sans-serif; line-height:31px;  background:url(../images/btn_cart_bg_g.gif); text-align:center; color:#333333; border:0; cursor:pointer; overflow:hidden;  vertical-align:top;}.btnCBg2{display:inline-block; width:140px; height:31px;  font-family:Arial,Helvetica,sans-serif; line-height:31px;  background:url(../images/btn_cart_bg_g.gif); text-align:center; color:#333333; border:0; cursor:pointer; overflow:hidden;  vertical-align:top;}.cliInfoTi{width:710px; height:30px; line-height:30px; padding:0 0 0 30px; font-weight:bold; color:#0e5ca8; background:url(../images/sub_menu_icon_hover.png) no-repeat 10px 50% #edf6f9; font-size:13px; overflow:hidden;}.cartPersonBox{width:720px; font-family:Arial,Helvetica,sans-serif; margin:10px 0 20px 20px; overflow:hidden;}.cartPersonBoxTab{width:720px; border-collapse:collapse; border-spacing:0;}.cartPersonBoxTab th{width:135px; height:30px; font-weight:normal; vertical-align:top; padding-top:8px; padding-right:10px; text-align:right;}.cartPersonBoxTab td{color:#555555;line-height:15px;}.cartPersonBox .subTiS{width:690px; height:20px; line-height:20px; padding-left:30px; margin-bottom:10px; font-family:'微軟正黑體' Arial,Helvetica,PMingLiU; font-weight:bold; background:url(../images/g_dot.gif) no-repeat 10px 50%; font-size:13px; color:#555555; overflow:hidden;}.sameBox{float:right; margin-right:10px; font-weight:normal; overflow:hidden;}.sameBox .backModi{display:block; width:75px; height:17px; background:url(../images/btn_modi.gif); overflow:hidden;}.sameBox .backModi:hover{background-position:0 17px;}.floatL{float:left; overflow:hidden;}.redCol{color:#ff0000;}.cartPersonBoxTab label,.cartPersonBoxTab input,.cartPersonBoxTab select{vertical-align:middle;}.cart3Back{color:#4986b3;}.cart4Txt{padding:0 10px; line-height:24px;}.cart4Txt h2{font-size:23px; color:#0e5ca8; font-weight:normal; font-family:'微軟正黑體' Arial,Helvetica,PMingLiU;}.cart4Txt h3{padding-left:15px; background:url(../images/i_news_more.gif) no-repeat 0 8px; font-size:15px; color:#0e5ca8; font-family:'微軟正黑體' Arial,Helvetica,PMingLiU;}.newsWrap{width:980px; margin:0 auto; overflow:hidden;}.newsListBox{width:100%; overflow:hidden;}.newsList{width:100%; padding-bottom:35px; overflow:hidden;}.newsList .pic{float:left; width:160px; height:120px; border:1px solid #cbcbcb; overflow:hidden;}.newsList .info{float:left; width:815px; overflow:hidden;}.newsList .info .newsTiTab{width:815px; border-collapse:collapse; border-spacing:0;}.newsList .info .newsTiTab th{height:35px; text-align:left; padding-left:20px; font-weight:normal; color:#111111; font-size:13px; border-bottom:1px solid #cbcbcb;}.newsList .info .newsTiTab th a{width:740px; display:block; color:#111111; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}.newsList .info .newsTiTab th span,.newsList .info .newsTiTab th a:hover{color:#0f60ae;}.newsList .info .newsTiTab td.view{width:40px; border-bottom:1px solid #cbcbcb; overflow:hidden;}.newsList .info .newsTiTab td.view a{display:block; width:25px; color:#017bff; padding-left:15px; background:url(../images/btn_news_view.gif) no-repeat 1px 50%;}.newsList .info .newsTiTab .txt{height:66px; padding:10px 10px 0 20px; line-height:22px; color:#858585; overflow:hidden;}.newsViewTiTab{width:980px; border-collapse:collapse; border-spacing:0;}.newsViewTiTab th{height:35px; text-align:left; font-weight:normal; color:#111111; font-size:13px; border-bottom:1px solid #cbcbcb;}.newsViewTiTab th .date{display:block; height:20px; padding-left:20px; line-height:20px; color:#0f60ae;}.newsViewTiTab th .ti{display:block; height:20px; color:#111111; font-size:18px; line-height:20px; padding:10px 0 10px 20px; font-family:'微軟正黑體' Arial,Helvetica,PMingLiU; line-height:20px;}.newsViewTiTab td.back{width:40px; vertical-align:bottom; padding-bottom:10px; border-bottom:1px solid #cbcbcb; overflow:hidden;}.newsViewTiTab td.back a{display:block; width:25px; color:#017bff; padding-left:15px; background:url(../images/btn_news_back.gif) no-repeat 1px 50%;}.newsList .viewTxt{width:940px; padding:20px; overflow:hidden;}.supportWrap{ width:100%; overflow:hidden;}.supportSearTab{ width:740px; height:55px; border-collapse:collapse; border-spacing:0;}.supportSearTab th{width:485px; text-align:left; padding-left:30px; color:#000; font-size:15px; background:url(../images/icon_3.gif) no-repeat 10px 50%; font-family:'微軟正黑體' Arial,Helvetica,PMingLiU; overflow:hidden;}.supportSearTab td{}.supportSear{width:100%; overflow:hidden;}.supportSear .bar{float:left; width:200px; overflow:hidden;}.supportSear .bar input{width:195px; height:20px; padding-left:5px; line-height:20px; color:#b5b5b5; border:1px solid #5791c8; border-right:none; background-color:transparent; overflow:hidden;}.supportSear .icon{float:left; width:24px; height:24px; overflow:hidden;}.supportSear .icon input{width:24px; height:24px; border:0; text-indent:-9999px; background:url(../images/btn_support_search.gif) no-repeat 0 0; cursor:pointer; overflow:hidden;}.supportTiTab{width:100%; height:33px; background-color:#0f61af;  border-collapse:collapse; border-spacing:0;}.supportTiTab th{ width:600px; color:#b5e3f6; line-height:33px; font-weight:normal; border-right:1px solid #FFF;}.supportTiTab td{color:#b5e3f6; line-height:33px; text-align:center; font-weight:normal;}.supportListTab{width:100%; margin-top:5px; border-collapse:collapse; border-spacing:0;}.supportListTab th{ width:590px; line-height:20px; text-align:left; font-weight:normal; padding:10px 0 10px 10px; border-bottom:1px solid #dddddd;  color:#333333;}.supportListTab td{border-bottom:1px solid #dddddd;}.supportListTab td a{display:block; width:105px; height:25px; margin:0 auto; background:url(../images/btn_support_dl.gif); overflow:hidden;}.supportListTab td a:hover{background-position:0 25px;}.supportListTab td.noItem,.newsListBox .noItem{text-align:center; height:40px; border-bottom:1px solid #dddddd;}#faqWrap{width:740px; overflow:hidden;}#faqWrap .faqBox{width:100%; padding-bottom:10px; overflow:hidden;}#faqWrap .faqBox .faqQue{width:648px; min-height:20px; line-height:20px; padding:6px 45px 7px; border:1px solid #dddddd; background-image:url('../images/faq_q.gif'); background-repeat:no-repeat; cursor:pointer; overflow:hidden;}#faqWrap .faqBox .faqAns{display:none; width:710px; line-height:21px; padding:15px; background-color:#f5f5f5;  overflow:hidden;}.contactWrap{width:980px; margin:0 auto; overflow:hidden;}.contactL{float:left; width:505px; border-right:1px solid #d7d7d7;  overflow:hidden;}.contactL .head{width:100%; font-weight:bold; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU; background:url(../images/i_news_more.gif) no-repeat 88px 5px; color:#000; line-height:20px; font-size:15px;}.contactL .head span{display:inline-block; margin:0 0 0 42px; vertical-align:bottom; font-family:Arial,Helvetica,sans-serif; color:#afafaf; font-weight:normal; font-size:14px; overflow:hidden;}.contactTab{width:450px; margin:30px 35px 30px 20px; border-collapse:collapse; border-spacing:0;}.contactTab th{width:65px; vertical-align:top; text-align:left; font-weight:normal; padding:15px 15px 15px 0; overflow:hidden; font-size:15px;}.contactTab th.ti{height:30px; line-height:30px; padding:0 0 0 10px; text-align:left; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU; font-size:15px; color:#817f7f; font-weight:bold; background-color:#ebebeb;}.contactTab th.noPadd{padding:0;}.contactTab td.center{text-align:center; padding:20px 0 0;}.contactR{float:right; width:435px; margin:5px 0 0; overflow:hidden;}.contactMap{width:420px; height:220px; border:1px solid #aeaeae; overflow:hidden;}.loadMap{width:420px; height:220px; overflow:hidden;}.contactR .detail{width:100%; min-height:165px;  margin-top:25px; line-height:35px; color:#111111; font-size:15px; font-weight:bold; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU;  overflow:hidden;}.contactR .detail span{color:#135fb3;}.contactR table.detail th{text-align:right; vertical-align:top; color:#135fb3; }.aboutWrap{width:980px; margin:0 auto; overflow:hidden;}.aboutTiTab{width:980px; margin-bottom:1px; border-collapse:collapse; border-spacing:0;}.aboutTiTab th{width:150px; height:35px; padding:0 15px 0 30px; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU; color:#000; font-size:15px; font-weight:bold; text-align:left; background:url(../images/icon_3.gif) no-repeat 11px 13px; border-bottom:1px solid #dfdfdf; overflow:hidden;}.aboutTiTab td{height:35px; border-bottom:1px solid #dfdfdf; overflow:hidden;}.aboutTxt{width:940px; padding:20px; line-height:22px; overflow:hidden;}.aboutTxt h3{color:#135fb3; padding-left:15px; background:url(../images/i_news_more.gif) no-repeat left 8px;}.aboutTiTab.privacy th{width:100%;}#pageNum{width:100%; padding:20px 0 60px 0; overflow:hidden; text-align:center;}#pageNum .btnPrev,#pageNum .btnNext{display:inline-block; padding-right:20px; width:60px; height:25px; overflow:hidden; line-height:25px; font-size:13px; text-align:center; text-indent:-9999px;}#pageNum .btnPrev{background:url(../images/btn_prev.gif) no-repeat;}#pageNum .btnNext{padding-left:20px; background:url(../images/btn_next.gif) no-repeat top;}#pageNum .btnPrev:hover{background-position:0 -25px;}#pageNum .btnNext:hover{background-position:center -25px;}#pageNum a,#pageNum span{display:inline-block; padding:0 3px; color:#000; font-size:12px; overflow:hidden; line-height:16px; vertical-align:middle;}#pageNum a:hover,#pageNum span{color:#333; font-weight:bold; text-decoration:underline;}.inBag{padding:2px 3px; margin:5px 0; border:1px solid #abadb3; background-color:#FFF;}.area{height:100px; resize:none; overflow-y:scroll;}.codeBox{float:left; text-align:center;}.codeBox.bg{float:left; width:86px; height:22px; line-height:22px; margin-top:4px; margin-left:5px; border:1px solid #ccc; overflow:hidden;}.errorWrap{width:980px; margin:0 auto; text-align:center; padding:50px 0; overflow:hidden; line-height:24px;}.errorWrap a.button{color:#00f; text-decoration:underline; }.errorWrap a.button:hover{color:#666; text-decoration:none; }.btnEditBg{display:inline-block; width:80px; height:25px;  font-family:Arial,Helvetica,sans-serif; line-height:25px; background:url(../images/btn_cart_bg_b.gif); text-align:center; color:#FFF; border:0; cursor:pointer; overflow:hidden;  vertical-align:middle;}.btnEditBg:hover{color:#FFF; background-position:0 31px;}#searchFormDiv{display:none;}.hide{display:none;}.list-sort{margin-left:3px; color:#00F; clear:both;}.g_Head .g_Cl{height:70px; background:url(../images/icon_aw.png) bottom repeat-x #0E61B0;}.g_Head .g_C{padding:6px;}.g_Head .g_HR{text-align:center; background-color:#ddd; border-color:#fff !important; height:55px; padding:0 !important; font-weight:normal; color:#333333; padding-bottom:15px; border-bottom-style:none;}.g_Head .g_HR:before{content:''; display:inline-block; vertical-align:middle; width:0; height:100%;}.g_Body .g_C{height:30px; line-height:30px; padding:6px;}#pGridDiv .field{display:inline-block; vertical-align:middle; line-height:150%; padding:0 5px;}#pGridDiv .txt{text-align:center;}#pGridDiv .txt a{color:#0e5ca8;}#iPopAd{width:400px; height:300px; padding:10px;}.in-txt{color:#000 !important;}#pGridDiv .txt{min-width:80px;}.form-control{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; width:100%; height:34px; margin:4px 5px; padding:6px; font-size:14px; line-height:1.42857143; color:#555555; background-color:#ffffff; background-image:none; border:1px solid #cccccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}.form-control:focus,.form-control2:focus{border-color:#66afe9; outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6); box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6);}.form-control2{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; display:block; width:575px; height:34px; margin:4px 5px;  font-size:14px; line-height:1.42857143; color:#555555; background-color:#ffffff; background-image:none; border:1px solid #cccccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); -webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; -o-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s; transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;}textarea.form-control{height:auto;}textarea{resize:none; }.form-inline .form-control{display:inline-block; width:auto; vertical-align:middle;}.radio,.checkbox{position:relative; display:block; min-height:20px; margin-top:10px; margin-bottom:10px;}.radio label,.checkbox label{padding-left:20px; margin-bottom:0; font-weight:normal; cursor:pointer;}.radio input[type="radio"],.radio-inline input[type="radio"],.checkbox input[type="checkbox"],.checkbox-inline input[type="checkbox"]{position:absolute; margin-left:-20px; margin-top:4px \9;}.radio + .radio,.checkbox + .checkbox{margin-top:-5px;}.radio-inline,.checkbox-inline{display:inline-block; padding-left:35px; margin-bottom:0; vertical-align:middle; font-weight:normal; cursor:pointer;}.radio-inline + .radio-inline,.checkbox-inline + .checkbox-inline{margin-top:0; margin-left:10px;}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"].disabled,input[type="checkbox"].disabled{cursor:not-allowed;}.radio-inline.disabled,.checkbox-inline.disabled{cursor:not-allowed;}.radio.disabled label,.checkbox.disabled label{cursor:not-allowed;}.help-block{padding-left:15px;display:block; margin-top:5px; margin-bottom:5px; color:#737373; box-sizing:border-box;}.has-success .help-block,.has-success .radio,.has-success .checkbox,.has-success .radio-inline,.has-success .checkbox-inline{color:#3c763d;}.has-success .form-control{border-color:#3c763d; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}.has-success .form-control:focus{border-color:#2b542c; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #67b168;}.has-warning .help-block,.has-warning .radio,.has-warning .checkbox,.has-warning .radio-inline,.has-warning .checkbox-inline{color:#8a6d3b;}.has-warning .form-control{border-color:#8a6d3b; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}.has-warning .form-control:focus{border-color:#66512c; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #c0a16b;}.has-error .help-block,.has-error .radio,.has-error .checkbox,.has-error .radio-inline,.has-error .checkbox-inline{color:#a94442;}.has-error .form-control{border-color:#a94442; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075); box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}.has-error .form-control:focus{border-color:#843534; -webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ce8483;}.captchaImg{vertical-align:middle;}.w500{width:600px !important;}.w400{width:400px !important;}.w370{width:370px !important;}.w300{width:300px !important;}.w270{width:270px !important;}.w240{width:240px !important;}.w200{width:200px !important;}.w130{width:130px !important;}.w110{width:110px !important;}.w100{width:100px !important;}.w85{width:85px !important;}.w80{width:80px !important; }.w75{width:75px !important;}.w60{width:60px !important;}.w15p{width:15% !important;}.w20p{width:20% !important;}.w25p{width:25% !important;}.h10{height:10px !important;}.h20{height:40px !important;}.h50{height:50px !important;}.h100{height:100px !important;}.gcsc-branding{display:none; }.textAlign{text-align:center; }.note{padding:20px 0 20px; text-align:left; }.cartNote{font-size:15px; padding:0 7px 0 22px }.sitemapWrap{width:984px; margin:0 auto; overflow:hidden;}.sitemapBox{float:left; width:190px; margin:0 28px 50px;}.sitemapBox .sitemaplink{width:190px; margin:0 0 20px; overflow:hidden;}.sitemapBox a.linkBox{display:block; position:relative; line-height:20px; color:#0f61af; background-color:#FFF; background:url(../images/sub_menu_bg.gif) repeat-x bottom; padding:10px 25px 10px 18px;border:1px solid #ccc;font-size:14px;font-family:"微軟正黑體";font-weight:bold;margin-bottom:20px;}.sitemapBox a.linkBox span{position:absolute; width:9px; height:9px; top:15px; right:12px; background:url(../images/aw_sitemap.gif) no-repeat;}.sitemapBox .linkSub{margin:0; padding:0 18px 10px; font-size:13px;}.sitemapBox .linkSub a{color:#555; text-decoration:none; line-height:20px; display:block; margin-bottom:10px;}.sitemapBox .linkSub a:hover{color:#0d5399;}.twcaBox{width:134px; overflow:hidden; margin:10px auto; }#creditButton{padding:10px 5px; width:210px; line-height:18px; font-family:"微軟正黑體"; margin-top:5px; color:#fff; border:none; background:url(../images/credit_button.gif) 0 0 no-repeat; background-size:100% 100%; }.dealerTab{width:740px;}.dealerTab th,.dealerTab td{padding:10px;}.dealerTab th{width:560px; border-bottom:1px solid #0e61b0; font-weight:normal; text-align:left; line-height:24px; vertical-align:top; font-family:'微軟正黑體',STXihei,Microsoft JhengHei,Microsoft YaHei,sans-serif,PMingLiU; font-size:13px; padding-top:20px;}.dealerTab td{width:180px; border-bottom:1px solid #ddd;}.dealerTab th .tiName{font-size:16px; font-weight:bold; margin-bottom:6px; color:#000;}.dealerTab th .add span{float:left; width:65px;}.dealerTab th .add span.contxt{width:460px;}.dealerTab td .imgBox{width:160px; height:100px; padding:1px; margin:0 auto;}tr.paying th{vertical-align:top; }tr.paying td{padding-top:8px; }tr.paying td label{width:60px; display:inline-block; }.btnReset,.btnSubmit{height:37px; width:92px; margin:0 3px; background:url('../images/btn_bg.png'); color:#135fb3; font-size:15px; text-indent:0 }.btnReset:hover,.btnSubmit:hover{background:url('../images/btn_bg_hover.png'); }.visible-xs{display:none; }.errorWrap{width:100% }.toggle{display:none; }.visible-768{display:none }#gHeader{min-width:unset; width:100%; }.menuBox{width:auto; }#gHeader .switch{display:none }#gFooter{min-width:unset; height:auto }.fixed-cart{width:50px; height:auto; background:#0e60ae; color:#fff; position:fixed; right:0; bottom:80px; padding:10px; text-align:center; font-size:14px; z-index:99 }.fixed-pro{width:50px; height:auto; background:#333; color:#fff; position:fixed; right:0; bottom:137px; padding:20px 10px; text-align:center; font-size:14px; z-index:99; line-height:1.2 }.fixed-cart:hover{color:#fff; background:#052d53;}.fixed-pro:hover{color:#fff; background:#000;}#pageNum .btnPrev,#pageNum .btnNext{height:37px; width:92px; }#pageNum .btnPrev:hover,#pageNum .btnNext:hover{background-position:center -37px }.iNewsBox{width:calc(40% - 20px); padding-right:15px; margin:0; }.iNewsBox .iNewsTab{width:100%; display:block; }.iNewsBox .iNewsTab th{display:inline-block; width:80px; line-height:1.5rem; padding:10px 0; vertical-align:top }.iNewsBox .iNewsTab td{display:inline-block; width:calc(100% - 80px); padding:10px 0; vertical-align:top }.iNewsBox .iNewsTab td a{height:3rem; line-height:1.5rem; width:100%; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.iAdBox{width:calc(60% - 10px); padding-left:10px; margin:0; border-left:1px solid #ddd; }.iAdBox .list{width:calc(50% - 12px); height:auto; margin:0 5px 10px; }.iAdBox .list a{width:100%; height:auto }.iAdBox .list a img{width:100%; max-width:100%; }#bigShot .nivoSlider img{width:100%; height:auto }@media only screen and (max-width:768px){.iNewsBox{margin-bottom:20px } .iNewsBox .iNewsTab{width:100%; display:block; margin:14px 0 0; } .iAdBox .list{width:calc(100% - 2px); margin:0 0 10px; }}.listTabHead,.listTabHead .headTab{width:100% }.listTabBox,.listTabBox .bodyTab{width:100% }.memberTiTab th{width:unset }#payBox table .area{width:calc(100% - 10px); }.form-control{margin:4px 0; }.contactTab th{width:105px }.btnCBg{margin-right:5px }@media only screen and (max-width:1199px){.gHeaderWrap{width:100%; z-index:unset; } .bgLeft{width:calc(100% - 240px); z-index:0 } .bgRight{width:240px; z-index:0 } .topNav{width:100%; background:transparent; } .topNavL{background:url(../images/top_nav_l_bg.gif) repeat-x; } .topNavL .logBox{margin-left:20px; width:auto; } .topNavL .navBox{width:auto } .topNavL .logBox{display:inline-block; float:none; } .botNav{width:calc(100% - 40px); height:auto; padding:0 20px; } .footerWrap{width:100%; } #iBody{width:calc(100% - 40px); margin:0 20px; } .nivo-controlNav{width:100% } #bigShot,#bigShot .nivoSlider{width:100%; height:auto } #bigShot .nivoSlider img{width:100%; max-width:100% } #bigShot{margin-top:20px; } .iBanShad{width:100% } #gFooter{width:100% }  .locatWrap{min-width:unset; width:100%; } .locatBox{min-width:unset; width:100%; padding:0 20px; } #pBody{width:calc(100% - 40px); margin:20px; } .pBodyL{width:20% } .pBodyL ul li{width:100%; width:calc(100% - 2px); } .pBodyR{width:calc(80% - 20px); padding-left:20px; }  .aboutWrap,.aboutTiTab,.aboutTxt{width:100%; max-width:100% !important; } .aboutTxt{padding:0 } .aboutTxt table{width:calc(100% - 40px) !important; max-width:calc(100% - 40px) !important; }  .newsWrap{width:100%; } .newsList .pic{height:unset } .newsList .pic a{display:block } .newsList .pic img{width:100%; max-width:100%; vertical-align:bottom } .newsList .info{width:calc(100% - 165px) } .newsList .info .newsTiTab{width:100% } .newsList .info .newsTiTab th a{width:100%; text-overflow:unset; overflow:visible; white-space:break-spaces; } .newsList .viewTxt{width:calc(100% - 40px) }  .sitemapWrap{width:100%; } .sitemapBox{width:calc(25% - 20px); margin:0 10px; } .sitemapBox .sitemaplink{width:100% }  .contactWrap{width:100% } .contactL{width:calc(55% - 1px); } .contactL .contactTab{width:calc(100% - 55px) } .contactR{width:calc(45% - 20px); padding-left:20px; }  .memberTiTab{width:100%; } .memberLTab{width:96%; } .form-inline .form-control.w80{width:100% !important } .memberAllTab{margin:20px 30px; width:calc(100% - 60px); } .totalBox{width:calc(100% - 50px); padding:10px 25px; }  .pCartL{width:20%; } .pCartL img{max-width:100%; margin:0 auto; } .pCartR{width:calc(80% - 20px); padding-left:20px; } .cliInfoTi{width:100%; } .cartPersonBox{width:100%; margin:20px 0; } .cartPersonBoxTab{width:100% } .form-control2{width:calc(100% - 10px); }  .goodsTiTab{width:100%; } .goodViewBot .pic{width:50%; margin:0; } .goodViewBot .pic img{max-width:100%; margin:0 auto; display:block; } .goodViewBot .info{width:50%; margin:0 }  .supportSearTab{width:100% } .supportTiTab th{width:80% } .supportTiTab td{width:20% } .dealerTab{width:100%; } .dealerTab th{width:80%; } .dealerTab td{width:20%; } .dealerTab td .imgBox{width:160px; height:auto } .dealerTab td .imgBox img{max-width:100%; } .dealerTab th .imgBox img{display:block; max-width:100%; margin:0 auto; } .dealerTab th a{width:auto; word-break:break-all; overflow:hidden; } #faqWrap{width:100%; } #faqWrap .faqBox .faqQue{width:calc(100% - 92px) }}@media only screen and (min-width:992px){.visible-xs{display:none } .hidden-xs{display:block; }}@media only screen and (max-width:991px){ html,body{font-size:16px } .topNavL .navBox ul li a,.footMenu ul li a{font-size:14px } .visible-xs{display:block } .hidden-xs{display:none; } .botNav h1,.botNav h1 a{width:114px; height:34px; z-index:99 } .botNav h1{position:absolute; left:10px; top:5px; margin:0; z-index:0 } .botNav h1 a{background:url('../images/logo_mb.png') center center no-repeat; background-size:contain } .topNavSear{display:none; margin-right:50px; width:auto; } .topNavL{width:calc(100% - 80px); text-align:right; } .topNavL .navBox ul li{background:transparent; } .search-icon{display:block; background:url(../images/icon_search.gif) center center no-repeat; width:40px; height:40px; position:absolute; right:40px; top:0; cursor:pointer; } .search-outter{position:fixed; top:0; right:0; display:none; background:rgba(0,0,0,0.8); z-index:99; padding:10rem 2rem; width:calc(100% - 4rem); } .search-outter .topNavSear{display:block; width:100%; padding:0; margin:0; } .search-outter .close{position:absolute; right:0; top:0; bottom:0; width:40px; color:#000; opacity:1; font-size:.812rem; background:#fff; height:40px; } .search-outter .close:after{content:'Close'; position:absolute; left:50%; top:50%; -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } .search-outter .topNavSear .bar{display:block; width:calc(100% - 45px); font-size:1rem; height:40px; margin:0 auto 8px; } .search-outter .topNavSear .bar input{width:calc(100% - 20px); height:38px; border:0; } .search-outter .topNavSear .icon{font-size:1rem; width:40px; height:40px; line-height:38px; display:block; color:#fff; border:0; padding:0; background:#0f63b2; text-align:center; margin:0 auto; } .menuBox{position:fixed; width:300px; height:auto; top:0; background:#0B3264; margin-top:40px; right:-300px; bottom:0; z-index:999; transition:right .3s ease; -o-transition:right .3s ease; -moz-transition:right .3s ease; -webkit-transition:right .3s ease; } .menuBox ul li{display:block; width:100%; line-height:50px; height:50px; border-bottom:1px solid #264e82; } .menuBox ul li a{color:#fff; background:none; font-size:17px; padding:0 25px; } .menuBox.active{right:0 } .navSelect2{padding:0 40px 0 25px; } .navInBox{padding:0 25px; width:120px; top:15px; } #gHeader .switch{position:absolute; width:20px; height:20px; font-size:0; top:0; right:0; display:block; border:none; border-radius:0; background:#000000; z-index:99; padding:10px; cursor:pointer } #gHeader .switch .icon{position:relative; height:22px; width:100%; } #gHeader .switch .icon> div{display:block; background:#fff; width:100%; border-radius:3px; height:1px; margin:6px 0; } #gHeader .switch .icon .linetop{margin-top:2px; } #gHeader .switch.on{background:#fff; } #gHeader .switch.on .icon> div{background:#000; } #gHeader .switch.on .icon .linetop{-webkit-transform:rotate(45deg); -ms-transform:rotate(45deg); transform:rotate(45deg); margin-top:11px; } #gHeader .switch.on .icon .linemiddle{width:0; } #gHeader .switch.on .icon .linebottom{margin-top:-14px; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); } .footerWrap{text-align:center; padding:20px 0; } .footMenu{height:auto; display:block; float:none; text-align:center; } .bankIcon{height:auto; display:inline-block; float:none; margin:0; } .copyRight{height:auto; display:inline-block; float:none; line-height:30px; font-size:12px; } .footMenu ul li{float:none; display:inline-block; }  .iNewsBox{height:auto; margin-bottom:20px } .iNewsBox .iNewsTab th{text-align:left; padding:10px 0 0 0; display:block; width:100%; } .iNewsBox .iNewsTab td{display:block; padding:0 0 10px 0; width:100%; } .iNewsBox .iNewsTab td a{width:100%; } .iAdBox .list{width:calc(100% - 10px); border-left:1px solid #ddd; }  .locatBox,.locatBox a{font-size:12px; } .pBodyR{width:100%; padding:0; } .pBodyL{width:100%; border:0; margin-bottom:20px; } .pBodyL .aside-nav .cate-wrap ul{display:none; } .pBodyL .aside-nav .cate-wrap{width:100%; position:relative; z-index:2; margin:0 auto; border-radius:5px; } .pBodyL .aside-nav .cate-wrap .toggle{display:block; color:#fff; font-size:1rem; height:40px; line-height:40px; padding:0 50px 0 15px; cursor:pointer; border:0; position:relative; margin-bottom:0; border-radius:0; background:#333; font-weight:bold; } .pBodyL .aside-nav .cate-wrap .toggle:after{content:""; display:block; width:6px; height:6px; border-style:solid; border-width:2px; border-color:#fff #fff transparent transparent; position:absolute; right:15px; top:15px; z-index:10; transform:rotate(135deg); } .pBodyL .aside-nav .toggle:before{content:""; width:1px; height:40px; position:absolute; left:calc(100% - 40px); top:0; background:rgba(255,255,255,0.2); } .pBodyL .aside-nav .cate-wrap.open .toggle:after{transform:rotate(-45deg); }  .pCartL{width:100% } .step-wrap{font-size:0; text-align:center; width:80%; margin:0 auto; } .step-wrap .step{font-size:12px; display:inline-block; width:auto; padding:0 15px; line-height:32px; border:1px solid #ddd; margin-left:-1px; } .step-wrap .step.current{background:#0f61af; color:#fff; }  .g_Base{font-size:15px !important } .goodsPriceTab th,.goodViewBot .info .goodsInfoTab th{font-size:14px; width:80px; } .goodsTiTab thead th{font-size:14px; } .goodsPriceTab tr.price td{font-size:14px; }  .newsList .info .newsTiTab th{border:0 } .newsList .info .newsTiTab th a{font-size:15px; } .newsList .info .newsTiTab td.view{width:55px; border:0; } .newsViewTiTab{width:100% } .newsViewTiTab th{height:auto } .newsViewTiTab th .ti{height:auto } .newsViewTiTab th .date{font-size:15px; } .newsViewTiTab td.back{width:80px; } .newsList .btnBack{display:block; width:25px; color:#017bff; padding-left:15px; background:url(../images/btn_news_back.gif) no-repeat 1px 50%; margin:0 auto; } .newsList .viewTxt{font-size:16px; }  .dealerTab th,.dealerTab td{font-size:15px; line-height:1.8 } .dealerTab th .tiName{font-size:16px; } .dealerTab th .add span{width:auto }  .supportSearTab th{font-size:16px; } .supportSear .bar{width:100%; } .supportTiTab th{width:70% } .supportTiTab td{width:30% } .supportSearTab th{font-size:16px; } .supportSear .bar{width:calc(100% - 36px) } .supportSear .bar input{width:100%; height:32px; line-height:30px; height:34px; line-height:34px; padding:0 20px; } .supportSear .icon{width:36px; height:36px } .supportSear .icon input{width:36px; height:36px; background:url(../images/btn_support_search.gif) no-repeat center center #5791c8; }  .aboutTiTab th{font-size:18px; width:100%; } .aboutTxt,.aboutTxt strong{font-size:16px; line-height:30px; }  .memberLTab,.memberLTab2{width:100%; } .memberTiTab th{font-size:18px; width:80px; } .memberLTab th{width:75px } .memberTiTab.edit th{width:120px } .btnEditBg{font-size:15px; width:100%; margin-top:5px; height:30px; line-height:30px; } .memberLTab2 th{width:100px }}@media only screen and (max-width:767px){.visible-768{display:block } .hidden-768{display:none } .topNavL .logBox{display:none; } .iAdBox,.iNewsBox{width:100% } .footMenu,.bankIcon{display:block; text-align:center; } .bankIcon{padding:0 } .footerWrap{padding:10px 0; } .footMenu ul li{padding:0 10px; } .menuBox{width:100%; right:-100%; } .menuBox .logBox{padding:0 25px; color:#aae2ff; line-height:40px; border-bottom:rgba(255,255,255,0.2) 1px solid } .menuBox .logBox a{color:#fff; } .cookie-notice-close{padding:8px; } .cookie-notice .cookie_note{padding:10px; float:left; font-size:12.5px; } .navSelect{font-size:16px; width:65px; padding:0 20px 0 25px; } .navBox .navSelect{width:70px; padding:0 20px; }  .newsList .pic{width:120px; } .newsList .info{width:calc(100% - 122px) } .newsList .info .newsTiTab th{padding:10px; }  .sitemapBox{width:calc(50% - 16px); margin:0 8px; }  .contactL{width:100%; border:0; } .contactL .contactTab{width:100%; margin:0 auto; } .contactTab th{width:85px; padding:15px 10px 15px 0; font-size:15px } .contactR{width:100%; padding:0; margin:0 0 30px 0; } .contactR .detail{padding-top:0 } .contactL .head span{margin:5px 0 15px 5px; }  .memberCont.center .membName{font-size:16px; } .memberAllTab{margin:10px 20px; width:calc(100% - 40px); } #colorbox,#cboxContent,#cboxLoadedContent{max-width:100vw !important; } #payBox{width:90%; padding:0; margin:0 auto; } #payBox table{width:95%; font-size:15px; } #payBox table th{width:80px; padding:5px; line-height:1.5; vertical-align:top; text-align:left } #payBox table td{padding:5px; vertical-align:top } #payBox table td select{width:80px; margin-bottom:8px; height:25px; line-height:23px; border-radius:0; border:1px solid #abadb3; } #payBox table .area{width:100%; } #payBox table input{width:calc(100% - 4px); } .btnNote{display:inline-block; vertical-align:middle; } .memberAllTab th{width:95px }  .cartPersonBoxTab th{width:92px; } .totalBox{height:auto; line-height:22px; } .totalBox span{font-size:15px } .listTabHead{height:auto } .listTabHead .headTab th{padding:8px 0 5px; line-height:1.2; width:20%; vertical-align:top } .listTabBox .bodyTab th{line-height:1.2; padding:5px 3px; } .listTabBox .bodyTab td{padding:5px 3px; } .listTabBox .bodyTab tr td:nth-child(3) input{width:50px; } .step-wrap{width:auto; } .step-wrap .step{width:auto; padding:0 5px; line-height:28px; } .memberTiTab td{text-align:right } .radio-inline + .radio-inline{margin:10px 0 10px 0; width:calc(100% - 30px)!important;} .radio-inline{margin:10px 0; line-height:18px; vertical-align:bottom; width:calc(100% - 30px)!important } .btnCBg2{height:36px; line-height:36px; width:calc(50% - 3px); } .btnBox .btnN,.btnN{height:36px; line-height:36px; width:100%; margin-top:5px } .btnCBg{width:calc((100% - 16px)/2); margin-bottom:8px; height:36px; line-height:36px; background-size:auto 100% } .btnBox .btnN,.btnN{width:100%; height:36px; line-height:36px; font-size:16px; } tr.paying td label{width:100%; } .cartNote{padding-left:0 } .subTiS{font-size:16px; }  .supportSearTab th,.supportSearTab td{width:100%; display:block; margin-bottom:10px } .dealerTab th{width:70%; } .dealerTab td{width:30%; } .dealerTab th .add span.contxt{width:auto }  .goodsTiTab{width:100%; } .goodViewBot .pic{width:100%; float:none; margin:0; } .goodViewBot .info{width:100%; float:none; margin:0 }}.cart-list{margin:20px auto 0; }.cart-list .thead{width:100%; display:table; }.cart-list .thead .box{display:table-row; }.cart-list .thead .box .th{width:calc(20%); display:table-cell; vertical-align:middle; position:relative; padding:8px 10px; text-align:center; font-weight:bold; font-size:1rem; background-color:#eaeaea; border-bottom:2px solid #0e61b0; }.cart-list .tbody{display:block; width:100%; }.cart-list .tbody .box{display:table; width:100%; position:relative; border-bottom:1px solid #ddd }.cart-list .tbody .box:before{position:absolute; display:block; top:0; left:15px; right:15px; height:1px; background:#ddd; }.cart-list .tbody .box:first-child:before{display:none; }.cart-list .tbody .box .td{width:calc(20%); display:table-cell; text-align:center; vertical-align:middle; padding:12px 10px; line-height:1.25rem; }@media (min-width:768px){.cart-list .tbody .box:hover{background:#f1f1f1 }}@media (max-width:767px){.cart-list .thead{display:none; } .cart-list .tbody{background:none; border-bottom:none; } .cart-list .tbody .box{width:calc(100% - 22px); display:block; margin:0 auto 15px auto; background:#fff; border:1px solid #e1e1e1; padding:60px 10px 10px 10px; } .cart-list .tbody .box .td:before{content:attr(data-mtit) "："; } .cart-list .tbody .box .td{display:inline-block; width:calc((100% - 60px)/3); text-align:left; vertical-align:middle; padding:5px 10px; height:auto; line-height:1.5; } .cart-list .tbody .box .td:first-child{width:calc(100% - 40px); position:absolute; top:0; left:0; background:#626262; color:#fff; padding:10px 20px; } .cart-list .tbody .box .td:first-child a{color:#fff; border-bottom:1px solid #fff } .cart-list .tbody .box .td.td-del{position:absolute; right:10px; top:8px; width:23px; height:23px; border-radius:23px; background:#fff; padding:0; } .cart-list .tbody .box .td.td-del a{margin:5px; background:url(../images/btn_del.png); } .cart-list .tbody .box .td.td-del:before{display:none; } .cart-list .tbody .box .td input{display:inline-block; max-width:80px; margin:0 auto; }}@media (max-width:639px){.cart-list .tbody .box{padding:40px 0 0 0; } .cart-list .tbody .box .td{display:block; width:calc(100% - 30px); padding:10px 15px; line-height:1.5; border-bottom:1px solid #ddd; } .cart-list .tbody .box .td:first-child{width:calc(100% - 30px); padding:10px 15px; } .cart-list .tbody .box .td:last-child{border:0; }}.order-list{margin:20px auto; }.order-list .thead{width:100%; display:table; }.order-list .thead .box{display:table-row; }.order-list .thead .box .th{width:calc(50%/3); display:table-cell; vertical-align:middle; position:relative; padding:8px 10px; text-align:center; font-weight:bold; font-size:1rem; background-color:#eaeaea; border-bottom:2px solid #0e61b0; }.order-list .thead .box .th:nth-child(4){width:40% }.order-list .thead .box .th:nth-child(5){width:10% }.order-list .tbody{display:block; width:100%; }.order-list .tbody .box{display:table; width:100%; position:relative; border-bottom:1px solid #ddd }.order-list .tbody .box:before{position:absolute; display:block; top:0; left:15px; right:15px; height:1px; background:#ddd; }.order-list .tbody .box:first-child:before{display:none; }.order-list .tbody .box .td{width:calc(50%/3); display:table-cell; text-align:center; vertical-align:middle; padding:12px 10px; line-height:1.25rem; }.order-list .tbody .box .td:nth-child(4){width:40% }.order-list .tbody .box .td:nth-child(5){width:10% }.order-list .tbody .box .td:nth-child(2) a{color:#0e5ca8; }@media (min-width:768px){.order-list .tbody .box:hover{background:#f1f1f1 } .order-list .tbody .box .td:nth-child(2) a:hover{border-bottom:1px solid #0e5ca8; }}@media (max-width:767px){.order-list .thead{display:none; } .order-list .tbody{background:none; border-bottom:none; } .order-list .tbody .box{width:calc(100% - 22px); display:block; margin:0 auto 15px auto; background:#fff; border:1px solid #e1e1e1; padding:60px 10px 10px 10px; } .order-list .tbody .box .td:before{content:attr(data-mtit) "："; } .order-list .tbody .box .td{display:inline-block; width:calc(50% - 40px); text-align:left; vertical-align:top; padding:5px 10px; height:auto; line-height:1.5; } .order-list .tbody .box .td:nth-child(2){width:calc(100% - 30px); position:absolute; top:0; left:0; background:#1063b3; color:#fff; padding:10px 15px; } .order-list .tbody .box .td:nth-child(4),.order-list .tbody .box .td:nth-child(5){width:calc(50% - 40px); } .order-list .tbody .box .td:nth-child(2) a{color:#fff; border-bottom:1px solid #fff; }}@media (max-width:639px){.order-list .tbody .box{padding:40px 0 0 0; } .order-list .tbody .box .td{display:block; width:calc(100% - 30px); padding:10px 15px; line-height:1.5; border-bottom:1px solid #ddd; } .order-list .tbody .box .td:first-child{padding:10px 15px; } .order-list .tbody .box .td:nth-child(2){width:calc(100% - 30px); } .order-list .tbody .box .td:nth-child(4),.order-list .tbody .box .td:nth-child(5){width:calc(100% - 30px); } .order-list .tbody .box .td:last-child{border:0; }}