@charset "utf-8";
.whiteBg { width:100%; height:100%; position:fixed; left:0; top:0; background:rgba(255,255,255,0); z-index: 9; display:none;}
#sit { width:1200px; left:0; margin:0 auto; } 
#fp_tabs { padding:0; margin:0 0; }
#fp_tabs > ul > li > a > span {    display: inline-block;
    position: relative;
    background: #fff100;
    color: #000;
    font-weight: bold;
    font-size: 11px;
    width: 40px;
    margin: -7px 5px 0 0;
    height: 24px;
    line-height: 24px;
    border-radius: 15px; }
.simple_info .simple_degree { display:none; }

#sit_ov_wrap { width:100%; display:inline-block; margin:0 0; }
#sit_ov_wrap #calendar_p, #sit_ov_wrap .planSide2 { float:left; display:inline-block; position:relative; }
#sit_ov_wrap #calendar_p { width:830px; }
#sit_ov_wrap .planSide2 { width:350px; float: right; align-self: flex-start; padding:20px 15px; display:inline-block; background:#fff; position:sticky; -webkit-position:sticky; top:40px; }

#calendar { width:100%; margin:0; border:0; border-radius: 0; }

.moveright { left:100%; transition: left .3s; }  
#sit_ov_wrap, #sit_ov_wrap > #sit_pvi, #sit_ov_wrap > #sit_pvi > #sit_pvi_big {width:100%; background:#fff; } 
#sit_pvi_big > img { width:100%; }
  
