/*****************************************checkoutBox********************************/ .footer{ background-color:#000;} .footer p{color:#eee;} .footer span{color:#eee; } .footer a{color:#eee; } .top_menu_nav_box{width:950px;height:auto;position:relative; z-index:9888;margin:0px auto 20px auto; overflow:hidden; border-radius:8px 0px 0px 8px;overflow:hidden;} .top_menu_nav_box .step_area{width:100%;overflow:hidden;} .top_menu_nav_box .step_box{display:block;float:left;padding:0px 15px 0px 35px; min-height:100px;background:#e5e5e5;position:relative; text-align:center; color:#939393;letter-spacing:1px; } .top_menu_nav_box .step_box .number{overflow:hidden;width:80px;margin:15px auto 15px auto;} .top_menu_nav_box .step_box h3{display:block;font-family: 'Fjalla One', sans-serif; font-size:20px; font-weight:500; overflow:hidden;float:left; margin-top:3px; } .top_menu_nav_box .step_box span{background-color:#939393;border-radius:100px;display:block;width:27px;height:27px; float:left; line-height:27px; margin-left:10px;color:#e5e5e5;font-size:18px;} .top_menu_nav_box .step_box p{font-family: Microsoft JhengHei ;font-size:18px; font-weight:600;letter-spacing:0.5px;} .top_menu_nav_box .step_box img{width:23px;height:100%;position:absolute;right:-17px;} .top_menu_nav_box .step_box.one{z-index:10;} .top_menu_nav_box .step_box.two{z-index:9;} .top_menu_nav_box .step_box.three{z-index:8;} .top_menu_nav_box .step_box.four{z-index:7;} .phone_top_menu{display:none;} .password_prompt {font-weight:400;color:#777;font-size:14px;letter-spacing:1px;display:block;margin-top:10px;margin-bottom:0px;} .cartLi.cartLi2 .amount select {width:55px;} @media screen and (min-width: 1800px){ .top_menu_nav_box{width:1280px;border-radius:12px 0px 0px 12px;margin-top:10px;} .top_menu_nav_box .step_box{display:block;float:left;padding:0px 25px 0px 45px; min-height:130px; } .top_menu_nav_box .step_box .number{margin:20px auto 20px auto;overflow:hidden;width:110px;} .top_menu_nav_box .step_box h3{font-size:26px; margin-top:3px; } .top_menu_nav_box .step_box span{width:34px;height:34px;line-height:34px; margin-left:10px;font-size:24px;} .top_menu_nav_box .step_box p{font-size:24px;} .top_menu_nav_box .step_box.one .number{margin-left:10px;} .top_menu_nav_box .step_box.five .number{margin-left:20px;} .top_menu_nav_box .step_box.seven{z-index:4;padding:0px 23px 0px 20px;} .top_menu_nav_box .step_box.seven img{right:-16px;} .top_menu_nav_box .step_box.seven p{ line-height:137px; margin-left:15px;} } @media screen and (max-width:1799px) and (min-width:1600px){ .top_menu_nav_box{width:1160px;border-radius:12px 0px 0px 12px;margin-top:10px;} .top_menu_nav_box .step_box{display:block;float:left;padding:0px 25px 0px 45px; min-height:120px; } .top_menu_nav_box .step_box .number{margin:20px auto 20px auto;overflow:hidden;width:110px;} .top_menu_nav_box .step_box h3{font-size:22px; margin-top:3px; } .top_menu_nav_box .step_box span{width:34px;height:34px;line-height:34px; margin-left:10px;font-size:22px;} .top_menu_nav_box .step_box p{font-size:20px;} .top_menu_nav_box .step_box.one .number{margin-left:10px;} .top_menu_nav_box .step_box.five .number{margin-left:20px;} .top_menu_nav_box .step_box.seven{z-index:4;padding:0px 23px 0px 20px;} .top_menu_nav_box .step_box.seven img{right:-16px;} .top_menu_nav_box .step_box.seven p{ line-height:137px; margin-left:15px;} } @media screen and (max-width: 959px) and (min-width: 700px){ .top_menu_nav_box{width:730px;height:auto; border-radius:8px 0px 0px 8px;} .top_menu_nav_box .step_area{width:100%;overflow:hidden;} .top_menu_nav_box .step_box{padding:0px 8px 0px 25px;min-height:80px;letter-spacing:1px; } .top_menu_nav_box .step_box .number{width:70px;overflow:hidden;margin:15px auto 10px auto;} .top_menu_nav_box .step_box h3{font-size:17px; font-weight:500; margin-top:0px; } .top_menu_nav_box .step_box span{display:block;width:20px;height:20px; line-height:20px;margin-left:10px;font-size:14px;} .top_menu_nav_box .step_box p{font-size:14px; line-height:18px;} .top_menu_nav_box .step_box img{width:18px;height:100%;right:-15px;} .top_menu_nav_box .step_box.one{padding:0px 8px 0px 15px;} .top_menu_nav_box .step_box.one .number{margin-left:10px;} .top_menu_nav_box .step_box.five .number{margin-left:20px;} .top_menu_nav_box .step_box.seven{padding:0px 5px 0px 5px;} .top_menu_nav_box .step_box.seven img{right:-8px;} .top_menu_nav_box .step_box.seven p{ line-height:95px; margin-left:12px;} } @media screen and (max-width: 700px) { .top_menu_nav_box{display:none;} .phone_top_menu{display:block;position:relative;margin-top:-55px; margin-bottom:30px;} .phone_top_menu{width:100%;overflow:hidden;padding:15px 0px;} .phone_top_menu .step_box{width:80%;display:block;margin:0 auto ;background:#;position:relative; text-align:center; color:#939393;letter-spacing:1px; } .phone_top_menu .step_box .number{margin-bottom:10px;overflow:hidden;width:100px;background-color:#; margin:0 auto 10px auto; padding-left:15px;} .phone_top_menu .step_box h3{display:block;font-family: 'Fjalla One', sans-serif; font-size:24px; font-weight:500; overflow:hidden;float:left; margin-top:3px;color:#2a56b4; } .phone_top_menu .step_box span{background-color:#2a56b4;border-radius:100px;display:block;width:28px;height:28px; float:left; line-height:26px; margin-left:10px; margin-top:1px;color:#fff;font-size:20px;} .phone_top_menu .step_box p{font-family: Microsoft JhengHei ;font-size:30px;font-family: 'Fjalla One', sans-serif;color:#2a56b4;line-height:26px;font-weight:500; letter-spacing:0.5px;text-align:center;} } /********************************************************************************************/ .wrapContent { width: 900px; margin:0px auto 0px auto; overflow:hidden; padding-top:0px; padding:20px; position:relative;z-index:97;} .wrapContent .title_box{width:270px;margin:0px auto 20px auto;overflow:hidden;padding-left:25px;} .wrapContent .title_box.information{width:450px;padding-left:55px;} .wrapContent .title_box.checkout{width:330px;padding-left:45px;} .wrapContent .title_box.Complete{width:240px;padding-left:45px;} .wrapContent .title_box h1{color:#2a56b4; float:left; margin-left:0px;font-family: 'Fjalla One', sans-serif;} .wrapContent .title_box .triangle_arrow_box_bg{width:40px;height:55px;overflow:hidden;position:relative;margin-left:15px; margin-top:-3px;float:left;transform:scale(0.7);-webkit-transform:scale(0.7);} .wrapContent .title_box .triangle_arrow_box_bg .box{width:40px;height:50px;background:url(../png/dot_bg.png) center center ;position:absolute;top:0px;left:-25px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0.3;} .wrapContent .checkoutBox { background:#f8f8f8; overflow:hidden; margin-bottom:0px; padding:20px;border-radius:8px; margin: 0 auto; } .wrapContent .checkoutBox .title { display:block; overflow:hidden; } .wrapContent .checkoutBox .title .cartLi { display:block; font-size:15px; padding:5px; text-align:center; border-bottom:1px solid #EEE; line-height:25px; height:30px; overflow:hidden; } .wrapContent .checkoutBox .cartList { display:block; overflow:hidden; } .wrapContent .checkoutBox .cartList .scrollbar .title_phone{display:none;} .wrapContent .checkoutBox .cartList .cartLi { display: block; font-size:15px; padding:5px; text-align:center; border-bottom:1px solid #EEE; line-height:25px; height:30px; overflow:hidden;} .wrapContent .checkoutBox .cartList .cartLi input[type="number"]{ width:45px; } .wrapContent .checkoutBox .cartList .cartLi input{ width:45px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 { height:80px; background:#fff; padding-top:20px;} .wrapContent .checkoutBox .title .product_img { display:block; float:left; width:80px; height:80px; padding-left:10px;} .wrapContent .checkoutBox .cartList .cartLi .product_img { display:block; float:left; width:80px; height:80px; padding-left:10px;} .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .product_img { display:block; float:left; width:80px; height:80px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .product_img img { width:100%; height:auto; } .wrapContent .checkoutBox .title .name, .wrapContent .checkoutBox .cartList .cartLi .name { display:block; float:left; width:370px; text-align:left; padding-left:10px;} .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .name { display:block; width:370px; height:80px; } .wrapContent .checkoutBox .title .price, .wrapContent .checkoutBox .cartList .cartLi .price { display:block; float:left; width:110px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .price { display:block; width:110px; height:80px; } .wrapContent .checkoutBox .title .amount, .wrapContent .checkoutBox .cartList .cartLi .amount { display:block; float:left; width:100px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .amount { display:block; width:100px; height:80px; } .wrapContent .checkoutBox .title .priceTotal, .wrapContent .checkoutBox .cartList .cartLi .priceTotal { display:block; float:left; width:100px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .priceTotal { display:block; width:100px; height:80px; } .wrapContent .checkoutBox .title .delete, .wrapContent .checkoutBox .cartList .cartLi .delete { display:block; float:left; width:60px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .delete { display:block; width:60px; height:80px; } .wrapContent .checkoutBox .productOther { font-size:15px; line-height:28px; padding:15px 15px 5px 5px; overflow:hidden; color: #777; } .wrapContent .checkoutBox .productOther span.big_text{ width: .wrapContent .checkoutBox .checkoutPost; text-align:center; line-height: 15px; font-size: 15px; color: #2a56b4; } .wrapContent .checkoutBox .productOther input.big_text { width: 50px; text-align:center; line-height: 15px; font-size: 15px; border: none; border-bottom: 1px solid #555; margin-bottom: 5px; background:#f8f8f8; color: #2a56b4; } .wrapContent .checkoutBox .productOther .productTotal { float:right; width:200px; text-align:right; padding-top:205px; } .wrapContent .checkoutBox .productOther .productTotal b { font-size:15px; color:#2a56b4; } .wrapContent .checkoutBox .checkoutPost {width:550px; margin:0 auto; overflow:hidden; height:40px; padding:30px 0 30px 0px; text-align:center; padding-left:10px; font-size:23px; } .wrapContent .checkoutBox .checkoutPost.checkout { margin-top:0px; } .wrapContent .checkoutBox .checkoutPost .button { display:block; cursor:pointer; float:left; border:3px solid #2a56b4; color:#2a56b4; width:200px; height:25px; line-height:29px; margin-right:10px; padding:10px 30px; border-radius:5px; font-family:'Fjalla One', sans-serif;} .wrapContent .checkoutBox .checkoutPost .button:hover { background:#2a56b4; color:#fff; } .wrapContent .checkoutBox .checkoutPost input{ display:block; cursor:pointer; float:left; border:3px solid #ef492e; width:260px; line-height:30px; height:51px; margin-top:0; margin-right:10px; color:#ef492e; padding:10px 30px; border-radius:5px; background-color:#f8f8f8; font-family: 'Fjalla One', sans-serif; } .wrapContent .checkoutBox .checkoutPost input:hover { background:#ef492e; color:#fff; } .wrapContent .checkoutBox .cardTable .bigTitle { display:block; padding:10px 10px 12px; margin:10px 0; background:#EEE; font-size:17px; font-weight:900; color:#2a56b4; } .wrapContent .checkoutBox .productOther .freight {font-size:15px; color:#777; letter-spacing:0.5px; margin-bottom:10px;} .wrapContent .checkoutBox .productOther .freight span.big {font-size:15px; color:#2a56b4; font-weight:500;} .wrapContent .checkoutBox .cardTable .stage{ font-size:16px; display:block; overflow:hidden; padding:5px 10px 7px; border-bottom:1px solid #EEE; line-height:30px; height:auto; } .wrapContent .checkoutBox .cardTable .stage.paypal img{width:180px;} .wrapContent .checkoutBox .cardTable .stage.paypal .paypal_p{font-weight:600; float:left; margin-right:15px;font-family: Microsoft JhengHei;font-size:16px;} .wrapContent .checkoutBox .cardTable .stage .floatleft { width:150px; color:#777;} .wrapContent .checkoutBox .cardTable .stage .floatleft.note{padding-left:10px;} .wrapContent .checkoutBox .cardTable .stage .floatleft span{color:#2a56b4;} .wrapContent .checkoutBox .cardTable .stage .floatright { width:680px; text-align:left; font-family: Microsoft JhengHei;font-weight:600;} .wrapContent .checkoutBox .cardTable .stage .floatright input{width:200px;border-radius:5px;border:1px solid #c7c7c7;padding:2px 5px;font-size:14px;font-weight:400;} .wrapContent .checkoutBox .cardTable .stage input.short { width:40px;} .wrapContent .checkoutBox .cardTable .stage .floatright.long input{ width:400px;} .wrapContent .checkoutBox .cardTable .stage .floatright textarea{width:400px; height:100px;border-radius:5px;border:1px solid #c7c7c7;padding:5px;font-size:14px;font-weight:400;} .wrapContent .checkoutBox .cardTable .stage .floatright select{border-radius:5px;border:1px solid #c7c7c7;padding:5px;} .bg_triangle_top{width:100%;height:130px;overflow:hidden;transform:scaleX(-1);-webkit-transform:scaleX(-1); margin-top:95px; } .bg_triangle_top .dot_box{width:100%;height:150px;background:url(../png/dot_bg.png) center center;opacity:0.2;} .bg_triangle_top .white_box{width:120%;height:200px;background:#fff;position:absolute;top:80px;left:-30px;transform:rotate(3.8deg);-webkit-transform:rotate(3.8deg);} .bg_triangle_bottom{width:100%;height:130px; overflow:hidden;transform:scaleY(-1);-webkit-transform:scaleY(-1);} .bg_triangle_bottom .dot_box{width:100%;height:150px;background:url(../png/dot_bg.png) center center;opacity:0.2;} .bg_triangle_bottom .white_box{width:120%;height:200px;background:#fff;position:absolute;top:60px;left:-30px;transform:rotate(3.8deg);-webkit-transform:rotate(3.8deg);} img.logo03{width:70px;display:block;margin:0 auto;} .complete_box{width:500px;padding:30px;background:#f8f8f8;border-radius:5px;margin:-30px auto 0 auto; text-align:center; overflow:hidden;box-shadow:0px 0px 6px rgba(0,0,0,0.2);} .complete_box p{font-size:22px;color:#2a56b4; font-family: 'Fjalla One', sans-serif;line-height:150%;margin:30px 10px 50px 10px;letter-spacing:1px;} .complete_box p.big{font-size:26px;margin:30px 10px 30px 10px;font-weight:600;} .complete_box .buttom_box{width:475px; margin:20px auto;overflow:hidden;} .complete_box .buttom{display:block;width:220px; float:left;margin:0px 5px;padding:10px 0px;border-radius:5px;transition:0.3s;-webkit-transition:0.3s;font-family:'Fjalla One', sans-serif;font-size:23px;} .complete_box .buttom.one{color:#2a56b4;border:3px solid #2a56b4;} .complete_box .buttom.one:hover{color:#fff;background:#2a56b4;} .complete_box .buttom.two{color:#e1492f;border:3px solid #e1492f;} .complete_box .buttom.two:hover{color:#fff;background:#e1492f;} @media screen and (min-width:1800px){ img.logo03{width:95px;display:block;margin:30px auto 0 auto;} .complete_box{width:600px;padding:30px;margin:-40px auto 50px auto;} .complete_box p{font-size:28px;margin:30px 10px 50px 10px;letter-spacing:0.5px;} .complete_box p.big{font-size:40px;margin:30px 10px 30px 10px;} .complete_box .buttom_box{width:600px; margin:20px auto;padding-left:3px;} .complete_box .buttom{display:block;width:280px;padding:10px 0px;font-size:28px;} .wrapContent .checkoutBox .productOther .freight {font-size:18px; color:#777; letter-spacing:1px;} .wrapContent .checkoutBox .productOther .freight span.big {font-size:18px; color:#2a56b4; font-weight:500;} } @media screen and (max-width:1799px) and (min-width:1600px){ img.logo03{width:95px;display:block;margin:0px auto 0 auto;} .complete_box{width:550px;padding:30px;margin:-40px auto 50px auto;} .complete_box p{font-size:24px;margin:30px 10px 50px 10px;letter-spacing:0.5px;} .complete_box p.big{font-size:32px;margin:30px 10px 30px 10px;} .complete_box .buttom_box{width:560px; margin:20px auto;} .complete_box .buttom{display:block;width:260px;padding:10px 0px;font-size:26px;} .wrapContent .checkoutBox .checkoutPost {font-size:32px; } } @media screen and (max-width:700px) { img.logo03{width:70px;display:block;margin:0px auto 0 auto;} .complete_box{width:90%;padding:10px;margin:-40px auto 0px auto;} .complete_box p{font-size:16px;margin:30px 10px 30px 10px;letter-spacing:0.3px;} .complete_box p.big{font-size:32px;margin:40px 10px 30px 10px;} .complete_box .buttom_box{width:95%; margin:20px auto;} .complete_box .buttom{display:block;width:98%; float:none;margin:8px auto;padding:10px 0px;} .wrapContent .checkoutBox .cartList .cartLi.cartLi2 {height:auto; padding-bottom:20px;} .wrapContent .checkoutBox .title .name, .wrapContent .checkoutBox .cartList .cartLi .name { width:120px; text-align:left; padding-left:10px;} .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .name { width:120px; height:auto; } .wrapContent .checkoutBox .cartList .cartLi .name.empty{ width:300px; height:auto; } } /*****************************************shopBuyText********************************/ .wrapContent .shopBuyText { background:#EEE; margin: 20px 50px; font-size:12px; padding:30px; } /*****************************************freeFixedContent********************************/ .freeFixedBg { display:none; position:fixed; background:#000; opacity:0.5; z-index:100; width:100%; height:100%; } .freeFixedBg.displayblock { display:block; -webkit-animation:a201405150100 1s; } @-webkit-keyframes a201405150100{ 0%{ opacity:0; } 100%{ opacity:0.5; } } .freeFixedBg.opacity0 { -webkit-animation:fadeOut 1s; } .freeFixedContent { display:none; position:fixed; width:500px; height:300px; padding:50px; background:#FFF; left:50%; top:50%; margin-left:-300px; margin-top:-200px; z-index:101; border-radius:15px; box-shadow:0 0 50px #555; } .freeFixedContent.displayblock { display:block; -webkit-animation:fadeInUp 1s; } .freeFixedContent.opacity0 { -webkit-animation:fadeOut 1s; } .freeFixedContent h2 { font-size:20px; font-weight:900; margin-bottom:20px; } .freeFixedContent .content { height:230px; } .freeFixedContent .content .freeBox { height:192px; border:1px solid #DDD; overflow:hidden;} .freeFixedContent .content .freeBox.startFree { box-shadow:0 0 10px #f08200; -webkit-animation:p201405141150 5s; } @-webkit-keyframes p201405141150{ 0%{ box-shadow:0 0 10px #FFF; } 70%{ box-shadow:0 0 10px #FFF; } 100%{ box-shadow:0 0 10px #f08200; } } .freeFixedContent .content .freeBox > .freeBoxList { height:auto; margin:0 0 0; overflow:hidden; padding:20px 0 0; -webkit-animation: p201405141004 10s infinite; } @-webkit-keyframes p201405141004{ 0%{ -webkit-transform: translate(0, 0); } 50%{ -webkit-transform: translate(0, calc( -100% + 192px) );} 100%{ -webkit-transform: translate(0, 0); } } .freeFixedContent .content .freeBox.startFree > .freeBoxList { -webkit-animation: p201405141005 5s ; } @-webkit-keyframes p201405141005{ 0%{ -webkit-transform: translate(0, 0); } 10%{ -webkit-transform: translate(0, calc( -100% + 192px) );} 25%{ -webkit-transform: translate(0, 0); } 45%{ -webkit-transform: translate(0, calc( -100% + 192px) );} 70%{ -webkit-transform: translate(0, 0); } 80%{ -webkit-transform: translate(0, 8px);} 85%{ -webkit-transform: translate(0, -6px);} 90%{ -webkit-transform: translate(0, 4px);} 95%{ -webkit-transform: translate(0, -2px);} 100%{ -webkit-transform: translate(0, 0);} } .freeFixedContent .content .freeBox > .freeBoxList > h2 { font-size:15px; margin-bottom:20px; } .freeFixedContent .content .freeBox > .freeBoxList .freeBoxLi { height:150px; padding-bottom:20px; margin-bottom:20px; border-bottom:2px dashed #EEE; overflow:hidden; font-size:14px; } .freeFixedContent .content .freeBox > .freeBoxList .freeBoxLi h2{ display:block; margin-top:10px; font-size:18px; font-weight:900; margin-bottom:5px; } .freeFixedContent .content .freeBox > .freeBoxList .freeBoxLi h3{ font-size:12px; color:#777; font-weight:900; margin-bottom:20px; } .freeFixedContent .content .freeBox > .freeBoxList .freeBoxLi .pic { width:200px; height:150px; float:left; margin-right:20px; overflow:hidden;} .freeFixedContent .content .freeBox > .freeBoxList .freeBoxLi .pic > img { float:left; width:100%; height:100%; } .freeFixedContent .button { display:block; float:left; background:#555; color:#FFF; -webkit-transition:background 0.5s; cursor:pointer; background:#555; border:2px solid #555; width:100px; height:20px; margin-right:10px; padding:10px 30px; text-align:center; } .freeFixedContent .button:hover { background:#7d5e26; } @media screen and (min-width:1800px){ .wrapContent { width: 1250px;} .wrapContent .title_box{width:340px;margin:0px auto 20px auto;overflow:hidden;} .wrapContent .title_box.information{width:520px;padding-left:55px;} .wrapContent .title_box.checkout{width:390px;padding-left:40px;} .wrapContent .title_box h1{color:#2a56b4; float:left; margin-left:0px;font-family: 'Fjalla One', sans-serif;} .wrapContent .title_box .triangle_arrow_box_bg{margin-top:5px;transform:scale(0.8);-webkit-transform:scale(0.8);} .wrapContent .checkoutBox .title .cartLi { display:block; font-size:18px; padding:5px; text-align:center; line-height:30px; height:30px; overflow:hidden; } .wrapContent .checkoutBox .cartList .cartLi { display: block; font-size:18px; padding:5px; text-align:center; line-height:30px; height:30px; overflow:hidden; } .wrapContent .checkoutBox .cartList .cartLi input[type="number"] { width:45px; } .wrapContent .checkoutBox .cartList .cartLi input { width:45px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 { height:100px; background:#fff; padding-top:20px;} .wrapContent .checkoutBox .title .product_img { width:100px; height:100px; } .wrapContent .checkoutBox .cartList .cartLi .product_img { width:100px; height:100px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .product_img { width:100px; height:100px; } .wrapContent .checkoutBox .title .name, .wrapContent .checkoutBox .cartList .cartLi .name { width:530px; text-align:left; position:relative;} .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .name { width:530px; height:100px; } .wrapContent .checkoutBox .title .price, .wrapContent .checkoutBox .cartList .cartLi .price { width:150px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .price { width:150px; height:100px; } .wrapContent .checkoutBox .title .amount, .wrapContent .checkoutBox .cartList .cartLi .amount { width:150px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .amount { width:150px; height:100px; } .wrapContent .checkoutBox .title .priceTotal, .wrapContent .checkoutBox .cartList .cartLi .priceTotal { width:150px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .priceTotal { width:150px; height:100px; } .wrapContent .checkoutBox .title .delete, .wrapContent .checkoutBox .cartList .cartLi .delete { width:100px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .delete { width:100px; height:100px; } .wrapContent .checkoutBox .productOther { padding:15px 15px 0 5px; font-size: 18px;} .wrapContent .checkoutBox .productOther span.big_text{ width: 50px; text-align:center; line-height: 15px; font-size: 18px; font-weight: 500;} .wrapContent .checkoutBox .productOther input.big_text { width: 50px; text-align:center; line-height: 15px; font-size: 18px; border: none; border-bottom: 1px solid #555; margin-bottom: 5px; font-weight: 500;} .wrapContent .checkoutBox .productOther .productTotal { font-size: 18px; padding-top: 205px; } .wrapContent .checkoutBox .productOther .productTotal b{ font-size: 18px; } .wrapContent .checkoutBox .checkoutPost {width:650px;margin:0 auto; overflow:hidden; height:40px; padding:30px 0 30px 0px; text-align:center;padding-left:10px;font-size:28px;} .wrapContent .checkoutBox .checkoutPost .button { width:250px; height:35px; line-height: 35px; } .wrapContent .checkoutBox .checkoutPost input{width:310px; line-height:30px; height:60px; } .wrapContent .checkoutBox .cardTable .bigTitle { display:block; padding:10px 10px 12px; margin:10px 0; background:#EEE; font-size:20px; font-weight:900;color:#2a56b4; } .wrapContent .checkoutBox .cardTable .stage{ font-size:20px; display:block; overflow:hidden; padding:5px 10px 7px; border-bottom:1px solid #EEE; line-height:30px;} .wrapContent .checkoutBox .cardTable .stage.paypal .paypal_p{ font-size:20px; } .wrapContent .checkoutBox .cardTable .stage .floatleft { width:190px; color:#777; line-height:40px;} .wrapContent .checkoutBox .cardTable .stage .floatleft.note{padding-left:14px;} .wrapContent .checkoutBox .cardTable .stage .floatright { width:980px; text-align:left; font-size: 18px; font-family: Microsoft JhengHei; } .wrapContent .checkoutBox .cardTable .stage .floatright input{width:250px;padding:5px;font-size:18px;} .wrapContent .checkoutBox .cardTable .stage .floatright.long input{ width:450px;} .wrapContent .checkoutBox .cardTable .stage .floatright textarea{width:450px; height:150px;border-radius:5px;border:1px solid #c7c7c7;padding:5px;} .bg_triangle_top{width:100%;height:130px;overflow:hidden;transform:scaleX(-1);-webkit-transform:scaleX(-1); margin-top:110px; } .password_prompt {font-size:20px;} } @media screen and (max-width:1799px) and (min-width:1600px){ .wrapContent { width: 1150px;} .wrapContent .checkoutBox .title .cartLi { display:block; font-size:16px; padding:5px; text-align:center; line-height:30px; height:30px; overflow:hidden; } .wrapContent .checkoutBox .cartList .cartLi { display: block; font-size:16px; padding:5px; text-align:center; line-height:30px; height:30px; overflow:hidden; } .wrapContent .checkoutBox .cartList .cartLi input[type="number"]{ width:45px; } .wrapContent .checkoutBox .cartList .cartLi input{ width:45px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 { height:100px; background:#fff; padding-top:20px;} .wrapContent .checkoutBox .title .product_img { width:100px; height:100px; } .wrapContent .checkoutBox .cartList .cartLi .product_img { width:100px; height:100px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .product_img { width:100px; height:100px; } .wrapContent .checkoutBox .title .name, .wrapContent .checkoutBox .cartList .cartLi .name { width:500px; text-align:left; position:relative;} .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .name { width:500px; height:100px; } .wrapContent .checkoutBox .title .price, .wrapContent .checkoutBox .cartList .cartLi .price { width:130px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .price { width:130px; height:100px; } .wrapContent .checkoutBox .title .amount, .wrapContent .checkoutBox .cartList .cartLi .amount { width:120px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .amount { width:120px; height:100px; } .wrapContent .checkoutBox .title .priceTotal, .wrapContent .checkoutBox .cartList .cartLi .priceTotal { width:130px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .priceTotal { width:130px; height:100px; } .wrapContent .checkoutBox .title .delete, .wrapContent .checkoutBox .cartList .cartLi .delete { width:70px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .delete { width:70px; height:100px; } .wrapContent .checkoutBox .productOther { line-height:25px; padding:15px 15px 5px 5px; } .wrapContent .checkoutBox .productOther span.big_text{ width: 50px; text-align:center; line-height: 15px; font-weight: 500;} .wrapContent .checkoutBox .productOther input.big_text { width: 50px; text-align:center; line-height: 15px; border: none; border-bottom: 1px solid #555; margin-bottom: 5px; font-weight: 500;} .wrapContent .checkoutBox .productOther .productTotal { float:right; width:200px;text-align:right; } .wrapContent .checkoutBox .productOther .productTotal b{ font-size:15px; color:#2a56b4; } .wrapContent .checkoutBox .checkoutPost {width:650px;margin:0 auto; overflow:hidden; height:40px; padding:30px 0 30px 0px; text-align:center;padding-left:10px;font-size:26px;padding-left:15px;} .wrapContent .checkoutBox .checkoutPost .button { width:250px; height:30px; line-height: 32px; } .wrapContent .checkoutBox .checkoutPost input{width:310px; line-height:28px; height:55px; } .wrapContent .checkoutBox .cardTable .bigTitle { display:block; padding:10px 10px 12px; margin:10px 0; background:#EEE; font-size:16px; font-weight:900;color:#2a56b4; } .wrapContent .checkoutBox .cardTable .stage{ font-size:16px; display:block; overflow:hidden; padding:5px 10px 7px; border-bottom:1px solid #EEE; line-height:30px;} .wrapContent .checkoutBox .cardTable .stage.paypal .paypal_p{ font-size:16px; } .wrapContent .checkoutBox .cardTable .stage .floatleft { width:180px; color:#777; line-height:40px;} .wrapContent .checkoutBox .cardTable .stage .floatleft.note{padding-left:14px;} .wrapContent .checkoutBox .cardTable .stage .floatright { width:800px; text-align:left; font-size: 16px; font-family: Microsoft JhengHei; } .wrapContent .checkoutBox .cardTable .stage .floatright input{width:250px;padding:5px;font-size:16px;} .wrapContent .checkoutBox .cardTable .stage .floatright.long input{ width:450px;} .wrapContent .checkoutBox .cardTable .stage .floatright textarea{width:450px; height:150px;border-radius:5px;border:1px solid #c7c7c7;padding:5px;} .password_prompt {font-size:16px;} } @media screen and (max-width: 959px) and (min-width:700px){ .wrapContent { width: 680px;} .wrapContent .checkoutBox {width:640px; overflow:hidden; margin-bottom: 40px;padding:20px;} .wrapContent .checkoutBox .checkoutPost { overflow:hidden; height:40px; padding:10px 0 10px 0px; text-align:center; } .wrapContent .checkoutBox .cardTable{width:100%;} .wrapContent .checkoutBox .cardTable .bigTitle { display:block; padding:15px 10px 12px; margin:10px 0; font-size:17px; font-weight:600;} .wrapContent .checkoutBox .cardTable .stage{ font-size:16px; display:block; overflow:hidden; padding:5px 10px 7px; border-bottom:1px solid #EEE; line-height:30px; } .wrapContent .checkoutBox .cardTable .stage.paypal img{width:180px;} .wrapContent .checkoutBox .cardTable .stage.paypal .paypal_p{font-size:16px;} .wrapContent .checkoutBox .cardTable .stage .floatleft { width:150px;line-height:40px; } .wrapContent .checkoutBox .cardTable .stage .floatright { width:460px; font-family: Microsoft JhengHei;} .wrapContent .checkoutBox .cardTable .stage .floatright input{width:200px;border-radius:5px;border:1px solid #c7c7c7;padding:5px;margin-top:5px;} .wrapContent .checkoutBox .cardTable .stage input.short { width:40px;} .wrapContent .checkoutBox .cardTable .stage .floatright.long input{ width:400px;} .wrapContent .checkoutBox .cardTable .stage .floatright textarea{width:400px; height:100px;border-radius:5px;border:1px solid #c7c7c7;padding:5px; margin-top: -35px;} .wrapContent .checkoutBox .cartList .cartLi.cartLi2 { height:90px; background:#fff; padding-top:20px;} .wrapContent .checkoutBox .title .product_img { width:90px; height:90px; } .wrapContent .checkoutBox .cartList .cartLi .product_img { width:90px; height:90px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .product_img { width:90px; height:90px; } .wrapContent .checkoutBox .title .name, .wrapContent .checkoutBox .cartList .cartLi .name { width:200px; text-align:left; position:relative;} .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .name { width:200px; height:90px; } .wrapContent .checkoutBox .title .price, .wrapContent .checkoutBox .cartList .cartLi .price { width:100px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .price { width:100px; height:90px; } .wrapContent .checkoutBox .title .amount, .wrapContent .checkoutBox .cartList .cartLi .amount { width:80px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .amount { width:80px; height:90px; } .wrapContent .checkoutBox .title .priceTotal, .wrapContent .checkoutBox .cartList .cartLi .priceTotal { width:80px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .priceTotal { width:80px; height:90px; } .wrapContent .checkoutBox .title .delete, .wrapContent .checkoutBox .cartList .cartLi .delete { width:60px; } .wrapContent .checkoutBox .cartList .cartLi.cartLi2 .delete { width:60px; height:90px; } .wrapContent .checkoutBox .productOther .productTotal {padding-top:140px; } } @media screen and (max-width: 700px){ .content5{display:none;} .wrapContent { width: 95%; margin:-30px auto 0px auto; padding:0px; } .wrapContent .title_box{display:none;width:200px;margin:0px auto 10px auto;overflow:hidden;padding-left:55px;} .wrapContent .title_box.information{width:300px;padding-left:55px;} .wrapContent .title_box.checkout{width:230px;padding-left:60px;} .wrapContent .title_box h1{font-size:30px;color:#2a56b4; float:left; margin-left:0px;font-family: 'Fjalla One', sans-serif;} .wrapContent .title_box .triangle_arrow_box_bg{width:40px;height:55px;overflow:hidden;position:relative;margin-left:0px; margin-top:-10px;float:left;transform:scale(0.5);-webkit-transform:scale(0.5);background-color:#fff;} .wrapContent .checkoutBox {width:88%; overflow:hidden; margin-bottom: 0px;padding:10px;} .wrapContent .checkoutBox .checkoutPost { overflow:hidden; width:100%; height:120px; padding:10px 0px 10px 0px; text-align:center; margin:0 auto;} .wrapContent .checkoutBox .checkoutPost .button { display:block;float:none; width:97%; height:20px; line-height: 22px; margin-right:10px; padding:10px 0px; margin-bottom:13px; } .wrapContent .checkoutBox .checkoutPost input{ display:block; float:none;width:98.5%; line-height:20px; height:43px; margin-top:0; margin-right:12px; padding:10px 0px;margin-left:1px;} .wrapContent .checkoutBox .productOther { height:auto; min-height:30px; line-height:20px; padding:5px 15px 5px 5px; } .wrapContent .checkoutBox .cartList { width:100%; min-height:150px; display:block; overflow:hidden; } .wrapContent .checkoutBox .cartList .scrollbar {width:100%; min-height:150px; overflow:hidden; } .wrapContent .checkoutBox .cartList .scrollbar .title_phone { display:block; } .wrapContent .checkoutBox .cardTable .stage{ font-size:16px; display:block; overflow:hidden; padding:10px 5px 10px 5px; border-bottom:1px solid #EEE; line-height:20px; height:auto; } .wrapContent .checkoutBox .cardTable .stage.paypal .floatleft{margin-bottom:15px;} .wrapContent .checkoutBox .cardTable .stage.paypal .floatright{ width:100%;text-align:left;padding-left:0px;overflow:hidden; float:none; font-family: Microsoft JhengHei;margin-top:5px;} .wrapContent .checkoutBox .cardTable .stage.paypal .paypal_p{font-weight:600; float:left; margin-right:15px;margin-bottom:15px;font-family: Microsoft JhengHei;font-size:16px;} .wrapContent .checkoutBox .cardTable .stage .floatleft { width:100%;overflow:hidden; float:none;} .wrapContent .checkoutBox .cardTable .stage .floatleft.note{padding-left:10px;} .wrapContent .checkoutBox .cardTable .stage .floatright { width:100%;text-align:left;padding-left:10px;overflow:hidden; float:none; font-family: Microsoft JhengHei;margin-top:5px;} .wrapContent .checkoutBox .cardTable .stage .floatright input{ margin-top:2.5%; width:90%;padding:5px 5px;} .wrapContent .checkoutBox .cardTable .stage .floatright.long input{width:90%;} .wrapContent .checkoutBox .cardTable .stage .floatright textarea{height:90px;width:90%;margin-top:10px;} .wrapContent .checkoutBox .cardTable .stage input.short {width:95%;} .wrapContent .checkoutBox .cardTable .stage .floatright select{width:95%;border-radius:5px;border:1px solid #c7c7c7;padding:5px;font-size:12px;} .wrapContent .checkoutBox .productOther .productTotal { clear:both; text-align:right; width: 100%; padding:15px 0;} #title{display:none;} /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: rgba(0,0,0,0.3);} .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #999999; } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #2a56b4; } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #2a56b4; } .bg_triangle_top{width:100%;height:100px;transform:scaleX(-1);-webkit-transform:scaleX(-1); margin-top:90px;} .bg_triangle_top .dot_box{width:100%;height:150px;} .bg_triangle_top .white_box{width:130%;height:200px;top:35px;left:-60px;transform:rotate(9deg);-webkit-transform:rotate(9deg);} .bg_triangle_bottom{width:100%;height:110px;transform:scaleY(-1);-webkit-transform:scaleY(-1);} .bg_triangle_bottom .dot_box{width:100%;height:150px;} .bg_triangle_bottom .white_box{width:130%;height:140px;top:35px;left:-70px;transform:rotate(9deg);-webkit-transform:rotate(9deg);} } .other_area{width:100%;margin:0px auto 0px auto ;padding-top:0px;border-top:0px solid #eee;overflow:hidden;position:relative;z-index:10;} .other_area .title_box{width:540px;margin:30px auto 30px auto;overflow:hidden;} .other_area .title_box h1{color:#2a56b4; float:left; margin-left:15px;font-family: 'Fjalla One', sans-serif;} .other_area .title_box .triangle_arrow_box_bg{width:40px;height:55px;overflow:hidden;position:relative;margin-left:15px; margin-top:-3px;float:left;transform:scale(0.7);-webkit-transform:scale(0.7);} .other_area .title_box .triangle_arrow_box_bg .box{width:40px;height:50px;background:url(../png/dot_bg.png) center center ;position:absolute;top:0px;left:-25px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);opacity:0.3;} .other_area .item_area{ width:100%; overflow:hidden;height:550px; background:#fff; margin:0px auto; position:relative;} .other_area .item_area .slide_pic_box{width:100%;overflow:hidden;} .other_area .item_area .pad_slide_pic_box{display:none;} .other_area .item_area .phone_slide_pic_box{display:none;} .other_area .item_area .slide_pic_box .slide_pic{width:100%;overflow:hidden; margin:0 auto;background-color:#fff;} .other_area .item_area .slide_pic_box .slide_pic .slide_pic_href{width:100%;overflow:hidden; background-color:#fff;margin:0 auto;} .other_area .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box{width:940px; margin:0 auto;overflow:hidden; padding-left:15px;} .other_area .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{opacity:1;display:block;width:280px;height:435px;padding:10px 0px 20px 0px; margin:10px 15px 10px 15px; float:left; background-color:#;overflow:hidden;border:1px solid #fff;transition:0.3s;-webkit-transition:0.3s;position:relative;} .other_area .slide_pic_box .slide_pic .slide_pic_href .border_box .item_box:hover {border:1px solid #cdcdcd;box-shadow:1px 1px 5px rgba(0,0,0,0.1);} .other_area .slide_pic_box .item_box .pic_box{width:95%;height:265px; overflow:hidden; margin:0 auto;margin-bottom:8px;position:relative; line-height : 215px;white-space : nowrap;font-size : 238.5px; /* 200px * 0.9 = 180px */} .other_area .slide_pic_box .item_box .pic_box:after{content: "";height: 100%;display: inline-block; vertical-align: middle;} .other_area .slide_pic_box .item_box .pic_box img{width:100%;vertical-align : middle;} .other_area .slide_pic_box .item_box .text_box{width:100%;} .other_area .slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 8px auto;padding-bottom:8px; font-size:16px; letter-spacing:0.3px; line-height:23px; border-bottom:1px solid #cdcdcd;color:#848484;transition:0.5s;-webkit-transition:0.5s;height:40px;overflow:hidden;} .other_area .slide_pic_box .item_box:hover h3{color:#2a56b4;} .other_area .slide_pic_box .item_box .text_box .price_box{width:90%;margin:0 auto 0px auto;} .other_area .slide_pic_box .item_box .text_box p{margin:0 auto 3px auto; font-size:15px;color:#848484;} .other_area .slide_pic_box .item_box .text_box p.price_was{text-decoration:line-through;font-size:16px;margin-top:2px;} .other_area .slide_pic_box .item_box .text_box p.price_now{color:#dc5757;font-weight:900;font-family:Microsoft YaHei;font-size:16px;} .other_area .slide_pic_box .item_box .add_box{width:100%;clear:both;position:absolute;right:10px;bottom:10px;} .other_area .slide_pic_box .item_box .add_box .add{color:#dc5757;float:right;border:2px solid #dc5757;font-family: 'Fjalla One', sans-serif;padding:3px 8px; background:#fff;border-radius:5px;font-size:18px;cursor:pointer;} .other_area .slide_pic_box .item_box .add_box .add:hover{color:#fff;background:#dc5757;} .other_area .slide_pic_box .item_box .label_box{ width:100%; height:30px; overflow:hidden;} .other_area .slide_pic_box .item_box .label.hot_label{width:45px;float:left;margin:0px 3px;} .other_area .slide_pic_box .item_box .label.sale_label{width:45px;float:left;margin:0px 3px;} .other_area .slide_pic_box .item_box .label.new_label{width:45px;float:left;margin:0px 3px;} .other_area .slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .other_area .cycle-pager{text-align:center;position:relative;z-index:99;margin-top:15px; } .other_area .cycle-pager span{font-size:0px;text-indent:-9999px;background-color:#cccccc;line-height:50px;padding:8px;cursor:pointer;border-radius:30px;margin-left:15px;} .other_area .cycle-pager span:nth-of-type(1){margin-left:0px;} .other_area .cycle-pager span:hover{color:#2a56b4;} .other_area .cycle-pager span.cycle-pager-active {background-color:#2a56b4;} .other_area .next{ width:100px;height:100px; background-color:rgba(0,0,0,0.4); border-radius:150px;position:absolute;top:50%; margin-top:-50px;right:-55px; z-index:999;cursor:pointer;} .other_area .next .arrow{width:16px;height:16px;transform:rotate(45deg);-webkit-transform:rotate(45deg);border-top:2px solid #fff;border-right:2px solid #fff; float:left;margin-top:42px; margin-left:12px; } .other_area .next:hover {background-color:rgba(0,0,0,0.6); } .other_area .prev{width:100px;height:100px;background-color:rgba(0,0,0,0.4); border-radius:150px;position:absolute;top:50%; margin-top:-50px;left:-55px;z-index:999;cursor:pointer;} .other_area .prev .arrow{width:16px;height:16px;transform:rotate(-45deg);-webkit-transform:rotate(-45deg);border-top:2px solid #fff;border-left:2px solid #fff;float:right;margin-top:42px; margin-right:12px;} .other_area .prev:hover {background-color:rgba(0,0,0,0.6); } .other_area .bg_triangle_bottom{width:100%;height:150px; position:absolute;bottom:-25px;right:0px;overflow:hidden;transform:scaleY(-1);-webkit-transform:scaleY(-1);} .other_area .bg_triangle_bottom .dot_box{width:100%;height:150px;background:url(../png/dot_bg.png) center center;opacity:0.2;} .other_area .bg_triangle_bottom .white_box{width:120%;height:200px;background:#fff;position:absolute;top:80px;left:-30px;transform:rotate(3.8deg);-webkit-transform:rotate(3.8deg);} @media screen and (min-width: 1800px){ .other_area { width:100%; overflow:hidden;height:950px;} .other_area .item_area{ width:100%; overflow:hidden;height:900px;} .other_area .title_box{width:615px;margin:30px auto 30px auto;overflow:hidden;padding-left:25px;} .other_area .title_box .triangle_arrow_box_bg{width:40px;height:55px;margin-top:0px;transform:scale(0.9);-webkit-transform:scale(0.9);} .other_area .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box{width:1210px;} .other_area .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{width:380px;height:570px; padding:15px 0px 20px 0px; margin:15px 10px 15px 10px;} .other_area .slide_pic_box .item_box .pic_box{height:365px;margin-bottom:8px;} .other_area .slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 15px auto;padding-bottom:12px; font-size:20px; line-height:26px;height:45px;overflow:hidden;} .other_area .slide_pic_box .item_box .text_box .price_box{width:90%;margin:0 auto 0px auto;} .other_area .slide_pic_box .item_box .text_box p{margin:0 auto 3px auto; font-size:20px;color:#848484;} .other_area .slide_pic_box .item_box .text_box p.price_was{font-size:20px; line-height:30px;} .other_area .slide_pic_box .item_box .text_box p.price_now{font-size:20px;} .other_area .slide_pic_box .item_box .add_box .add{padding:3px 8px;font-size:24px;} .other_area .slide_pic_box .item_box .label_box{ width:100%; height:35px; overflow:hidden;} .other_area .slide_pic_box .item_box .label.hot_label{width:55px;float:left;margin:0px 3px;} .other_area .slide_pic_box .item_box .label.sale_label{width:55px;float:left;margin:0px 3px;} .other_area .slide_pic_box .item_box .label.new_label{width:55px;float:left;margin:0px 3px;} .other_area .slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .other_area .cycle-pager{text-align:center;position:relative;z-index:99;margin-top:15px; } .other_area .cycle-pager span{font-size:0px;text-indent:-9999px;background-color:#cccccc;line-height:50px;padding:8px;cursor:pointer;border-radius:30px;margin-left:15px;} .other_area .cycle-pager span:nth-of-type(1){margin-left:0px;} .other_area .cycle-pager span:hover{color:#2a56b4;} .other_area .cycle-pager span.cycle-pager-active {background-color:#2a56b4;} .other_area .next{ width:130px;height:120px;top:50%; margin-top:-160px;right:-65px; z-index:999;cursor:pointer;} .other_area .next .arrow{width:25px;height:25px;float:left;margin-top:48px; margin-left:18px; } .other_area .prev{width:130px;height:120px;top:50%; margin-top:-160px;left:-65px;z-index:999;cursor:pointer;} .other_area .prev .arrow{width:25px;height:25px;;float:right;margin-top:48px; margin-right:18px;} } @media screen and (max-width: 1799px) and (min-width: 1401px) { .other_area { width:100%; overflow:hidden;height:750px;} .other_area .item_area{ width:100%; overflow:hidden;height:700px;} .other_area .title_box{width:520px;margin:30px auto 30px auto;overflow:hidden;padding-left:35px;} .other_area .title_box .triangle_arrow_box_bg{width:40px;height:55px;margin-top:0px;transform:scale(0.9);-webkit-transform:scale(0.9);} .other_area .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box{width:1100px;} .other_area .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{width:320px;height:505px; padding:15px 0px 20px 0px; margin:15px 20px 15px 20px; } .other_area .slide_pic_box .item_box .pic_box{height:305px;margin-bottom:10px;} .other_area .slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 15px auto;padding-bottom:12px; font-size:18px; line-height:24px;height:40px;} .other_area .slide_pic_box .item_box .text_box p{font-size:18px;} .other_area .slide_pic_box .item_box .text_box p.price_was{font-size:18px; line-height:28px;} .other_area .slide_pic_box .item_box .text_box p.price_now{font-size:18px;} .other_area .slide_pic_box .item_box .add_box .add{font-size:22px;} .other_area .slide_pic_box .item_box .label_box{ width:100%; height:35px; overflow:hidden;} .other_area .slide_pic_box .item_box .label.hot_label{width:50px;float:left;margin:0px 3px;} .other_area .slide_pic_box .item_box .label.sale_label{width:50px;float:left;margin:0px 3px;} .other_area .slide_pic_box .item_box .label.new_label{width:50px;float:left;margin:0px 3px;} .other_area .slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .other_area .cycle-pager{text-align:center;position:relative;z-index:99;margin-top:15px; } .other_area .cycle-pager span{font-size:0px;text-indent:-9999px;background-color:#cccccc;line-height:50px;padding:8px;cursor:pointer;border-radius:30px;margin-left:15px;} .other_area .cycle-pager span:nth-of-type(1){margin-left:0px;} .other_area .cycle-pager span:hover{color:#2a56b4;} .other_area .cycle-pager span.cycle-pager-active {background-color:#2a56b4;} .other_area .next{ width:130px;height:120px;top:50%; margin-top:-160px;right:-65px; z-index:999;cursor:pointer;} .other_area .next .arrow{width:25px;height:25px;float:left;margin-top:48px; margin-left:18px; } .other_area .prev{width:130px;height:120px;top:50%; margin-top:-160px;left:-65px;z-index:999;cursor:pointer;} .other_area .prev .arrow{width:25px;height:25px;;float:right;margin-top:48px; margin-right:18px;} } @media screen and (max-width: 1024px) and (min-width: 960px){ .other_area { width:100%; overflow:hidden;height:650px;} .other_area .item_area{ width:100%; overflow:hidden;height:650px;} .other_area .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box{width:780px;} .other_area .item_area .slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{opacity:1;display:block;width:240px;height:390px; margin:8px 8px 8px 8px; } .other_area .slide_pic_box .item_box .pic_box{height:225px;margin-bottom:10px;line-height:175px;} .other_area .slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 8px auto;padding-bottom:8px; font-size:14px;line-height:22px;} .other_area .slide_pic_box .item_box .text_box p{margin:0 auto 3px auto; font-size:14px;letter-spacing:0.5px;} .other_area .slide_pic_box .item_box .text_box p.price_was{font-size:14px;} .other_area .slide_pic_box .item_box .text_box p.price_now{font-size:14px;} .other_area .slide_pic_box .item_box .label_box{ width:100%; height:25px; overflow:hidden;} .other_area .slide_pic_box .item_box .label.hot_label{width:40px;} .other_area .slide_pic_box .item_box .label.sale_label{width:40px;} .other_area .slide_pic_box .item_box .label.new_label{width:40px;} .other_area .slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .other_area .next{ width:90px;height:90px; margin-top:-150px;right:-50px; } .other_area .next .arrow{width:14px;height:14px;margin-top:38px;} .other_area .prev{width:90px;height:90px;margin-top:-150px;left:-50px;} .other_area .prev .arrow{width:14px;height:14px;margin-top:38px; } } @media screen and (max-width: 959px) and (min-width:700px){ .other_area .item_area{ width:100%; overflow:hidden;height:450px;} .other_area .item_area .slide_pic_box{display:none;} .other_area .item_area .pad_slide_pic_box{display:block;} .other_area .item_area .pad_slide_pic_box .slide_pic{width:100%;overflow:hidden; margin:0 auto;background-color:#fff;} .other_area .item_area .pad_slide_pic_box .slide_pic .slide_pic_href{width:100%;overflow:hidden; background-color:#fff;margin:0 auto;} .other_area .item_area .pad_slide_pic_box .slide_pic .slide_pic_href .border_box{width:610px; margin:0 auto;overflow:hidden; padding-left:0px;} .other_area .item_area .pad_slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{opacity:1;display:block;width:190px;height:340px; padding:10px 0px 20px 0px; margin:10px 5px 10px 5px; float:left;overflow:hidden;border:1px solid #fff;transition:0.3s;-webkit-transition:0.3s;position:relative;} .other_area .pad_slide_pic_box .slide_pic .slide_pic_href .border_box .item_box:hover {border:1px solid #cdcdcd;box-shadow:1px 1px 5px rgba(0,0,0,0.1); } .other_area .pad_slide_pic_box .item_box .pic_box{width:95%;height:180px; overflow:hidden; margin:0 auto;margin-bottom:8px;position:relative; line-height : 174px;white-space : nowrap; /* 200px * 0.9 = 180px */ } .other_area .pad_slide_pic_box .item_box .pic_box:after{content: "";height: 100%;display: inline-block; vertical-align: middle;} .other_area .pad_slide_pic_box .item_box .pic_box img{width:100%;vertical-align : middle;} .other_area .pad_slide_pic_box .item_box .text_box{width:100%;} .other_area .pad_slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 10px auto;padding-bottom:10px; font-size:14px; letter-spacing:0.3px; line-height:21px; border-bottom:1px solid #cdcdcd;color:#848484;transition:0.5s;-webkit-transition:0.5s;height:35px;overflow:hidden;} .other_area .pad_slide_pic_box .item_box:hover h3{color:#2a56b4;} .other_area .pad_slide_pic_box .item_box .text_box .price_box{width:90%;margin:0 auto 0px auto;} .other_area .pad_slide_pic_box .item_box .text_box p{margin:0 auto 0px auto; font-size:14px;color:#848484;} .other_area .pad_slide_pic_box .item_box .text_box p.price_was{text-decoration:line-through;font-size:14px;} .other_area .pad_slide_pic_box .item_box .text_box p.price_now{color:#dc5757;font-weight:900;font-family:Microsoft YaHei;font-size:14px;} .other_area .pad_slide_pic_box .item_box .add_box{width:100%;clear:both;position:absolute;bottom:10px;right:10px;} .other_area .pad_slide_pic_box .item_box .add_box .add{color:#dc5757;float:right; border:2px solid #dc5757;font-family: 'Fjalla One', sans-serif;padding:3px 8px; background:#fff;border-radius:5px;font-size:16px;cursor:pointer;} .other_area .pad_slide_pic_box .item_box .add_box .add:hover{color:#fff;background:#dc5757;} .other_area .pad_slide_pic_box .item_box .label_box{ width:100%; height:30px; overflow:hidden;} .other_area .pad_slide_pic_box .item_box .label.hot_label{width:40px;float:left;margin:0px 3px;} .other_area .pad_slide_pic_box .item_box .label.sale_label{width:40px;float:left;margin:0px 3px;} .other_area .pad_slide_pic_box .item_box .label.new_label{width:40px;float:left;margin:0px 3px;} .other_area .pad_slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .other_area .next{ width:80px;height:80px; margin-top:-85px;right:-40px;} .other_area .next .arrow{width:16px;height:16px;margin-top:32px;} .other_area .prev{width:80px;height:80px;margin-top:-85px;left:-40px;} .other_area .prev .arrow{margin-top:32px; } } @media screen and (max-width: 700px) { .other_area { width:100%; overflow:hidden;height:500px; padding:10px 0px 0px 0px; background:#fff; margin:0px 0px; position:relative;} .other_area .btn_area{display:none;} .other_area .title_box{width:300px;margin:30px auto 30px auto;overflow:hidden;} .other_area .title_box h1{font-size:26px;} .other_area .title_box .triangle_arrow_box_bg{width:40px;height:55px;overflow:hidden;position:relative;margin-left:0px; margin-top:-13px;float:left;transform:scale(0.5);-webkit-transform:scale(0.5);} .other_area .item_area .slide_pic_box{display:none;} .other_area .item_area .pad_slide_pic_box{display:none;} .other_area .item_area .phone_slide_pic_box{display:block;width:100%;overflow:hidden;} .other_area .item_area .phone_slide_pic_box .slide_pic{width:100%;overflow:hidden; margin:0 auto;background-color:#fff;} .other_area .item_area .phone_slide_pic_box .slide_pic .slide_pic_href{width:100%;overflow:hidden; background-color:#fff;margin:0 auto;} .other_area .item_area .phone_slide_pic_box .slide_pic .slide_pic_href .border_box{width:227px; margin:0 auto;overflow:hidden; padding-left:0px;} .other_area .item_area .phone_slide_pic_box .slide_pic .slide_pic_href .border_box .item_box{opacity:1;display:block;width:225px;height:375px; padding:10px 0px 20px 0px; margin:0px 0px 0px 0px; float:left;overflow:hidden;border:1px solid #fff;transition:0.3s;-webkit-transition:0.3s;position:relative;} .other_area .phone_slide_pic_box .slide_pic .slide_pic_href .border_box .item_box:hover {border:1px solid #cdcdcd;box-shadow:1px 1px 5px rgba(0,0,0,0.1); } .other_area .phone_slide_pic_box .item_box .pic_box{width:95%;height:210px; overflow:hidden; margin:0 auto;margin-bottom:8px;position:relative; line-height : 174px;white-space : nowrap; /* 200px * 0.9 = 180px */} .other_area .phone_slide_pic_box .item_box .pic_box:after{content: "";height: 100%;display: inline-block; vertical-align: middle;} .other_area .phone_slide_pic_box .item_box .pic_box img{width:100%;vertical-align : middle;} .other_area .phone_slide_pic_box .item_box .text_box{width:100%;} .other_area .phone_slide_pic_box .item_box .text_box h3{width:90%;margin:0 auto 10px auto;padding-bottom:10px; font-size:14px; letter-spacing:0.3px; line-height:21px; border-bottom:1px solid #cdcdcd;color:#848484;transition:0.5s;-webkit-transition:0.5s;height:35px;overflow:hidden;} .other_area .phone_slide_pic_box .item_box:hover h3{color:#2a56b4;} .other_area .phone_slide_pic_box .item_box .text_box p{margin:0 auto 0px auto; font-size:14px;color:#848484;} .other_area .phone_slide_pic_box .item_box .text_box .price_box{width:90%;margin:0 auto 0px auto;} .other_area .phone_slide_pic_box .item_box .text_box p.price_was{text-decoration:line-through;float:right;font-size:14px;font-family:Microsoft YaHei;} .other_area .phone_slide_pic_box .item_box .text_box p.price_now{color:#dc5757;float:right;font-weight:900;font-family:Microsoft YaHei;font-size:14px;} .other_area .phone_slide_pic_box .item_box .add_box{width:100%;clear:both;position:absolute;bottom:10px;right:10px;} .other_area .phone_slide_pic_box .item_box .add_box .add{color:#dc5757;float:right;border:2px solid #dc5757;font-family: 'Fjalla One', sans-serif;padding:3px 8px; background:#fff;border-radius:5px;font-size:16px;cursor:pointer;} .other_area .phone_slide_pic_box .item_box .add_box .add:hover{color:#fff;background:#dc5757;} .other_area .phone_slide_pic_box .item_box .label_box{ width:100%; height:30px; overflow:hidden;} .other_area .phone_slide_pic_box .item_box .label.hot_label{width:40px;float:left;margin:0px 3px;} .other_area .phone_slide_pic_box .item_box .label.sale_label{width:40px;float:left;margin:0px 3px;} .other_area .phone_slide_pic_box .item_box .label.new_label{width:40px;float:left;margin:0px 3px;} .other_area .phone_slide_pic_box .item_box .label_box .label:nth-of-type(1){ margin-left:10px;} .other_area .item_box input.add{font-size:20px;} .other_area .next{ width:70px;height:70px; margin-top:-125px;right:-40px;z-index:100;} .other_area .next .arrow{width:12px;height:12px;margin-top:30px;margin-left:7px;} .other_area .prev{width:70px;height:70px;margin-top:-125px;left:-40px;z-index:100;} .other_area .prev .arrow{width:12px;height:12px;margin-top:30px;margin-right:7px; } }