﻿
.sub_market_store .tab_type4 > ul { padding-bottom: 50px; } 
.sub_market_store .on { border: 1px solid #0077FF !important; color: #0077FF !important; } 
.sub_market_store .meta_market_store .tab_grid { display: grid; grid-template-columns: 1fr 1fr; place-items: center; row-gap: 50px; transition: all .2s; grid-gap: 50px; padding-bottom: 72px; align-items:normal !important;} 
.sub_market_store .meta_market_store .store { width: 100%; height: auto; background-color: #fff; border-radius: 10px; box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.1); transition: all .2s; position: relative; transition: all .5s; } 
.sub_market_store .meta_market_store .store .under_box { display: flex; justify-content: right; height: 95px; position: relative; border-top-left-radius: 10px; border-top-right-radius: 10px; } 
.sub_market_store .meta_market_store .store .under_box::before { border-radius: 10px 10px 0 0; display: block; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; background: linear-gradient(135deg ,#8CDEA9, #71D1B4, #41BAE7 ); transition: opacity .5s; } 
.sub_market_store .meta_market_store .store:hover .under_box:before { opacity: 1; } 
.sub_market_store .meta_market_store .store .under_box .under_con { width: 100%; position: relative; } 
.sub_market_store .meta_market_store .store .under_box .under_con > span { width: 100px; height: 100px; display: block; position: absolute; top: 35px; left: 30px; overflow: hidden; border-radius: 100%; border: 7px solid #fff; display: flex; justify-content: center; } 
.sub_market_store .meta_market_store .store .under_box .under_con .store_title { display: block; padding-top: 45px; font-size: 1.55rem; font-weight: 800; color: #000; padding-left: 165px; position: relative; transition: all .5s; } 
.sub_market_store .meta_market_store .store .bottom_box { padding: 16px 35px 33px 35px; } 
.sub_market_store .meta_market_store .store .bottom_box p { font-size: 1rem; font-weight: 400; color: #464646; line-height: 1.5;} 
.sub_market_store .meta_market_store .store .bottom_box p br {display: none !important; } 
.sub_market_store .meta_market_store .store .bottom_box .number { font-family: "Montserrat"; font-size: 1.11rem; font-weight: 500; color: #A7A0A0; padding-bottom: 38px; padding-left: 130px; } 
.sub_market_store .meta_market_store .store .bottom_box .bt_text { width: 100%; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } 
.sub_market_store .meta_market_store .store .table_box { padding:0px 35px 35px 35px; } 
.sub_market_store .meta_market_store .store .table_box table,
.sub_market_store .meta_market_store .store .table_box th,
.sub_market_store .meta_market_store .store .table_box td { border-collapse: collapse; border: 1px solid #F8F8F8; text-align: center; border-left: none; } 
.sub_market_store .meta_market_store .store .table_box th {padding: 20px; box-sizing: border-box; background-color: #fcfcfc; color: #585858; font-size: 0.94rem; font-weight: 600; height: 65px; } 
.sub_market_store .meta_market_store .store .table_box td { font-size: 0.94rem; color: #878585; font-weight: 500; text-align: left; padding-left: 30px; } 
.sub_market_store .meta_market_store .st_fruit .under_box { background: #F8F5FF; } 
.sub_market_store .meta_market_store .st_fish .under_box { background: #F3F8FE; } 
.sub_market_store .meta_market_store .st_veg .under_box { background: #F2F9F3; } 
.sub_market_store .meta_market_store .store:hover .under_box { background: linear-gradient(135deg ,#8CDEA9, #71D1B4, #41BAE7 ); transition: all 10s; } 
.sub_market_store .meta_market_store .store:hover .under_box .under_con .store_title { color: #fff; } 
.sub_market_store .meta_market_store .store:after { content: ''; position: absolute; top: 0%; right: 5%; width: 20%; height: 120px; } 
.sub_market_store .meta_market_store .st_fruit:after { background: url(/project/design/com/img_grape.png) no-repeat right / 100%; } 
.sub_market_store .meta_market_store .st_fish:after { background: url(/project/design/com/img_shell.png) no-repeat right / 100%; } 
.sub_market_store .meta_market_store .st_veg:after { background: url(/project/design/com/img_carrot.png) no-repeat right / 100%; } 

.history_box { width: 100%; } 
.history_box table { width: 100%; } 
.history_box table,.history_box th,.history_box td { border: 1px solid #E5E5E5; border-collapse: collapse; } 
.history_box .sum_title { padding-bottom: 32px; } 
.history_box .sum_title p { font-size: 1.77rem; font-weight: 800; color: #000; } 
.history_box .market_table th { width: 12%; height: 125px; background-color: #F2F9F3; font-size: 1.16rem; font-weight: 700; color: #000; } 
.history_box .trans_table th { width: 12%; height: 125px; background-color: #F8F5FF; font-size: 1.16rem; font-weight: 700; color: #000; } 
.history_box .market_table td, .history_box .trans_table td { width: 80%; font-size: 1.05rem; font-weight: 300; color: #464646; padding-left: 50px; } 
.history_box .market_sum { padding-bottom:84px } 


 .enter_btn { text-align: center; } 
 .enter_btn a { width: auto; padding: 20px 40px; display: inline-flex; justify-content: space-between; align-items: center; border-top-right-radius: 30px; border-bottom-left-radius: 30px; box-sizing: border-box; color: #0077FF; font-size: 20px; font-weight: 700; background: #fff; box-shadow: 0px 0px 25px 2px rgba(0,0,0,0.1); } 
 .enter_btn a:hover { background-color: #0077FF; color: #fff; } 
 .enter_btn a:hover i { color: rgb(227, 208, 208); } 
 .enter_btn a i { color: #0077FF; font-size: 1.4rem; } 







@media all and (max-width:1399px){
    .market .sec03_conbox { display: grid; grid-template-columns: 1fr 1fr; grid-row-gap: 50px; } 
    .sec03_conbox .conbox .con_text { padding: 17px 0 0px 0;} 
    /* .market .sec03_conbox .conbox .con_title h3 { font-size: 1.5rem; } 
    .market .sec03_conbox .conbox .con_text p { font-size: 1.2rem; } 
    .market .sec03_conbox .conbox .con_img img { width: 7rem; }  */
 }

 @media all and (max-width: 1275px) { html { font-size: 13px; } 
 .wrap_box .sub_title h2 { width: 28rem; } 
 }

 @media all and (max-width:1200px){
    .history_box .market_table th,
    .history_box .trans_table th { width: 20% !important; } 
    .tab_type4 ul li a { font-size: 1.2rem; width: 100px; } 
}

@media all and (max-width:1000px){
    .sub_market_store .meta_market_store .tab_grid { grid-template-columns: 1fr; padding-bottom: 50px; } 
    .sec02_conbox .conbox .con_text p {
        line-height: 1.3;
    }
}

@media all and (max-width:900px){
    .tab_type4 > ul { gap: 10px; } 
}

@media all and (max-width: 800px){
    html { font-size: 15px; } 
    .history_box .sum_title p { font-size: 1.38rem !important; } 
    .history_box .market_table th,
    .history_box .trans_table th,
    .history_box .market_table td,
    .history_box .trans_table td { font-size: 1rem; height: 70px !important; } 
    .history_box .market_table td,
    .history_box .trans_table td { padding: 0 10px !important; } 
    .market .sec03_conbox { display: grid; grid-template-columns: 1fr; grid-row-gap: 50px; } 
    .market .sec03_conbox .conbox .con_img img { width: 5rem; } 
 }

@media all and (max-width: 700px){
    .market .sec03_conbox .conbox h3 { display: flex !important; justify-content: space-between !important; align-items: center !important; } 
    .market .sec03_conbox .conbox h3 .con_img0 { display: block !important; } 
    .market .sec03_conbox .conbox .con_img1,
    .market .sec03_conbox .conbox .con_img2,
    .market .sec03_conbox .conbox .con_img3,
    .market .sec03_conbox .conbox .con_img4 { display: none; } 
    .market .sec03_conbox .conbox { height: auto; padding: 20px; } 
 }

@media all and (max-width: 600px){
    html { font-size: 12px; } 
    .market .sec03_conbox .conbox { padding: 20px 20px 0 20px; } 
    /* .sec03_conbox .conbox .con_text p { font-size: 1.5rem; }  */
    .tab_type4 ul li a { padding: 10px 0px; } 
    .stle_box p {font-size: 1.2rem;}
    .wrap_box .sub_title h2 {font-size: 1.73rem;} 
    .wrap_box .sub_title p { font-size: 1.1rem; } 
    .sub_market_store .meta_market_store .store .table_box th { padding: 10px; height: 50px;}
    .sub_market_store .meta_market_store .store .table_box td {font-size: 1.1rem; padding: 0 10px;} 
    .sub_market_store .meta_market_store .store .bottom_box {padding: 16px 20px 33px 20px;}
    .sub_market_store .meta_market_store .store .table_box {padding: 0px 20px 35px 20px;}
    .sub_market_store .meta_market_store .store .under_box .under_con > span { left: 20px;}
    .sub_market_store .meta_market_store .store .bottom_box p {font-size: 13px;}
    .history_box .market_table th, .history_box .trans_table th { width: 30% !important;}
    .history_box .market_table th, .history_box .trans_table th, .history_box .market_table td, .history_box .trans_table td {font-size: 13px}
 }

@media all and (max-width: 500px) {.sub_market .enter_btn a { padding: 10px 16px; border-top-right-radius: 15px; border-bottom-left-radius: 15px; font-size: 1.5rem; } 
    .enter_btn a { gap: 30px }
    .tab_type4 ul li a { width: 70px; padding: 5px 0px; } 
 }

@media all and (max-width: 425px){
    .sub_market_store .meta_market_store .store .under_box .under_con > span { width: 90px; height: 90px;}
    .sub_market_store .meta_market_store .store .bottom_box .number {padding-left: 100px;}
    .sub_market_store .meta_market_store .store .under_box .under_con .store_title {
        padding: 45px 45px 0 0;
        text-align: right;
    }
    .sub_market_store .meta_market_store .store .bottom_box .number {
        text-align: right;
        padding-right: 25px;
        padding-left: 0;
    }
}


/* 
.stle_box .stle {}
.stle_box p {}
.wrap_box .sub_title h2 {}
.wrap_box .sub_title p {} */