/*
/* 2020 RWD 設定
/* 作者: STMT (rico@suntomato.com.tw)
/* 20200130
*/

/* cart */
.cart .select_text{padding: 10px 0 0;}

/* all data*/
#all_data .btn_buy{text-align: right;}

/* ad */
.ad{margin: 0 0 20px;width: 100%;}
.ad img{width: 100%;}
.list .ad{max-width: 1500px;margin: 0 auto 20px;}

/* header */
.header_cart_link{font-family: '微軟正黑體'; font-size: 15px; color: #fff!important;background-color: #428bca;border-radius: 4px;padding: 5px 15px;line-height: 26px;margin: 0 0 0 10px;position: fixed;z-index: 99;right: 30px;}
.header_howto_link {right: 180px;}
.header_cart_icon ,
.header_guide_icon
{float: left;width: 24px;height: 24px;margin-right: 10px;background-image: url(https://allsports.tw/view/img/icon_shopping_cart.svg);background-size: cover;}

.header_guide_icon {
    background-image: url(https://allsports.tw/view/img/icon_shopping_guide.png);
}

.header_cart_link:hover{background-color: #2a6292;}
.list .header_cart_link{margin: 20px 10px 0 0;}

.sale_text{color: #cc3d3d;font-size: 16px;font-weight: 700;margin: 10px 0;}

/* pricelist */
.wrapper{width: 100%!important;}
.price_block{position: relative; background-color: #f8f6f9;text-align: left;margin: 15px auto;width: 100%;max-width: 800px;border: 1px solid #d9d9d9;clear: left;overflow: hidden;}
.price_block .photo{width: calc( 20% - 1px);float: left;border-right: 1px solid #d9d9d9;margin-right: -1px;}
.price_block .info{width: calc(80% - 1px);border-left: 1px solid #d9d9d9;float: left;}
.price_block .photo img{width: 100%;border-right: 1px solid #d9d9d9;}
.price_block .title{background-color: #2996cc;color:#fff;padding: 10px;font-size: 16px;font-weight: 700;}
.price_block .text, .price_block .price{padding: 20px;letter-spacing: 1px;}
.price_block .photo p{height: 150px; font-size: 14px;text-align: center;vertical-align: middle;display: flex;justify-content: center;align-items: center;}
.price_block .price{position: absolute;right: 2%;bottom: 5%;font-size: 16px;font-weight: bold;color: #cc0000;}
.wrapper #contents_title1{position: relative; background-color: #f1f1f1;padding: 20px;font-size: 18px;border: 1px solid #d6d1d1;}
.wrapper #contents_title1::before{content: ""; position: absolute; left: 0;bottom: 0;width: 100%;height: 10px;background: url(/common/image/title_bg_bottom.gif) repeat-x bottom;}
.wrapper .sitemenu{padding: 20px;}
.wrapper #footer .copyright {text-align: center;padding: 10px;}
.pricelist .well{min-height: 20px;padding: 20px;max-width: 780px;margin: auto;margin-bottom: 20px;background-color: #f5f5f5;border: 1px solid #e3e3e3;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);}
.pricelist .well address{font-style: normal;color: #555;}
.pricelist_howto_link {position: relative;left: 50%;transform: translate(-50%, -50%);margin-top: 50px;width: 100px;display: block;}
.pricelist_howto_link .header_guide_icon {margin-right: 10px;}
#pricelist .price_information {text-align: center;font-size: 14px;}
#pricelist .price_information b.red {margin-bottom: 5px;display: block;font-size: 16px;}

/* thx4credit.tpl (payment) */
.payment_succ {font-family: '微軟正黑體';}
.payment_succ #head {margin-bottom: 10px;text-align: left;}
.payment_succ {max-width: 960px;width: 100%;margin: auto;text-align: left;}
.payment_succ #head .top {border-top: 2px solid #003dc6;background-color: #f5f5f5;padding: 10px;margin-bottom: 20px;width: calc(100% - 20px);}
.payment_succ #head .logo, .payment #head {margin-bottom: 20px;}
.payment_succ .top_succ {color: #333;position: relative; text-align: left;background: linear-gradient(#efefef, #fdfdfd);border: 1px solid #dadee5;font-weight: 700;margin-bottom: 50px;font-size: 18px;padding: 10px;}
.payment_succ .top_succ:before, .payment_succ .top_succ:after {left: -1px;bottom: -3;content: "";position: absolute;width: calc(100% + 2px);height: 5px;background-color: #1956d1;}
.payment_succ .top_succ:after {bottom: -8;background-color: #5c8df0;}
.order_thx {text-align: center;}
.thx {margin-bottom: 30px;}
.order_thx .order {margin: 20px auto 0;border: #dadee5 1px solid;background: #fafafa;max-width: 380px;padding: 10px 0;}
.order_thx .order span {font-size: 15px;font-weight: bold;color: #e53939;margin: auto 5px;}

.addReadMore.showlesscontent .SecSec,
.addReadMore.showlesscontent .readLess {
    display: none;
}

.addReadMore.showmorecontent .readMore {
    display: none;
}

.addReadMore .readMore,
.addReadMore .readLess {
    font-weight: bold;
    margin-left: 2px;
    color: #428bca;
    cursor: pointer;
}

.addReadMoreWrapTxt.showmorecontent .SecSec,
.addReadMoreWrapTxt.showmorecontent .readLess {
    display: block;
}

/* other */
.list_service_text {color: #f00;font-weight: 900;display: block;margin-top: 10px;font-size: 13px;line-height: 16px;text-align: center;}


@media screen and (min-width: 961px){
    .ad .ad_m, .list .list_show_btnlist_show_btn, .ad_pc_hidden, .pc_hidden .mobile_price{display: none;}
    .side_bnr img{width: 100%;max-width: 300px;}
}

@media screen and (max-width: 960px){
    body, #container{overflow-x: hidden;}

    /* cart */
    .cart .goods_num, .hidden_mobile, .ad .ad_pc, .list #fixed_p_top a{display: none!important;}
    .cart .discount_info{font-size: 16px;}

    .cart .btn-default {margin: 0 0 10px 0;}
    .cart .contbox .cart_list_photo{width: 80px;height: 80px;}
    .cart .contbox .cart_list_photo img, .cart .confirm img{width: 100%;}
    .cart #cart_index_content .contbox .photoarea div {position: relative;padding: 10px 0;}
    .cart #cart_index_content .contbox .photoarea table.icon_big, .cart #cart_index_content .contbox .photoarea a.icon {width: 90px;height: 90px;}
    .cart #cart_index_content .contbox .photoarea table.icon_big{margin: 0 auto;position: relative;}
    .cart #cart_index_content .contbox .photoarea a.icon{position: absolute;width: 100%;}
    .cart #cart_index_content .contbox{margin-bottom: 15px;}
    .cart #cart_index_content .contbox .section1 .info, .cart #cart_index_content .contbox .section2 .info {display: block;padding: 5px 0;}
    .cart #cart_index_content .contbox .section1 .info img, .cart #cart_index_content .contbox .section2 .info img {top: -2px;}
    .cart #cart_index_content .contbox .section1 .p_menu1 select {width: 100%;}
    .cart #cart_index_content .contbox .section1 .cart_addinglast{display: block;margin: 5px 0;}
    .cart #cart_index_content .contbox .section1 .btn-info{margin: 10px 0 0;}
    .cart .discount_info{text-align: center;margin: 0 0 10px;}
    .cart #nothing_msg table {width: 100%;}

    /* all data */
    #all_data .photo_list_box{margin: 0;}
    #container, #all_data .explain, #all_data .photo_list_box table, #all_data .photo_list_box .photo_box td img, #cart_index_content .contbox .photoarea table {width: 100%;}
    #container, #all_data .btn_buy {text-align: center;}
    #all_data .photo_list_box .photo_box {float: left;display: inherit;width: calc(50% - 2px);padding: 10px;background: inherit;border: 1px solid #f1f1f1;}
    #all_data .explain{border-top: 1px solid #f1f1f1;border-bottom: 1px solid #f1f1f1;overflow: hidden;margin: 10px 0;padding: 10px 0;}
    #container, #all_data .photo_list_box table{margin: 0;}
    #all_data .btn_buy{margin: 20px 0;}
    #all_data .photo_list_box table{margin-bottom: 10px;}
    #all_data .explain div.info02 { text-align: left;}

    /* list */
    .list #inner, .list #main ul.list_box {margin: 10px 0!important;}
    .list #main .mode_change {padding: 10px;text-align: left;}
    .list #main {width: 100%;margin: 0;float: inherit;display: inherit;}
    .list #photo_list, .list #main .extra_info.single .detail, .header_ng_alert, header#g_head, footer#g_foot, #container, #topic_path, #fixed_blc {min-width: 100%;width: 100%;}
    .list #main .extra_info.single {padding: 10px;line-height: inherit;}
    .list #fixed_p_top { right: 5px!important;}
    .list #main, .list #side {text-align: center;}
    .list #main .extra_info.single .detail {margin-left: 0;text-align: center;}
    .list #main .photo_loaded  {margin: 0!important;width: 43%!important;padding: 10px!important;margin: -1px -1px 0 0!important;border: 1px solid #f5f5f5;}
    .list #main ul.list_box p.pic img{width: 100%!important;}
    .list #fixed_blc hgroup h4 a {width: 50px;float: right;}
    .list #fixed_blc .cart_blc .func_area, .list #fixed_blc .cart_blc .scroll_area {width: 100%;}
    .list #main ul.list_box p.pic{display: inline!important;}
    .list .list_show_btn a{color: #f00;}
    .list  #main ul.list_box p.anchor a {height: 100px!important;padding: 10px 0!important;}
    .list #main ul.list_box .cart_add_icon {top: 5px!important;}
    .list #main .page_ttl{margin: 0 10px!important;}
    .list #fixed_blc .cart_blc .func_area{max-width: -5px 0 5px 0;}

    /* list -> photo_detail & cart_detail */
    #photo_detail, #photo_detail #detail_l_blc .pic_view p.w2 img, #photo_detail .cont_body, 
    #photo_detail #detail_l_blc, #photo_detail #detail_l_blc .photo_inner, #photo_detail .photo_inner img, 
    #cart_detail, #cart_detail .photo_inner, #cart_detail .photo_inner img, #cart_detail .cont_body {width: 100%;}
    #photo_detail #detail_l_blc .pic_view{max-width: 300px;}
    #photo_detail #detail_r_blc .func_inner {margin-left: 0;width: 100%;}
    #photo_detail #detail_r_blc {width: 100%; top: 500px;}
    #photo_detail p.close, #cart_detail p.close{right: 0;top: 0;z-index: 101;}
    #photo_detail .photo_change{text-align: center;}
    
    /* header */
    .header_cart_link .text,
    .ad_mobile_hidden,
    .howto_text
    {display: none;}
    
    .header_cart_icon {margin-right: 0;}
    .header_text {text-align: center;}
    .header_cart_link {right: 15px;}
    .header_howto_link {right: 80px;}

    #main .extra_info  {width: 100%;}

    /* ad */
    .ad .ad_m{max-width: 400px;margin: 0 auto;}
    .had{margin-bottom: 20px;text-align: center;padding: 0 15px;}
    .had img{width: 100%;}
    .fb_iframe_widget iframe {position: inherit;}

    /* pricelist */
    .price_block .photo{width: 30%;}
    .price_block .info{width: calc(70% - 1px);}
    .price_block .title {font-size: 14px;font-weight: 500;}
    .price_block .text, .price_block .price {padding: 10px;}
    .price_block .price{position: relative;text-align: right;}
    #pricelist .price_information, #pricelist .price_delivery{width: 100%;}

    #main .page_ttl th div {padding: 10px 12px 12px 30px;}
    
    .header_guide_icon {
        margin-right: 0;
    }

 


}