.main_info{
    float: left;
    width: 100%;
    padding: 0 30px;
}
/*產品輪播*/
.main_info>img{
    float: left;
    width: 100%;
    margin-right: 5%;
}


#product_img{
    width: 52%;
    position: relative;
    float: left;
    padding-right: 90px;
}
#product_img .main_pic{
    width: 100%;
}
.bx_pic{
    width: 100%;
        margin: 0;
    padding: 0;
}
#product_img .jump_pic{
    
}
#product_img .jump_pic:before{
    content: '';
    background-image: url(../../images/common/zoom.png);
    display: block;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    background-size: cover;
}
#product_img .thumb{
    display: block;
    padding: 30px;
}
#product_img .thumb .thumb-pager li.active .imgs{
    opacity: 0.5;
}
#product_img .thumb .imgs{
height: 129.5px;
cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}

.main_pic .bx-controls-direction{
    display: none;
}

/*社群分享*/
#product_img .share_link{
    margin: 20px 0;
}

#product_img .share_link img{
    width: 40px;
    margin: 3px;
}

#product_img .share_link #paste-box{
    width: 0px;
    height: 0px;
    border: 0px;
    position: absolute;
    left: -50%;
}

/*產品資訊*/
.product_info,.product_header{
    float: left;
    width: 100%;   
}
.product_info{
    margin-top: 10px; 
}

.main_info .product_tit{
    font-size: 2rem;
    letter-spacing: 3px; 
    color: #333;
}
.main_info .product_subtit{
    font-size: 1.2rem;
    letter-spacing: 2px; 
    color: #2780BB;
}
.product_info .dl-row{
    display: inline;
}

.product_info dl{
    display: inline-block;
    position: relative;
    width: 100%;
    border-bottom: 1px solid #ddd;
    margin: 0;
    margin-left: -4px;
    padding: 17px 0;
    vertical-align: top;
    letter-spacing: 1px;
}
.product_info dl.noline{
    border-bottom: none;
}
.product_info dl.full{
    width: 100%;
}

.product_info dl.mark img{
    margin: 5px;
}
.product_info dl.act dd{
    color: #ce0000;
}

.product_info dl dt{
    float: left;
    width: 125px;
    line-height: 26px;
    font-size: 1rem;
    font-weight: normal;
    color: #999;
    padding: 1px 5px;
}

.product_info dl dd{
    float: right;
    width: calc(100% - 125px);
    line-height: 26px;
    font-size: 1rem;
    color: #666;
}

/*規格*/
.product_info .spec input[type="radio"] {
        display: none;
}

.product_info .spec input[type="radio"] + label {
        display: block;
        text-align: center;
        font-size: 1rem;
        font-weight: normal;
        background-color: #fff;
        border: 1px #ccc solid;
        cursor: pointer;
        padding: 5px 10px;
        margin: 0px 3px 10px;
        line-height: 30px;
        transition: 0.5s;
}

.product_info .spec input[type="radio"]:checked + label {
        background-color: #fff;
        border: 1px #ff0000 solid;
        color: #000;
}
.product_info .spec{
        text-align: center;
}
.product_info .spec .show_img{
        width: 60%;
        margin-left: 0px;
}

/*加總*/
.qty{
    width: 250px;
    background-color: #fff;
    border: rgb(169, 169, 169) 1px solid;
    padding: 10px 0;
    white-space: nowrap;
}
.qty .bt{
    display: inline-block;
    padding: 5px 15px;
}
.qty .minus, .qty .add{
    cursor: pointer;
}
.qty .minus{
    border-right: #aaa 1px solid;
}
.qty .add{
    border-left: #aaa 1px solid;
}
.product_info dl.price-origin dd{
    text-decoration: line-through;
}
.product_info dl.price dd{
    font-size: 2rem;
    font-weight: bold;    
    color: #ce0000;
}

.product_info .shop_bar{
    width: 100%;
}
.product_info .shop_bar .shop_btn{
    width: 100%;
    float: left;
    color: #fff;
    padding: 15px 20px;
    margin-right: 10px;
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: 3px;
    white-space:nowrap;
    transition: .5s;
    text-decoration: none;
}
.product_info a.shop_btn:hover{
    opacity: 0.7;
}
.product_info .shop_bar .buy{
    background-color: #333;
}

.product_info .shop_bar .cart{
    background-color: #4D4D4D;
}

.product_info .shop_bar .wish{
    background-color: #666;
}
.product_info .shop_bar .query{
    background-color: #808080;
}
.product_info dl .phone{
    background-color: #666;
    width: 100%;
    float: left;
    color: #fff;
    padding: 15px 20px;
    margin-right: 10px;
    margin-bottom: 15px;
    text-align: center;
    letter-spacing: 3px;
    white-space:nowrap;
    transition: .5s;
    text-decoration: none;
}

.shop_link img{
    width: 50px;
    margin: 0 3px 6px;
}

.main_info #product_img .main_pic .mark_act{
    position: absolute;
    width: 30%;
    top: 20px;
    left: 0px;
}

@media only screen and (min-width: 481px) {
.main_info{
    padding: 0 5%;
}
.product_info .spec input[type="radio"] + label {
        display: inline-block;
}

.product_info .spec{
        text-align: left;
}
.product_info .spec .show_img{
        width: 60px;
        margin-left: 20px;
}
}
@media only screen and (min-width: 650px) {
.product_info .shop_bar .shop_btn{
    width: calc(33.333% - 10px);
}
}
@media only screen and (min-width: 981px) {
.main_info{
    padding: 0;
}
.main_info>img{
    width: 45%;
}
.product_info,.product_header{
    width: 48%; 
}

.product_info .shop_bar .shop_btn{
    width: 100%;
}


/*社群分享*/
#product_img .share_link img{
    width: 30px;
}

}

@media only screen and (min-width: 1200px) {
.product_info .dl-row{
    display: flex;
}

.product_info dl{
    width: calc(50% - 15px);
}
.product_info dl.half{
    width: calc(50% + 15px);
    padding-left: 30px;
}
.product_info dl.half::before{
    content: '';
    display: block;
    position: absolute;
    width: 1px;
    height: 30px;
    background: #ddd;
    top: 15px;
    left: 15px;
}

.product_info .shop_bar .shop_btn{
    width: calc(50% - 10px);
}
}

@media only screen and (max-width: 980px) {
.main_info{
    display: flex;
    flex-wrap: wrap;
}
/*產品輪播-手機版*/
#product_img{
    width: 100%;
    padding: 0;
    order:2;
}
#product_img .thumb .imgs{
    height: 13vw;
}

#product_img .thumb,#product_img .jump_pic:before{
    display: none;
}
.main_pic .bx-controls-direction{
    display: block;
}


/*產品資訊*/
.product_info{
    order:3;
}
.product_header{
    order: 1;
    padding-top: 20px;
    margin-bottom: 30px;
}
}