
.user-menu{
    min-height:99.172px;
}
/* header */
.product_menu{
    width:100%;
    height:140px;
    position:fixed;
    z-index:1001;
}
.product_list_header{
    width:100%;
    height:70px;
    background:#D6D6D6;
}
.main_menu_list{
    height:70px;
    display:flex;
    justify-content:center;
}
.main_menu_item{
    font-size:15px;
    font-weight:400;
    text-align:center;
    color:#525252;
    /*width:163px;*/
    width:142px;
    height:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
}
.main_menu_item.action{
    color:#FFF;
    background:#01134E;
}
.main_menu_item:hover{
    color:#FFF;
    background:#01134E;
}
.sub_menu_list{
    width:100%;
    height:70px;
    background:#FFF;
    border-bottom:1px solid #E9ECEF;
    display:flex;
    justify-content:center;
    align-items:center;
}
.sub_menu_top{
    display:none;
}
.sub_menu{
    display:flex;
}
.sub_menu_item{
    font-size:15px;
    font-weight:400;
    text-align:center;
    color:#525252;
    width:163px;
    position:relative;
    display:flex;
    justify-content:center;
    align-items:center;
    cursor:pointer;
}
.sub_items{
    width:156px;
    height:70px;
    display:flex;

}
.sub_items>a{
    width:156px;
    height:69px;
    display:flex;
    justify-content:center;
    align-items:center;
}
.sub_items:hover{
    color:#1279DB;
    border-bottom:2px solid #1279DB;
}
.hidden-menu{
    width:156px;
    display:none;
    border:1px solid #E9ECEF;
    background:#FFF;
    position:absolute;
    top:70px;
}
.hidden-menu>li{
    font-size:13px;
    font-weight:400;
    text-align:center;
    color:#525252;
    padding:8.5px 0 8.5px;
}
.hidden-menu>li>a:hover{
    color:#000000;
    border-bottom:1px solid #000000;
}
/* section */
.floating_banner{
    width:106px;
    height:177px;
    position:fixed;
    top:291px;
    left:1560px;
}
.floating_banner p{
    font-size:12px;
    font-weight:500;
    letter-spacing:-0.3px;
    color:#01134E;
    height:17px;
    margin:auto;
    margin-top:7.5px;
}
.floating_banner h3{
    font-family: 'Jalnan';
    font-size:19px;
    font-weight:400;
    letter-spacing:1.14px;
    color:#01134E;
    margin:auto;
}
.a_tag{
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.35px;
    color:#FFFFFF;
    width:81px;
    height:22px;
    display:flex;
    align-items:center;
    justify-content:center;
    border:1px solid #01134E;
    background:#01134E;
    margin:auto;
    margin-bottom:10px;
}
.item_title{
    font-size:29px;
    font-weight:400;
    text-align:center;
    padding:188px 0 56px 0;
}
.goods_itmes_table{
    display:flex;
    flex-wrap:wrap;
}
.banner-holder-inner{
    display:none;
}
.banner-holder-outer{
    display:none;
}
.iron-banner-holder{
    display:none;
}
.mini-banner-holder{
    display:none;
}
.holder_sub{
    display:none;
}
.lifesize-banner-holder{
    display:none;
}
.paper-banner-holder{
    display:none;
}
.rope{
    display:none;
}
.wooden{
    display:none;
}
.kyubang{
    display:none;
}
.silicon{
    display:none;
}
/* .tape{
        display:none;
} */
.goods_items_object{
    width:275px;
    height:404px;
    margin:4px;
    margin-bottom:58px;
    cursor:pointer;
}
.goods_items_object:hover{
    border-radius:20px;
    box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);
    z-index:100;
}