#sit_ov_wrap .planSide2.fixedOn { width:350px;
    position: fixed; display:inline-block; 
    z-index: 9990;
    background-color: #fff;
    top: 52px; margin-left:20px;
}
#sit_inf_explan {  border:#e2e2e2 1px solid; border-top:0;  }
.item_option { position:relative; padding:0 7px; } 
.item_option > ul > li > h3.pack_calcu { font-size:16px; font-weight: normal;  text-align: center; padding:0 15px; height:43px; line-height: 43px; margin:0 0 10px 0; }
.item_option > ul > li > h3.pack_calcu > * { display:none; float: left; line-height: 43px; margin:0 3px 0 0;}
.item_option > ul > li > h3.pack_calcu > em {  display:inline-block; text-align: center; width:100%; }
#btn_myorder { background:#ff8601; border-color:#ff8601; color:#fff; padding:0 20px; font-size:15px; height:30px; line-height: 30px; position:absolute; top:50%; right:7px; margin:-15px 0 0 0;}
.btn_myorder { display:inline-block; width:100%; margin:20px 0; padding:15px; border:#e2e2e2 1px solid;}
.btn_myorder > .btn_line_up { border:0; position:absolute; left:50%; top:0; width:26px; height:26px; margin:0 0 0 -13px; background:url('../../../../../svg/icon_line_up.svg') no-repeat center center; background-size:26px 26px; opacity: .2;}
.btn_myorder > ul { display:inline-block; width:100%; text-align: center; position:relative; min-height: 300px; }
.btn_myorder > ul > p { display:inline-block; width:100%; height:400px; line-height: 400px; background:#f8f8f8; text-align: center; font-size:12px; color:#888; display:none;}
.btn_myorder > ul.heightUp { }
.btn_myorder > ul > h1 { text-align:center; margin:20px 0 15px 0; display:inline-block; width:100%; }
.btn_myorder > ul > h1 > strong { font-weight: normal; display:inline-block; height:36px; line-height: 36px; background:#ff8601; border-radius: 20px 20px 20px 20px; padding:0 15px;}
.btn_myorder > ul > h1 > strong.dawn_title { background: #41416b !important; color:#fff !important;  }
.btn_myorder > ul > h1 > strong.dawn_title > * { color:#fff !important; }
.btn_myorder > ul > h1 > strong.dawn_title > span { color:#ffe400 !important; }
.btn_myorder > ul > h1 > strong > * { display:inline-block; font-size:15px; color:#fff; font-style: normal; margin:0 5px;}
.btn_myorder > ul > h1 > strong > span { font-weight: bold; }
.btn_myorder > ul > li { width:100%; float: left; margin:0 0 5px 0;  cursor: pointer; padding:0 3px;  text-align: left; }
.btn_myorder > ul > li.li_1 { width:100%; }
.btn_myorder > ul > li.li_2 { width:50%; }
.btn_myorder > ul > li.li_3 { width:33.3%; }
.btn_myorder > ul > li.post { width:200px; padding:0 0 !important; height:80px; margin:-50px 0 0 -100px; cursor: default; text-align: center; position:absolute; left:50%; top:50%; }
.btn_myorder > ul > li.post > strong { display:inline-block; float: left; width:100%; font-weight: normal; font-size:13px; color:#888; margin:20px 0 0 0;}
.post .avatar {
  float: left;
  width: 50px;
  height: 50px;
  background-color: #ccc;
  border-radius: 5px;
  margin: 0px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-avatar 1.6s infinite linear;
}
.post .line {
  float: left;
  width: 140px;
  height: 16px;
  margin-top: 8px;
  margin-left: 8px;
  border-radius: 4px;
  background-image: linear-gradient(90deg, #ddd 0px, #e8e8e8 40px, #ddd 80px);
  background-size: 600px;
  animation: shine-lines 1.6s infinite linear;
}
.post .avatar + .line {
  margin-top: 4px;
  width: 100px;
}
.post .line ~ .line {
  background-color: #ddd;
}

@keyframes shine-lines {
  0% {
    background-position: -100px;
  }
  40%, 100% {
    background-position: 140px;
  }
}
@keyframes shine-avatar {
  0% {
    background-position: -32px;
  }
  40%, 100% {
    background-position: 208px;
  }
}
.btn_myorder > ul > h1 > strong.empty_strong { background:#eeeeee; width:200px; }
.btn_myorder > ul > li > div,.btn_myorder > ul > li > div > ul {  width:100%; display:inline-block; height:50px;}
.btn_myorder > ul > li > div { border:#e2e2e2 1px solid; overflow: hidden;}
.btn_myorder > ul > li.itemSig > div {  }
.btn_myorder > ul > li:not(.post) > div:hover { border-color:#cecece; background: url('../../../../../svg/icon_newwin3.svg') no-repeat right 8px center; background-size:12px 12px;  }
.btn_myorder > ul > li > div > ul > li { float:left;  }
.btn_myorder > ul > li > div > ul > li:first-child { width:50px;  display:inline-block; height:50px;  }
.btn_myorder > ul > li > div > ul > li:first-child img { width:50px; height:50px; position:relative; }
.btn_myorder > ul > li > div > ul > li:last-child { width:calc(100% - 50px); -webkit-width:calc(100% - 50px); padding:8px 0 0 4px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;  }
.btn_myorder > ul > li > div > ul > li > h2, .btn_myorder > ul > li > div > ul > li > h5 { font-weight: normal; }
.btn_myorder > ul > li > div > ul > li > h2 { font-size:13px; color:#000; }
.btn_myorder > ul > li.itemSig > div > ul > li > h2 { font-weight: bold; }
.btn_myorder > ul > li > div > ul > li > h5 { font-size:11px; color:#888; }
.btn_myorder > h2 { padding:0 0 5px 0; font-weight: bold; font-size:15px; }
.btn_myorder > h2 > strong { display:inline-block; margin:0 0 0 10px; font-size:12px; font-weight: normal; }
.btn_myorder > h2 > strong > span { color:#ff8601; font-weight: bold; }
.btn_myorder > h3 { font-size:11px; margin:0 0 15px 0; font-weight: normal; color:#999; }
.op_select { position: relative;
    top: 0; border:0;
    left: 0;
    display: inline-block;
    background: #fff; 
    width: 100%; }
.op_select > ul > li > a { font-size:17px; height:40px; line-height: 40px;  padding:0 0 0 38px; background:url('../../../../../svg/icon_radio_off.svg') no-repeat left 10px center; background-size:20px 20px;  }
.op_select > ul > li.selected > a { font-size:18px; height:40px; line-height: 40px;  padding:0 0 0 38px; background:url('../../../../../svg/icon_radio_on.svg') no-repeat left 10px center; background-size:20px 20px; font-weight: bold; color:#ff8601; }
.op_select2 { margin:0 0 20px 0; text-align: left; }
.op_select2 > ul > li { padding-left:40px; margin:0 0 5px 0; position:relative; }
.op_select2 > ul > li { background:url('../../../../../svg/icon_radio_off.svg') no-repeat left 10px center; background-size:20px 20px; }
.op_select2 > ul > li.on { background:url('../../../../../svg/icon_radio_on.svg') no-repeat left 10px center; background-size:20px 20px; }
.op_select2 > ul > li > * { display:inline-block; line-height: 44px;}
.op_select2 > ul > li > span { font-size:15px; width:60px; }
.op_select2 > ul > li > strong {  width: 70px; margin:0 4px 0 0;}
.op_select2 > ul > li > em.noline { text-decoration: none; color:#000; }
.op_select2 > ul > li > i { position:absolute; top:50%; right:7px; margin:-15px 0 0 0;}

#calendar .date-tr td { padding:0; cursor: pointer; position:relative; text-align: center; }
#calendar table { border:0; border-collapse:separate; border-spacing: 0 3px; }
.calendarView { min-height: 100px; }
.calendarView table thead th { width:auto; }
.calendarView table thead th { font-weight: normal; text-align: center; padding:8px 0; font-size:12px; border-top:#e2e2e2 1px solid; border-bottom:#e2e2e2 1px solid;}
.calendarView table thead th:first-child { color:#df0000; border-left:0; }
.calendarView table thead th:last-child { color:#0075a9; border-right:0; }
.calendarView table thead, .calendarView tbody tr {
    display:table;
    width:100%;
    table-layout:fixed;
}
.calendarView:after { display:none; }
.calendarView tbody { display: block; height: 325px; overflow: auto;   }
.calendarView table tbody td { height:40px; }
.calendarView table tbody tr.date-tr {  }
.calendarView table tbody tr.date-tr td { height:48px; }
.calendarView table tbody tr.date-tr td:after { border:0; }

.calendarView table tbody tr.date-tr td .firstEatH { border:0; height:100%; width:100%; right:0; }
.calendarView table tbody tr.date-tr td .date { float: none; text-align: center; border-radius: 3px; height:auto; line-height: normal; padding:2px 0; width:95%; background-color:transparent;}
.calendarView table tbody tr.date-tr td.notShip1:not(.select) > .date { background:url('../../../../../svg/icon_not.svg') no-repeat center center; background-size:20px 20px; opacity: .3 !important;}
.calendarView table tbody tr.date-tr td.select > .date { opacity: 1 !important; }
#calendar .date-tr td .degree {  background:transparent; color:#ff8601; position:relative; width:100%;  top:0; left:0; }
.calendarView table tbody tr.date-tr td.notShip1 { background:transparent; }
#calendar .date-tr td.select { background:#fff6b8 !important; }
#calendar .date-tr td.selectfirst { background:#ff8601 !important; border-radius: 5px 0 0 5px; }
#calendar .date-tr td.selectlast { background:#ff8601 !important; border-radius: 0 5px 5px 0;  }

#calendar .date-tr td.dawn_td.selectfirst { background:#41416b !important; }
#calendar .date-tr td.dawn_td { background:#515181 !important; }
#calendar .date-tr td.dawn_td.selectlast { background:#41416b !important; }
.calendarView table tbody tr.date-tr td.dawn_td .date { color:#fff !important; }
#calendar .date-tr td.dawn_td .degree { display:block; color:#ffe400 !important; font-size:0.68rem; margin:3px 0 0 0; }
.calendarView table tbody tr.date-tr td.dawn_td .date.circle { background-color:transparent; }


.calendarView table tbody tr.date-tr td .date.circle { width:93%; }
.calendarView table tbody tr.date-tr td.selectfirst .date,.calendarView table tbody tr.date-tr td.selectlast .date { color:#fff; }
#calendar .date-tr td .degree { padding:0; margin:0; font-weight: normal; }
#calendar .date-tr td:last-child:after { display:none; }
#calendar .date-tr td .sltext {  
    color: #fff;
    display: inline-block;
    font-style: normal;
    font-size: 11px;
    padding: 0;
    border-radius: 2px;
    position: relative;
    z-index: 999;
    width: 99.6%;
    left: 0.2%;
    margin: 0 0 0 0;}
#calendar .date-tr td .not { padding:0; margin:0; }

#plan_selected { width:100%; display:inline-block; padding:0; margin:0;   } 
#plan_selected.fixedOn { width:830px;
    position: fixed; 
    z-index: 9990;
    background-color: #fff;
    top: 52px;  }
.btn_myorder.fixedOn { margin:110px 0 20px 0 !important; }
#plan_selected > ul { float: left; }
#plan_selected > ul.inf_choice { width:100%; display:inline-block; padding:0; margin:20px 0; background:#17a0b6; }
#plan_selected > ul.inf_choice > li { float: left; position:relative; }
#plan_selected > ul.inf_choice > li.pc_choice_1 { width:180px; padding:0 5px 0 40px; background:url('../../../../../svg/icon_basket_w.svg') no-repeat left 15px center; background-size:15px 15px; }
#plan_selected > ul.inf_choice > li.pc_choice_2 { width:180px; padding:0 5px 0 40px; background:url('../../../../../svg/icon_mapholder_w.svg') no-repeat left 15px center; background-size:15px 15px; }
#plan_selected > ul.inf_choice > li.pc_choice_3 {width:300px; padding-left:40px; background:url('../../../../../svg/icon_calendar_w.svg') no-repeat left 15px center; background-size:15px 15px; }
#plan_selected > ul.inf_choice > li > strong { display:block; width:100%; color:#fff; height:50px; line-height: 50px; font-weight: normal; font-size:16px; cursor: pointer; padding:0 20px 0 0; background:url('../../../../../svg/arrow-down.svg') no-repeat right 10px center; background-size:10px 10px; }
#plan_selected > ul.inf_choice > li:last-child > strong {  }

#plan_selected > ul.inf_tabs { width:100%; display:inline-block; padding:0; margin:20px 0; background:#fff; height:50px; border-bottom:#e2e2e2 1px solid; }
#plan_selected > ul.inf_tabs > li { float: left; position:relative; }
#plan_selected > ul.inf_tabs > li > a { display:block; height:50px; line-height: 50px; padding:0 20px; font-size:15px;}
#plan_selected > ul.inf_tabs > li > a.on { font-weight: bold; color:#ff8601; border-bottom:#ff8601 2px solid;}

#plan_selected_form { width:100%; height:100%; position:fixed; left:0; top:100%; z-index: 9999999; display:inline-block; transition: top .3s; }
#plan_selected_form.show { top:0px; }
#plan_selected_form > .ps_form { width:100%; display:inline-block; position:absolute; left:0; bottom:0; background:#fff; z-index: 99; border-radius: 20px 20px 0 0; padding:25px 20px;}
#plan_selected_form > .ps_form > ul > li { display:none; }
#plan_selected_form > .ps_form > ul > li > h2 {  text-align:left; font-weight: bold; font-size:18px; padding:0 0 15px 0;}
.plan_selected_day { width:430px; position:absolute; background:#fff; left:0; top:50px; padding:20px; background-color: #fff; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.08); box-shadow: 0 2px 6px rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.08); border-radius: 0 0 3px 3px; display:none; z-index: 9999; }
.plan_selected_day > h2 { font-size:14px; padding:0 0 7px 0; }
.plan_selected_day > h1 {  font-size:18px; padding:0 0 10px 0; letter-spacing: normal; }
.plan_selected_day > h2 > strong { display:inline-block; font-weight: bold; color:#ff8601; margin:0 0 0 10px; letter-spacing: normal;}
#plan_selected_form > .ps_bg { width:100%; height:100%; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.3); z-index: 9; opacity:0; transition: all 1s; cursor: pointer; }
#plan_selected_form > .ps_form .btn_plan_selected { width:100%; height:45px; color:#fff; background:#ff8601; border:0; font-size:18px; border-radius: 4px; margin:10px 0 0 0; }
#plan_selected_form > .ps_form  > .btn_close { position:absolute; top:25px; right: 20px; background:#fff url('../../../../../svg/btn_close2.svg') no-repeat center center; width:20px;height:20px; background-size:15px 15px; border:0; opacity: .3; }


#plan_item_form { width:100%; height:100%; background:#fff; position:fixed; left:-100%; top:0; z-index: 99999999; display:inline-block; transition: left .3s; overflow-y: auto; }
#plan_item_form.show { left:0; }
#plan_item_form.notransition { transition:none !important; }
#plan_item_form > ul { width:100%; display:inline-block; }
#plan_item_form > ul > li { width:100%; }
#plan_item_form > h1 { text-align: center; font-size:18px; border-bottom:#e2e2e2 1px solid; padding:0 0; height:50px; line-height: 50px;}
#plan_item_form > .btn_close { position:absolute; top:0; right: 0; background:#fff url('../../../../../svg/btn_close2.svg') no-repeat center center; width:49px;height:49px; background-size:15px 15px; border:0; opacity: .3; }
#plan_item_form > ul > li.f_it_img { text-align:center; margin:20px 0 0 0; }
#plan_item_form > ul > li.f_it_img img { width:300px; height:300px; }
#plan_item_form .f_it_info { padding:20px 0; }
#plan_item_form .f_it_info > h1 { font-size:22px; margin:0 0 20px 0; padding:0 20px; }
.item_info_table {
    width: 100%;
    border-top: 1px solid #eee;
}
.item_info_table tbody tr th, .item_info_table tbody tr td {
    border-bottom: 1px solid #eee;
    padding: 10px;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
}
.item_info_table tbody tr th {
    width: 30%;
    background: #fafafa;
}
.item_info_table tbody tr td {
    width: 70%;
}

#plan_selected_item {  padding:0 0 0 0; font-size:22px; display:inline-block; width: 100%; position:relative; cursor: pointer; }
#plan_selected_item > span { display:inline-block; width:20px; height:20px; background:url('../../../../../svg/btn_arrow_down.svg') no-repeat center top 5px; background-size:15px 15px; margin:0 0 0 20px;  }
.plan_selected_item { width:90%; position:absolute; background:#fff; left:0; top:65px; padding:20px; background-color: #fff; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.08); box-shadow: 0 2px 6px rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.08); border-radius: 3px; display:none; z-index: 9999; }
.plan_selected_item > h2 { padding: 0 0 5px 0;
    font-weight: bold;
    font-size: 15px; }
#sit_btn_cart.noCart { background:#ccc !important; border-color:#ccc !important; }

.item_option > ul > li { padding:0 0; }
.item_option > ul > li.simple_info {  padding:15px 0 15px 26px; border-top: #e2e2e2 1px solid; background:url('../../../../../svg/icon_delivery.svg') no-repeat left top 17px; background-size:16px 16px; }
.item_option > ul > li.simple_info > span { display:inline-block; letter-spacing: -1px; font-size:12px; width:100%; margin:0 0 5px 0; color:#333; }
.item_option > ul > li.simple_info > span > em { font-style: normal; }
.item_option > ul > li.simple_info > span > em#my_recv_date { font-weight: bold; }
.item_option > ul > li.simple_info > span > em > span { font-weight: bold; }
.item_option > ul > li > h5 { display:inline-block; height:30px; line-height: 30px; margin:0 0 7px 0; }
.item_option > ul > li > h5 > * { display:inline-block; float: left; font-style: normal; font-weight: 300; margin:0 7px 0 0; }
.item_option > ul > li > h5 > strong { font-size:18px; font-weight: bold; color:#000;}
.item_option > ul > li > h5 > em { font-size:12px; color:#888; text-decoration: line-through; }
.item_option > ul > li > h6 { font-weight: normal; height:22px; line-height: 22px; font-size:12px; margin:0 0 15px 0; }
.item_option > ul > li > h6 > * { display:inline-block; float: left; font-style: normal; font-weight: normal; margin:0 3px 0 0; border:#e2e2e2 1px solid; padding:0 10px; border-radius: 12px 12px 12px 12px; }
.item_option > ul > li > h6 > .icon_ship_free { border-color:#22ac38; color:#22ac38; }
.item_option > ul > li > h6 > .icon_point { padding-left:25px; background:url('../../../../../svg/icon_coins.svg') no-repeat left 8px center; background-size:12px 12px; }
.item_option > ul > li > h6 > .icon_ship_num { display:none; border-color:#ff8601; color:#ff8601; }
.item_option > ul > li > h4 { font-size:14px; color:#444; margin:10px 0 0 0; font-weight: normal; }
.item_option > ul > li > h2 { font-size:12px; color:#ff8601; margin:20px 0 10px 0;}

.item_option .selectedoption {  display:none; }
 
.plan_selected_term, .plan_selected_addr { text-align: center; width:400px; position:absolute; background:#fff; left:0; top:50px; padding:20px; background-color: #fff; -webkit-box-shadow: 0 2px 6px rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.08); box-shadow: 0 2px 6px rgba(0,0,0,.16), 0 0 0 1px rgba(0,0,0,.08); border-radius: 0 0 3px 3px; display:none; z-index: 9999; }
.plan_selected_term > h2 { font-size:14px; padding:0 0 7px 0; text-align: left; }
.plan_selected_term > h1 {  font-size:18px; padding:0 0 10px 0; letter-spacing: normal; }
.plan_selected_term > h2 > strong { display:inline-block; font-weight: bold; color:#ff8601; margin:0 0 0 10px; letter-spacing: normal;}


.it_opt_cty { width:auto; margin:0 auto; display:inline-block; padding:15px 0 30px 0; text-align: center; }
.it_opt_cty > * { display:inline-block; height:30px; line-height: 30px; float: left; }
.it_opt_cty > button { width:30px; border:0; margin:0 10px; text-indent: -999999999px; }
.it_opt_cty > button#it_opt_minus { background:url('../../../../../svg/btn_r_minus.svg') no-repeat center center; background-size:20px 20px;}
.it_opt_cty > button#it_opt_plus { background:url('../../../../../svg/btn_r_add.svg') no-repeat center center; background-size:20px 20px;}
.it_opt_cty > strong { width:60px; text-align: center; font-size:24px; font-weight: bold; }

.item_option > ul > li.sit_tot_price { padding:10px 0; display:none; }
.item_option > ul > li.sit_tot_price > * { display:inline-block; float: left; width:50%; height:50px; line-height: 50px; }
.item_option > ul > li.sit_tot_price > span { font-size:14px;  }
.item_option > ul > li.sit_tot_price > strong { font-size:25px; text-align: right; letter-spacing: normal; }
.item_option > ul > li.sit_tot_price > strong > em { font-style: normal; font-size:16px; font-weight: normal; display:inline-block; height:50px; line-height: 50px; }