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

/*body{ background:url(images/anyong_new/AY_background.jpg) left top repeat;}*/

/*========== 購物車流程 ==========*/
.AY_ShoppingCartStep_BOX{ width:100%; height:80px; border-bottom:5px #dfdfdf solid; margin-bottom:20px;}
.AY_ShoppingCartStep{ width:990px; height:80px; margin:0 auto;}
.AY_ShoppingCartStep ul li{ float:left; width:25%; height:80px; font:18px/30px 微軟正黑體, Arial, Helvetica, sans-serif; padding-top:35px;}
.AY_ShoppingCartStep ul li span{ margin-right:10px; font:25px/30px Arial, Helvetica, sans-serif;}
.AY_WORDcolor_gray{ color:#c8c8c8;}
.AY_WORDcolor_black{ color:#333;}
.AY_WORDcolor_blue{ color:#C71810;}
.AY_LINEcolor_blue{ border-bottom:5px #C71810 solid;}

.AY_ShoppingCart_BOX{ margin:0 auto; margin-bottom:15px; background:#FFF; border:1px solid #dbdbdb;}
.AY_ShoppingCart_BOX2{ margin:0 auto; margin-bottom:15px;  padding:10px 0 15px 0; }
.AY_ShoppingBox_W01{ width:10%;}
.AY_ShoppingBox_W02{ width:30%;}
.AY_ShoppingBox_W03{ width:40%;}

.AY_SCInput_W100{ width:100px; height:30px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 5px;}
.AY_SCInput_W150{ width:150px; height:30px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding:0 5px;}
.AY_SCSelect_W150{ width:150px; height:30px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}


/*購物車第一步驟*/
.AY_ShoppingCart_title{ font:15px/35px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding-left:20px;}
.AY_SCart_title_color11{ width:100%; height:42px; border-top:3px #1e71b5 solid; border-bottom:1px #d9d9d9 dotted; background:#ffffff; padding-left:10px;}
.AY_SCart_title_color10{ width:100%; height:42px; border-top:3px #759b2e solid; border-bottom:1px #d9d9d9 dotted; background:#ffffff; padding-left:10px;}
.AY_SCart_title_color3{ width:100%; height:42px; border-top:3px #e75502 solid; border-bottom:1px #d9d9d9 dotted; background:#ffffff; padding-left:10px;}

.AY_ShoppingBox_title{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#f7f7f7;}
.AY_ShoppingBox_title ul li{ float:left; text-align:center;}

.AY_SBox_content01{ border-bottom:1px #d9d9d9 dotted; font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif;}
.AY_SBox_content01 ul li{ float:left; text-align:center;}
.AY_SB_mainproduct ul li{ float:left;} 
.AY_SB_mainproduct_L{ width:40%; padding:10px 10px 10px 20px;}
.AY_SB_mainproduct_L a{ display:block; width:90px; height:90px;}
.AY_SB_mainproduct_L a img{ width:100%; height:auto;}
.AY_SB_mainproduct_R{ width:60%; padding:10px 0;}
.AY_SB_mainproduct_R h3{ text-align:left;}
.AY_SB_mainproduct_R h3 img{ float:left; margin-right:10px;}
.AY_SB_mainproduct_R h3 a{ font:14px/27px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ed2d4c;}
.AY_SB_mainproduct_R h2{ text-align:left; font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; margin-top:5px; clear:both;}
.AY_SB_mainproduct_R h2 a{ font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; color:#666;}
.AY_SB_mainproduct_R2{ width:75%;}
.AY_SB_mainproduct_R2 h2{ font:14px/20px 微軟正黑體, Arial, Helvetica, sans-serif; text-align:left; clear:both;}
.AY_SB_mainproduct_R2 h2 img{ float:left; margin-right:10px; margin-top:10px;}
.AY_SB_mainproduct_R2 h2 a{ display:block; padding-top:12px; color:#147abc;}
.AY_SB_temperature img{ margin-top:36px;}
.AY_SB_specification p{ margin-top:40px;}
.AY_SB_specification select{ width:80px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:35px;}
.AY_SB_quantity p{ margin-top:40px;}
.AY_SB_quantity select{ width:60px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:35px;}
.AY_SB_quantity2 select{ width:60px; height:30px; border:1px #d9d9d9 solid; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; margin-top:10px;}
.AY_SB_nivalent p{ margin-top:40px;}
.AY_SB_price p{ margin-top:40px;}
.AY_SB_delete a{ display:block; width:25px; height:25px; margin:0 auto; margin-top:38px; background:url(images/anyong_new/AY_icon_delete.png) left top no-repeat; text-indent:-9999px;}
.AY_SB_delete a:hover{ background:url(images/anyong_new/AY_icon_delete.png) left bottom no-repeat;}
.AY_SB_delete2 a{ display:block; width:25px; height:25px; margin:0 auto; margin-top:15px; background:url(images/anyong_new/AY_icon_delete.png) left top no-repeat; text-indent:-9999px;}
.AY_SB_delete2 a:hover{ background:url(images/anyong_new/AY_icon_delete.png) left bottom no-repeat;}

.AY_SBox_content02{ border-bottom:1px #d9d9d9 dotted; font:14px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#fffcdf;}
.AY_SBox_content02 ul li{ float:left; text-align:center;}

.AY_SBox_content03{ width:100%; height:50px; position:relative;}
.AY_SBox_content03 p{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align:right; position:absolute; right:168px;}
.AY_SBox_content03 p span{ color:#ed2d4c; margin-left:15px;}

.AY_ShoppingCart_BOX2 .AY_SC_Bottom_L{ float:left; width:50%; padding-left:35px; text-align:left;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R{ float:right; width:50%; padding-right:168px; text-align:right;}
.AY_SC_Bottom_L ul li{ font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_L ul li span{ margin:0 5px; color:#ed2d4c;}
.AY_SC_Bottom_L ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_L ul li img{ float:left; margin-right:10px;}
.AY_SC_Bottom_R ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_R ul li h5 span{ margin-left:15px; color:#ed2d4c;}
.AY_SC_Bottom_R ul li p{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ff7200;}
.AY_SC_Bottom_R ul li h3{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price01{ font:20px/50px Arial, Helvetica, sans-serif; margin-left:15px; color:#ed2d4c;}
.AY_SC_Bottom_R ul li h3 span.AY_SC_Bottom_R_Price02{ font:30px/50px Arial, Helvetica, sans-serif; margin-left:5px; color:#ed2d4c;}

.AY_SC_Bottom_Btn{ width:100%; height:50px; clear:both; padding:0 5px;}
.AY_SC_Bottom_Btn ul li{ float:right;}
.AY_btn_checkout input,.btn_confirm_send input{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#dd1212; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.AY_btn_checkout input:hover,.btn_confirm_send input:hover{ background:#f54b4b; text-decoration:none;}
.AY_btn_continuebuy input,.btn_back_pre a{ display:block; width:190px; height:50px; font:20px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; text-align:center; background:#1671b8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.AY_btn_continuebuy input:hover,.btn_back_pre a:hover{ background:#1c8fe7; text-decoration:none;}

/*購物車第二步驟*/
.AY_btn_getcoupon{ width:100px; height:25px; font:14px/25px 微軟正黑體, Arial, Helvetica, sans-serif; color:#FFF; background:#f73873; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; border:0; cursor:pointer;}
.AY_btn_getcoupon:hover{ background:#fc5689;}
.AY_SC_Bottom_R ul li a{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc;}
.AY_SC_Bottom_R ul li a:hover{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#147abc;}
.AY_btn_backtoback input{ display:block; width:190px; height:50px; background:url(images/anyong_new/AY_btn_backtoback.png) left top no-repeat; text-indent:-9999px; cursor:pointer; border:0; margin-right:10px;}
.AY_btn_aconfirmation input{ display:block; width:190px; height:50px; background:url(images/anyong_new/AY_btn_aconfirmation.png) left top no-repeat; text-indent:-9999px; cursor:pointer; border:0; margin-right:10px;}
.AY_SBox_content03_1{ width:100%; height:50px; position:relative;}
.AY_SBox_content03_1 p{ font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; text-align:right; position:absolute; right:48px;}
.AY_SBox_content03_1 p span{ color:#ed2d4c; margin-left:15px;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R_1{ float:right; width:50%; padding-right:20px; text-align:right;}
.AY_SC_Bottom_R_1 ul li h5{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_R_1 ul li h5 span{ margin-left:15px; color:#ed2d4c;}
.AY_SC_Bottom_R_1 ul li p{ font:13px/18px 微軟正黑體, Arial, Helvetica, sans-serif; color:#ff7200;}
.AY_SC_Bottom_R_1 ul li h3{ font:15px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_Bottom_R_1 ul li h3 span.AY_SC_Bottom_R_Price01{ font:20px/50px Arial, Helvetica, sans-serif; margin-left:15px; color:#ed2d4c;}
.AY_SC_Bottom_R_1 ul li h3 span.AY_SC_Bottom_R_Price02{ font:30px/50px Arial, Helvetica, sans-serif; margin-left:5px; color:#ed2d4c;}

/*購物車第三步驟*/
.AY_SC_OrderNumber{ max-width:1200px; margin:0 auto; text-align:center; font:15px/50px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#f6f6f6;}
.AY_img_ordersuccess{ width:250px; height:100px; margin:0 auto; background:url(images/anyong_new/AY_img_ordersuccess.png) left top no-repeat; text-indent:-9999px; margin-bottom:20px;}
.AY_SC_OrderDetail{ font:14px/45px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333;}
.AY_SC_OrderDetail_L{ padding-right:15px;}
.AY_SC_OrderDetail_R{ padding-left:15px;}
.AY_SC_OrderDetail tr{ border-bottom: 1px dotted #eaeaea;}
.AY_SC_OrderDetail tr:first-child{ border-bottom: 1px solid #eaeaea; border-top: 2px solid #eaeaea;}
.AY_SC_OrderDetail tr:last-child{ border-bottom:0;}
.AY_SC_Bottom2_Btn{ max-width:1200px; margin:0 auto;}
.AY_btn_printpage{ float:right;}
.AY_btn_printpage input{ display:block; width:190px; height:50px; background:url(images/anyong_new/AY_btn_printpage.png) left top no-repeat; text-indent:-9999px; cursor:pointer; border:0;}
.AY_btn_printpage input:hover{ background-position:left bottom;}

/*領取折價券小視窗*/
.AY_SC_BonusEnter_box{ width:500px; margin:0 auto; font:14px/40px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; background:#FFF; border: 1px solid #eaeaea;}
.AY_SC_BonusEnter_title{ font:15px/45px 微軟正黑體, Arial, Helvetica, sans-serif; color:#333; padding-left:10px; background:#f6f6f6;}
.AY_SC_BonusEnter_L{ padding-right:15px;}
.AY_SC_BonusEnter_R{ padding-left:15px;}
.AY_SC_BonusEnter_R span{ margin:0 5px;}
.AY_SC_BonusEnter_R img{ display:block; float:left; margin:0 8px; width:72px; height:20px; margin-top:12px;}
.AY_SC_BonusEnter_R .AY_SCInput_W100{ float:left; margin-top:7px;}
.AY_SC_BonusEnter_R a{ color:#b17835;}
.AY_SC_BonusEnter_btn{ padding:10px;}

/*========== 購物車流程新增 ==========*/
.AY_ShoppingBox_W02{ width:30%;}/*========== 沒有溫層 ==========*/
#shopping_checkout_2 .AY_ShoppingBox_W03{ width:40%;}/*========== 沒有溫層 ==========*/
.AY_SBox_content03 p,.AY_SBox_content03_1 p{ right:20px;}
.discount_allBox{ color:#ff3838; font-size:14px; line-height:24px;}
.discount_allBox span{ display: inline-block; border:2px solid #ff3838; text-align:center; padding:0 8px; height:26px;font-size:14px; line-height:24px; color:#ff3838;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; margin-right:5px;}
.discount_allBox span.discount_word{ border:0; padding:0; color:#333;margin:0;}
.discount_allBox span.discount_word span{border:0; padding-left:15px; padding-right:0; margin:0;}
.AY_SC_Bottom_R_1 span{ color:#ed2d4c;}
.pay_delivery{ font-size:14px; color:#999;}
.pay_delivery ul li h5{ font-size:14px;color:#999;}
.left_paddingbox{ width:120px;}
.left_paddingbox01{ padding-left:60px; padding-bottom:5px;}
.discount_couponbox{ text-align:right; padding:10px 20px;}
.discount_couponbox .click_show{ font-size:14px; line-height:24px; cursor:pointer; color:#e56c6c;}
.discount_couponbox .couponbox_btn{background-color:#e56c6c;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fff; border:0; cursor:pointer; padding:0 15px;}
.discount_couponbox .couponbox_btn:hover{background-color:#7b7d81;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font:14px/30px 微軟正黑體, Arial, Helvetica, sans-serif; color:#fff; border:0; cursor:pointer; padding:0 15px;}
.AY_SB_mainproduct_R2_n{ width:73%;}
.AY_SC_Bottom_Btn.bottom_btn.AY_ShoppingCart_BOX2{ background:none; border:0;}

/*===== JOO各版型控制色系用CSS =====*/

/*不用改的*/
.jooshop_btn_login > input,.jooshop_btn_login > input:hover{ font:28px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#FFF; letter-spacing:3px; background-image:none; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-indent:0;}
.jooshop_scbtn_print input,.jooshop_scbtn_print input:hover{ background-image:none; color:#fff; font:20px/50px 微軟正黑體,Arial,Helvetica,sans-serif; text-indent:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.jooshop_mem_btn input,.jooshop_mem_btn input:hover,.jooshop_mem_btn a,.jooshop_mem_btn a:hover{ background-image:none; color:#fff; font:17px/50px 微軟正黑體,Arial,Helvetica,sans-serif; text-indent:0; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; text-align:center;}
.jooshop_step_color{ border-bottom-color:#2d9bb2;}
.jooshop_step_color span{ color:#2d9bb2;}
.jooshop_scstep_color{ border-bottom-color:#f2f2f2;}
.joo_ordersuccess{ width:210px; height:100px; margin:0 auto;}
.joo_ordersuccess h5{ font:45px/50px 微軟正黑體,Arial,Helvetica,sans-serif;}
.joo_ordersuccess p{ font:28px/50px 微軟正黑體,Arial,Helvetica,sans-serif; color:#999; text-align:right; padding-right:15px;}

/*要改的部分如下*/
/*按鈕*/
.jooshop_btn_color > input,.jooshop_btn_color > a{ background-color:#1690aa}
.jooshop_btn_color > input:hover,.jooshop_btn_color > a:hover{ background-color:#1690aa; opacity: .9;}
.jooshop_btn_color2 > input,.jooshop_btn_color2 > a{ background-color:#999999;}
.jooshop_btn_color2 > input:hover,.jooshop_btn_color2 > a:hover{ background-color:#aaaaaa;}
/*線段*/
.jooshop_title_color{ border-top-color:#1690aa;}
.jooshop_title_color2{ border-bottom-color:#2d9bb2;}
.jooshop_sctitle_color{ border-top-color:#2d9bb2 !important;}
/*會員專區元件-按鈕顏色*/
.jooshop_mem_menu{ color: #fff; background-color: #1690aa;}

/*訂單列表-訂單號碼顏色*/
.jooshop_mem_word > a,.jooshop_mem_word > span{ color:#2d9bb2;}
.jooshop_mem_word > a:hover{ color:#000}
/*訂購完成-文字顏色*/
.joo_ordersuccess h5{ color:#2d9bb2;}


/*========== 如果使用者之視窗寬度 <= 1024px 將會再載入這裡的 CSS ==========*/
@media screen and (max-width:1024px) {
/*.AY_ShoppingCart_BOX,.AY_ShoppingCart_BOX2{ width:984px;}*/
.AY_SB_mainproduct_L{ width:45%;}
.AY_SB_mainproduct_R,.AY_SB_mainproduct_R2{ width:55%;}
.AY_SBox_content03 p{ right:136px;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R{ padding-right:136px;}
.AY_SBox_content03_1 p{ right:38px;}
.AY_ShoppingCart_BOX2 .AY_SC_Bottom_R_1{ padding-right:20px;}
}