.goods_items_background{
    width:275px;
    height:275px;
    border:1px solid #FFF;
    border-radius:20px;
    background:#FFF;
    display:flex;
    justify-content:center;
    align-items:center;
}
.goods_items_title{
    font-size:17px;
    font-weight:400;
    text-align:left;
    margin:17px 0 6px 17px;
}
.goods_items_title>span{
    font-size:11px;
    font-weight:300;
    text-align:center;
    color:#FF5B59;
    padding:0 10.74px 0 10.74px;
    border:1px solid #FF5B59;
    border-radius:20px;
}
.goods_items_introduce{
    font-size:14px;
    font-weight:300;
    text-align:left;
    margin:0 0 12px 17px;
    word-spacing:-0.21px;
}
.goods_itmes_price{
    font-size:13px;
    font-weight:300;
    text-align:left;
    margin:0 0 0 17px;
}
.goods_itmes_price>span{
    font-size:17px;
    font-weight:400;
}

/* order-section */
.add_main_section{
    padding-top:166px;
    display:flex;
}
.add_main_section img{
    max-height:630px;
}
.main_img_section{
    width:630px;
    height:630px;
    border:1px solid #D6D6D6;
    display:flex;
    justify-content:center;
    align-items:center;
}
.sub_img_section{
    display:flex;
    justify-content:center;
}
.sub_img_section img{
    border:1px solid #F5F5F5;
    margin:16px 8.5px 0;
}
.sub_img_section .main_change_img.action{
    filter: brightness(80%)
}
.goods_order_section{padding-left:56px;}
.banner_title{
    font-size:25px;
    font-weight:400;
    color:#525252;
    text-align:left;
    margin-bottom:4.5px;
}
.goods_subtitle_border{
    width:453px;
    height:24px;
    border:1px solid #E9ECEF;
    border-radius:4px;
    background:#E9ECEF;
    margin-top:0.5rem;
    padding-left:3px;

}
.goods_subtitle{
    font-size:12px;
    font-weight:400;
    letter-spacing:-0.56px;
    color:#525252;
    text-align:left;
    margin-top:2px;
}
.banner_goods_order{
    display:flex;
    justify-content:space-between;
    align-items:center;
    padding-bottom:16px;
    position:relative;
}
#pole_holder_order{
    padding-top:16px !important;
    padding-bottom:0px;
}
.goods_order_img{
    display:flex;
    flex-wrap:wrap;
    justify-content: flex-start;
}
.goods_order>label{
    font-size:14px;
    font-weight:400;
    color:#525252;
    text-align:left;
}
.goods_order .pole_i_tag_comment{
    width:345px;
    height:214px;
    border:1px solid #000000;
    background:#FFF;
    position:absolute;
    top:557px;
    display:none;
    z-index:1;
}
.goods_order .steel_i_tag_comment{
    width:338px;
    height:79px;
    border:1px solid #000000;
    background:#FFF;
    position:absolute;
    top:678px;
    display:none;
    z-index:1;
}
.goods_order .pole_i_tag_text{
    width:328px;
    margin:auto;
}
.goods_order .pole_i_tag_text p{
    font-size:13px;
    font-weight:400;
    letter-spacing:-0.51px;
    width:328px;
    margin:auto;
}
.goods_order .pole_i_tag_comment span{
    font-size:13px;
    font-weight:500;
    letter-spacing:-0.33px;
    color:#FF5B59;
}
.pole_i_tag_comment .pole_i_tag_img{
    width:100px;
    height:100px;
    border:1px solid #707070;
    display:flex;
    justify-content:center;
}

.goods_order .banner_holder_amount{
    font-size:13px;
    font-weight:400;
    color:#525252;
    text-align:left;
    width:356px;
    height:33px;
    border:1px solid #D6D6D6;
}
.goods_order .pole_holder_category{
    font-size:12px;
    font-weight:400;
    color:#525252;
    width:356px;
    height:calc(1.5em + 0.75rem + 2px);
    padding:0.375rem 0.75rem;
    margin-left: 21px;
    border:1px solid #ced4da;
    background:#FFF;
}
.goods_order .steel_sub_option{
    font-size:12px;
    font-weight:400;
    color:#525252;
    width:356px;
    height:calc(1.5em + 0.75rem + 2px);
    padding:0.375rem 0.75rem;
    border:1px solid #ced4da;
    background:#FFF;
    margin-left: 51px;;
}
.goods_order .pole_holder_amount{
    font-size:13px;
    font-weight:400;
    color:#525252;
    text-align:left;
    width:100px;;
    height:33px;
    border:1px solid #D6D6D6;
}
.goods_info_img{
    width:111px;
    border:1px solid #D6D6D6;
}
.goods_info_img:nth-child(1){
    margin-right:11px;
}
.goods_info_img:nth-child(2){
    margin-right:11px;
}
.goods_info_img img{
    width:109px;
    height:89px;
}
.goods_comment{
    font-size:11px;
    letter-spacing:-0.11px;
    color:#525252;
    text-align:center;
    height:20px;
    background:#D6D6D6;
}
#banner{
    display:block;
}
#pole-1{
    display:none;
}
#pole-1 .order_menu{
    margin-top:6px;
}
#pole-2{
    display:none;
}
#pole-2 .order_menu{
    margin-top:6px;
}
#pole-3{
    display:none;
}
#pole-3 .order_menu{
    margin-top:6px;
}
#goods_5mm .order_menu{
    margin-top:6px;
}
.order_menu{
    width:453px;
    height:71px;
    background:#E9ECEF;
    display:flex;
    align-items:center;
    margin-top:1.8rem;
}
.pole_order_menu .goods_title{
    width:165px;
}
.order_menu:nth-child(1){
    width:453px;
    height:71px;
    background:#E9ECEF;
    display:flex;
    align-items:center;
    margin-top:1.9rem;
}
.order_menu:nth-child(2){
    width:453px;
    height:71px;
    background:#E9ECEF;
    display:flex;
    align-items:center;
    margin-top:0.5rem
}
.order_menu .order_menu_img{
    min-width:59px;
    min-height:59px;
    background:#FFF;
    margin:0 5.5px 0 7px;
}
.order_menu .goods_title{
    font-size:14px;
    font-weight:400;
    color:#525252;
    width:160px;
}
.count_number{
    display:flex;
    width:91px;
    margin:0 0 0 12.5px;
}
.count_number>button{
    font-size:14px;
    font-weight:400;
    text-align:center;
    color:#525252;
    width:29px;
    height:29px;
    background:#FFF;
    border:1px solid #D6D6D6;
}
.count_number>input{
    font-size:14px;
    font-weight:400;
    text-align:center;
    color:#525252;
    width:40px;
    height:29px;
    background:#FFF;
    border:1px solid #D6D6D6;
    border-left:none;
    border-right:none;
}
.count_number>input:focus{
    outline:none;
}
.count_number .box_selecter{
    width:110px;
    height:29px;
    border:1px solid #D6D6D6;
}
.order_menu .goods_price{
    font-size:14px;
    font-weight:400;
    text-align:center;
    color:#525252;
    padding-left:0.5em;
}
.order_menu .goods_10m_price{
    font-size:14px;
    font-weight:400;
    text-align:center;
    color:#525252;
    padding-left:1.4em;
}
.order_menu .top-pole_amount_sides_price{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #525252;
    padding-left: 2em;
}
.order_menu .top-pole_amunt_section_price{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #525252;
    padding-left: 2em;
}
.order_menu .lowe-pole_amount_price{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #525252;
    padding-left: 2em;
}
.order_menu .box_amount_price{
    font-size:14px;
    font-weight:400;
    text-align:center;
    color:#525252;
    padding-left:2em;
}
.order_menu .steel_sub_price{
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #525252;
    padding-left: 0.5em;
}
.order_menu i{
    font-size:16px;
    color:#707070;
    padding-left:8px;
    padding-right:8px;
    cursor:pointer;
}
.amount_payment{
    font-size:14px;
    font-weight:400;
    color:#525252;
    text-align:center;
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    margin-top:2rem;
    position:relative;
}
.amount_payment .i_tag{
    text-align:center;
    color:#FF5B59;
    margin-left:5px;
}
.amount_payment .i_tag_comment{
    font-size:13px;
    letter-spacing:-0.33px;
    color:#525252;
    width:364px;
    padding:9.5px 10px 9.5px 10px;
    position:absolute;
    border:1px solid #707070;
    background:#FFF;
    display:none;
    top:30px;
    z-index:99;
}
.i_tag_comment span{
    color:#FF5B59;
}
.order_button{
    margin-top:2rem;
}
.button_cart{
    font-size:14px;
    font-weight:400;
    color:#FF5B59;
    text-align:center;
    width:203px;
    height:35px;
    padding:5px;
    background:#FFF;
    border:1px solid #FF5B59;
    cursor:pointer;
}
.button_order{
    font-size:14px;
    font-weight:400;
    color:#FFF;
    text-align:center;
    width:203px;
    height:35px;
    background:#FF5B59;
    border:none;
    margin:0 3px 0 3px;
}
.button_link{
    font-size:14px;
    font-weight:400;
    color:#525252;
    text-align:center;
    width:35px;
    height:35px;
    background:#FFF;
    border:1px solid #D6D6D6;
}

.package-container {
  margin-top:164px;
}

.package-container .left-image-box {
  position:relative; width:630px; height:630px; border:1px solid #d6d6d6;
}

.package-container .left-image-box img {
  position:absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);
}

.package-container .right-invoice {
  padding-left: 56px;
}

.package-container .right-invoice .form .label {
  width:200px;
}

.package-container .right-invoice .form .thumb-box {
  display:flex; flex-direction: column; justify-content: space-between; width: 110px; height:110px; border: 1px solid #d6d6d6; text-align:center; overflow: hidden;
}

.package-container .right-invoice .form .thumb-box .txt {
  height:20px; background-color: #d6d6d6; font-size: 11px; text-align: center; padding: 2px 0;
}

.package-container .right-invoice .money-box {
  display: grid; grid-template-columns: 2.18fr 5.1fr 2.8fr 2.6fr 1fr; align-items: center; background-color: #e9ecef; padding: 10px;
}


.package-container .right-invoice .btn-cart2 {
  border: 1px solid #ff5b59; background-color: #fff; color: #ff5b59; padding: 6px 0;
}

.package-container .right-invoice .btn-order2 {
  border: none; background-color: #ff5b59; color: #fff; padding: 6px 0;
}

.package-container .right-invoice .btn-link2 {
  border: 1px solid #d6d6d6; background-color: #fff; padding: 5px 0;
}

.package-container .center-thumb {
  width:91px; height:91px; position:relative; margin:0 auto;
}

.package-container .center-thumb img {
  position:absolute; left:50%; top:50%; transform: translate(-50%, -50%); z-index:1;
}

.package-container .center-thumb .dark {
  position:absolute; left:0; top:0; width:100%; height:100%; background-color: rgba(0,0,0,0.3); z-index:2;
}

.package-container #fp-total {
  font-size: 26px; color: #ff5b59;
}

.package-timg {
  transition: transform 0.3s ease;
}

.package-timg:hover {
  transform: scale(1.1);
}

.hdirection input[type="radio"] {
  display: none !important;
}

.vdirection input[type="radio"] {
  display: none !important;
}

.hdirection input[type="radio"] + label {
  transition: all 0.5s; width:170px; height:170px; padding:0; text-align:center; padding-top:175px; background:url('/data/assets/images/order/icon/hline-normal.png') no-repeat; cursor:pointer;
}
.hdirection input[type="radio"]:checked + label {
  color:#1279bd;
  background: url('/data/assets/images/order/icon/hline-checked.png') no-repeat 0 0;
}
.hdirection input[type="radio"]:disabled + label {
  opacity: 0.3;
}


.vdirection input[type="radio"] + label {
  transition: all 0.5s; width:170px; height:170px; padding:0; text-align:center; padding-top:175px; background:url('/data/assets/images/order/icon/vline-normal.png') no-repeat; cursor:pointer;
}
.vdirection input[type="radio"]:checked + label {
  color:#1279bd;
  background: url('/data/assets/images/order/icon/vline-checked.png') no-repeat 0 0;
}
.vdirection input[type="radio"]:disabled + label {
  opacity: 0.3;
}

.btn-prv-next:hover {
  opacity:1 !important;
}

.d2d3:hover {
  filter: brightness(0.5) contrast(1.3) saturate(0.8) sepia(0.2);
}