@charset "UTF-8";
body{
    overflow-x: hidden;
    width:100%;
    height:100%;
}
.container-fluid{
    padding-left: 0px;
    padding-right:0px;
}
select{
    width:170px;
    height:35px;
    color:#959595;
    font-size:12px;
    padding:0 10px;
    border:#dfdfdf 1px solid;
}
/*div::scroolbars*/
select::-webkit-scrollbar {
  width: 6px!important;
}
 
select::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1)!important; 
  border-radius: 8px!important;
}
 
select::-webkit-scrollbar-thumb {
  border-radius: 10px!important;
  background-color: rgba(0,0,0,0.3)!important;
}
/* menu樣式 */
.alert_cart{
    position: absolute;
    padding:25px 0 0 0;
    top:85px;
    right:0px;
    display: block;
    height:152px;
    width:225px;
    z-index:100;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: 0px -2px 10px 2px rgba(237, 242, 246, 1);
    -moz-box-shadow: 0px -2px 10px 2px rgba(237, 242, 246, 1);
    box-shadow: 1px 1px 8px -3px rgba(80, 80, 80, 0.3);
    text-align: left;
}
.alert_cart:before{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 8px 8px 8px;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    top:-8px;
    right:18px;
    -webkit-box-shadow: 0px -2px 10px 2px rgba(237, 242, 246, 1);
    -moz-box-shadow: 0px -2px 10px 2px rgba(237, 242, 246, 1);
    box-shadow: 1px 1px 8px -3px rgba(80, 80, 80, 0.3);
}
.cart_info_left{
    display: inline-block;
    float:left;
    width:32%;
    height:76px;
    margin-bottom:9px;
    text-align: center;
    vertical-align: middle;
    background: #e4eef7;
    border-radius: 3px;
    margin-left:8%;
}
.cart_info_left img{
    width: 20px;
    margin:5px auto 0 auto;
}
.cart_info_right{
    display: inline-block;
    float:left;
    width:60%;
    height:95px;
    padding-left:10px;
    padding-right:8px;
}
.cart_info_right abbr{
    display: block;
}
.cart_info_right abbr.cont1{
    font-size:12px;
    color:#3989c6;
    margin-bottom:5px;
}
.cart_info_right abbr.cont2{
    font-size:12px;
    color:#626262;
    -webkit-transform : scale(0.85);
    -o-transform : scale(0.85); 
    transform : scale(0.85); 
    margin-left:-8px;
    margin-bottom:4px;
}
.cart_info_right abbr.cont3{
    font-size:12px;
    color:#626262;
    -webkit-transform : scale(0.85);
    -o-transform : scale(0.85); 
    transform : scale(0.85); 
    margin-left:-8px;
}
.cart_info_bottom{
    font-size:13px;
    cursor: pointer;
    color:#d7effa;
    text-align: center;
    display: inline-block;
    float:left;
    width:100%;
    height:36px;
    line-height: 36px;
    background: #579bce;
    border-radius: 0 0 4px 4px;
}
.main_header {
    background: #ffffff;
    padding: 15px 0;
    height: : 70px;
    border-bottom: 1px solid #e6eaef;
    -webkit-box-shadow: 0px -2px 10px 2px rgba(237, 242, 246, 1);
    -moz-box-shadow: 0px -2px 10px 2px rgba(237, 242, 246, 1);
    box-shadow: 0px -2px 10px 2px rgba(237, 242, 246, 1);

    position: fixed;
    z-index:301;
    top: 0;
    -moz-transition: top 0.2s ease-in-out;
    -o-transition: top 0.2s ease-in-out;
    -webkit-transition: top 0.2s ease-in-out;
    transition: top 0.2s ease-in-out;
    width: 100%;
}
.nav-up {
    top: -75px;
}
.main_menu{
    position: relative;
    top:10px;
}
.main_menu li {
    display: inline-block;
    color: #3989c6;
    font-size: 12px;
    font-weight: 100;
    letter-spacing: 0.5px;
}
.main_menu li a {
    color: #3989c6;
}
.main_menu li a:hover {
    color: #969696;
}
.main_menu li:after {
    content: "";
    display: inline-block;
    width: 35px;
    height: 10px;
    background-position: center center;
    background-size: 10px 10px;
    background-repeat: no-repeat;
    position: relative;
    top: 1px;
    background-image: url(../images/icon_close.png);
}

.main_menu li:nth-child(5) {
    margin-right: 13px;
}

.main_menu li:nth-child(5):after,
.main_menu li:nth-child(6):after {
    width: 0px;
    height: 10px;
}

/* step1樣式 */
.step1{
    width: 100%;
    max-height:747px;
    height:100%;
    margin-top:77px;
    display: block;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-image: url(../images/step1_bg.png);
}

.banner_cont{
    position: absolute;
    right:32%;
    width:325px;
    padding-top:23px;
    z-index: 50;
    margin-top:175px;
    display: block;
    background-image: url(../images/step1_font_clear.png);
    background-position: right top;
    background-repeat: no-repeat;
}
.banner_cont span{
    display: block;
}
.banner_cont span.cont1{
    font-size:13px;
    color:#959595;
    letter-spacing: 0.5px;
}
.banner_cont span.cont2{
    margin:10px 0 10px 0;
    background-image: url(../images/close.png);
    background-position: left top;
    height:25px;
    background-repeat: no-repeat;
}
.banner_cont span.cont3{
    font-size:18px;
    color:#3989c6;
    letter-spacing: 1px;
    margin-bottom:2px;
}
.banner_cont span.cont4{
    font-size:35px;
    color:#3989c6;
    letter-spacing: 1px;
}

/* .banner_box{
    position: absolute;
    right:0px;
    z-index:100;
    top:0px;
    width:50%;
    height:720px;
} */
.banner_item{
    position: absolute;
    width:auto;
    z-index:100;
    top:0px;
    margin-top:160px;
    display: block;
    width:47%;
    right:0px;
    height:100%;
}
.banner_item span.cont1{
    position: absolute;
    z-index: 1;
    left:-60px;
    top:20px;
    display: block;
    width:100%;
    height:100%;
    background-image: url(../images/step1_item_bg1.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.banner_item span.cont2{
    position: absolute;
    z-index: 2;
    left:-60px;
    top:20px;
    width:100%;
    height:100%;
    background-image: url(../images/step1_item_bg2.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.banner_item span.cont3{
    position: absolute;
    z-index: 3;
    left:-60px;
    top:20px;
    width:100%;
    height:100%;
    background-image: url(../images/step1_item_bg3.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.banner_item span.cont4{
    position: absolute;
    z-index: 4;
    left:160px;
    top:220px;
    width: 130px;
}
.banner_item span.cont4 img{
    display: inline-block;
    vertical-align: top;
    position: relative;
    top:-4px;
}
.banner_item span.cont4 abbr{
    display: inline-block;
    vertical-align: top;
    line-height: 18px;
    font-size : 11px;
    -webkit-transform : scale(0.9);
    -o-transform : scale(0.9); 
    color:#7d7d7d;
    letter-spacing: 1px;
}
.banner_item span.cont4 a{
    color:#7d7d7d;
}
.banner_item span.cont4 a:hover{
    color:#3989c6;
}
.scrolldown{
    position: absolute;
    bottom:-20px;
    width:100%;
    z-index:199;
}
/* step1 end */

/* step2 */
.step2{
    max-height:747px;
    height:747px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    background-image: url(../images/step2_bg.png);
}
.step2_item{
    position: relative;
    z-index:100;
    top:0px;
    margin-top:160px;
    display: block;
    width:100%;
    left:0px;
    height:400px;
}
.step2_item span.cont1{
    position: absolute;
    z-index: 1;
    left:50px;
    top:0px;
    display: block;
    width:100%;
    height:100%;
}
.step2_item span.cont2{
    position: absolute;
    z-index: 2;
    left:50px;
    top:0px;
    display: block;
    width:100%;
    height:100%;
}
.step2_item span.cont3{
    position: absolute;
    z-index: 3;
    left:50px;
    top:0px;
    display: block;
    width:100%;
    height:100%;
}
.step2_box{
    position: relative;
    left:0px;
    z-index:200;
    width:100%;
    display: block;
}
.step2_title{
    position: relative;
    left:-100px;
    margin-top:100px;
    height:80px;
    display: block;
    background-image: url(../images/step2_title_bg.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.step2_title span.cont1{
    color:#3989c6;
    font-size:28px;
    position: relative;
    top:25px;
    left:35px;
    letter-spacing: 0.2px;
}
.step2_cont{
    position: relative;
    z-index:20;
    margin-top:48px;
    left:-100px;
    display: block;
    width:100%;
    height:auto;
}
.step2_cont p{
    margin:0 0 25px 0;
}
.step2_cont p:nth-child(1){
    padding-left:75px;
}
.step2_cont p:nth-child(3){
    padding-left:95px;
    margin:0 0 0 0;
}
.step2_cont p span.cont1{
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.step2_cont p span.cont2{
    display: inline-block;
    width: 70%;
    vertical-align: middle;
    margin-left:-15px;
}
.step2_cont p span.cont2 abbr:nth-child(1){
    display: block;
    color:#3989c6;
    font-size:15px;
    margin-bottom:2px;
}
.step2_cont p span.cont2 abbr:nth-child(2){
    display: block;
    color:#959595;
    font-size:13px;
}
.step2_cont p:nth-child(2) span.cont2{
    padding-top:20px;
}
.step2_broken{
    position: relative;
    z-index:0;
    right:0px;
    top:-245px;
    display: block;
    width:100%;
    height:100%;
    vertical-align: bottom;
}
.step2_broken span{
    position: absolute;
    right:0px;
    top:0px;
}
.step2_broken span{
    z-index: 2;
}
.step2_broken span.case4{
    z-index: 1;
}
/* step2 end */

/* step3 */
.step3{
    max-height:747px;
    height:1000px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 100;
    background-image: url(../images/step3_bg.png);
}
.step3_box{
    position: relative;
    z-index:20;
}
.step3_item{
    position: relative;
    z-index:100;
    top:0px;
    left:0px;
    margin-top:160px;
    display: block;
    width:100%;
    height:400px;
}
.step3_item span.cont1{
    position: absolute;
    z-index: 1;
    left:-50px;
    top:0px;
    display: block;
    width:100%;
    height:100%;
}
.step3_item span.cont2{
    position: absolute;
    z-index: 2;
    left:-50px;
    top:0px;
    display: block;
    width:100%;
    height:100%;
}
.step3_item span.cont3{
    position: absolute;
    z-index: 3;
    left:-50px;
    top:0px;
    display: block;
    width:100%;
    height:100%;
}
.step3_item span.cont4{
    position: absolute;
    z-index: 3;
    right:5%;
    bottom:0px;
    display: block;
    width:auto;
    height:auto;
}
.step3_title{
    position: relative;
    left:0px;
    margin-top:100px;
    height:80px;
    display: block;
    background-image: url(../images/step3_title_bg.png);
    background-position: left top;
    background-repeat: no-repeat;
}
.step3_title span.cont1{
    color:#3989c6;
    font-size:30px;
    position: relative;
    top:25px;
    left:35px;
    letter-spacing: 0.2px;
}
.step3_ingredient{
    position: relative;
    display: block;
    margin:30px 0 25px 0;
}
.step3_ingredient span{
    display: inline-block;
    height:120px;
    padding-top:30px;
    text-align: center;
    vertical-align: middle;
}
.step3_ingredient span.dots{
    height:120px;
    width: 57px;
    background-image: url(../images/step4_dots.png);
    background-position: center center;
    background-repeat: no-repeat;
    margin:0 10px;
}
.step3_ingredient span.cont1{
    width: 110px;
    background-image: url(../images/step3_rode_bg1.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.step3_ingredient span.cont1 abbr{
    display: block;
}
.step3_ingredient span.cont1 abbr.cont1_txt1{
    color:#3989c6;
    font-size:22px;
}
.step3_ingredient span.cont1 abbr.cont1_txt2{
    color:#fff;
    font-size:12px;
}
.step3_ingredient span.cont2{
    width: 110px;
    background-image: url(../images/step3_rode_bg2.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.step3_ingredient span.cont2 abbr{
    display: block;
}
.step3_ingredient span.cont2 abbr.cont1_txt1{
    color:#3989c6;
    font-size:18px;
    line-height:23px;
}
.step3_ingredient span.cont2 abbr.cont1_txt2{
    color:#fff;
    font-size:12px;
}

.step3_desc{
    position: relative;
    display: block;
    padding-bottom:50px;
    background-image: url(../images/step3_roll_bg.png);
    background-position: left bottom;
    background-repeat: no-repeat;
}
.step3_desc p{
    line-height: 18px;
    width:75%;
    margin:0;
}
.step3_desc p.desc_txt1{
    color:#959595;
    font-size:12px;
}
.step3_desc p.desc_txt2{
    color:#c9c9c9;
    font-size:12px;
    margin:35px 0 10px 0;
    -webkit-transform : scale(0.9);
    -o-transform : scale(0.9);
    position: relative;
    left:-17px;
}
.step3_desc p.desc_txt3{
    color:#0075a9;
    font-size:12px;
}
.step3_desc p.desc_txt3 span.desc_txt3_f1{
    -webkit-transform : scale(0.9);
    -o-transform : scale(0.9);
    position: relative;
    left:-10px;
    top:-10px;
}
.step3_desc p.desc_txt3 span.desc_txt3_f2{
    position: relative;
    left:-24px;
}
.step3_desc p.desc_txt3 span{
    display: inline-block;
    vertical-align: middle;
}
/* step3 end */

/* step4 */
.step4{
    max-height:747px;
    height:1000px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 99;
    background: #fff;
}
.step4_title{
    position: relative;
    left:0px;
    margin-top:100px;
    height:80px;
    display: block;
    background-image: url(../images/step4_title_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
}
.step4_title span.cont1{
    color:#3989c6;
    font-size:28px;
    position: relative;
    top:25px;
    left:0px;
    letter-spacing: 0.2px;
}
.step4_story {
    padding:0;
    margin:50px 0 0 0;
    width:100%;
    height:100%;
    display: block;
    float:left;
}
.step4_story span{
    display: inline-block;
    float:left;
    width:25%;
    height:286px;
    padding:0;
    margin:0;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}
.story_dots{
    background-image: url(../images/step4_dots.png);
    background-repeat: no-repeat;
    background-position: right center;
    height:3px;
    width:33%!important;
    left:80%;
    top:-230px;
    display: block;
    position: relative;
    z-index:20;
}

.step4_story span.story1{
    background-image: url(../images/step4_part1_bg.png);
}
.step4_story span.story2{
    background-image: url(../images/step4_part2_bg.png);
}
.step4_story span.story3{
    background-image: url(../images/step4_part3_bg.png);
}
.step4_story span.story4{
    background-image: url(../images/step4_part4_bg.png);
}

.step4_story span abbr{
    display:block;
    width:100%;
}
.step4_story span abbr.cont1{
    height:286px;
    background-position: center top;
    background-repeat: no-repeat;
}
.step4_story span abbr.cont2{
    display:block;
    font-size: 13px;
    color:#3989c6;
    width:100%;
    position: relative;
    z-index: 1;
    bottom:115px;
    left:10px;
}
.step4_story span abbr.cont3{
    display:block;
    width:100%;
    position: absolute;
    z-index: 1;
    bottom:185px;
    left:20px;
}
.step4_story span abbr.cont4{
    display:block;
    height:89px;
    position: absolute;
    z-index: 1;
    top:-240px;
    left:-250px;
}
.step4_story span.story1 abbr.cont1{
    width: 100%;
    margin:0 auto;
    text-align: center;
}
.step4_story span.story1 abbr.cont1 img{
    position: relative;
    top:-40px;
    left:20px;
    margin:0 auto;
}
/* step4 end */

/* step5 */
.step5{
    max-height:747px;
    height:1000px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 98;
    background-image: url(../images/step3_bg.png);
}
.step5_title{
    position: relative;
    left:0px;
    margin-top:100px;
    height:80px;
    display: block;
    background-image: url(../images/step5_title_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
}
.step5_title span.cont1{
    color:#3989c6;
    font-size:28px;
    line-height:36px;
    position: relative;
    top:30px;
    left:-18px;
    letter-spacing: 0.2px;
}
.step5_story {
    padding:0;
    margin:0 0 0 0;
    width:100%;
    height:100%;
    display: block;
    float:left;
}
.step5_story span{
    display: inline-block;
    float:left;
    width:100%;
    height:380px;
    padding:0;
    margin:0;
    background-position: center top;
    background-repeat: no-repeat;
    position: relative;
}
.step5_story span.story1{
    background-image: url(../images/step5_part1_bg.png);
}
.step5_story span.story2{
    background-image: url(../images/step5_part1_bg.png);
}
.step5_story span abbr{
    display:block;
    width:100%;
}
.step5_story span abbr.cont1{
    height:380px;
    background-position: center top;
    background-repeat: no-repeat;
}
.step5_story span abbr.cont2{
    width:100%;
    position: absolute;
    z-index: 1;
    bottom:70px;
    left:0px;
}
.step5_story span abbr.cont2 div{
    display: block;
    position: relative;
}
.step5_story span abbr.cont2 div.txt1{
    font-size: 14px;
    color:#3989c6;
}
.step5_story span abbr.cont2 div.txt2{
    font-size: 12px;
    color:#959595;
    top:5px;
}
.step5_story span abbr.cont2 div.txt3{
    top:45px;
}
.step5_story span abbr.cont2 div.txt3 a{
    font-size: 12px;
    color:#edf6fc;
    background-color: #3989c6;
    padding: 10px 18px;
    text-align: center;
    letter-spacing: 1px;
    text-decoration: none;
}
.step5_story span.story1 abbr.cont1{
    width: 100%;
    margin:0 auto;
    text-align: center;
}
/* step5 end */

/* step6 */
.step6{
    max-height:747px;
    height:1000px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    z-index: 97;
    background-image: url(../images/step2_bg.png);
}
.step6_title{
    position: relative;
    margin-bottom:50px;
    left:0px;
    margin-top:80px;
    height:80px;
    display: block;
    background-image: url(../images/step6_title_bg.png);
    background-position: center top;
    background-repeat: no-repeat;
    text-align: center;
}
.step6_title span.cont1{
    color:#3989c6;
    font-size:28px;
    line-height:36px;
    position: relative;
    top:30px;
    left:0px;
    letter-spacing: 0.2px;
}
.step6_item{
    position: relative;
    z-index:100;
    top:0px;
    margin-top:0px;
    display: block;
    width:100%;
    left:0px;
    height:500px;
}
.step6_item span.cont1{
    position: absolute;
    z-index: 1;
    left:0px;
    top:0px;
    display: block;
    width:100%;
    height:100%;
}
.step6_item span.cont2{
    position: absolute;
    z-index: 2;
    left:0px;
    top:0px;
    display: block;
    width:100%;
    height:100%;
}
.step6_item span.cont3{
    position: absolute;
    z-index: 3;
    left:0px;
    top:0px;
    display: block;
    width:100%;
    height:100%;
}
.buy_item{
    width:100%;
    margin-top:50px;
}
.buy_item span{
    display: block;
}
.buy_item span.cont1{
    font-size:18px;
    color:#3989c6;
    margin-bottom:5px;
}
.buy_item span.cont1 abbr{
   letter-spacing: 1px;
}
.buy_item span.cont2{
    width:55%;
    font-size:12px;
    border-bottom: 1px dotted #9bb8ce;
    padding-bottom:15px;
    margin-bottom:15px;
}
.buy_item span.cont2 abbr.cont2_txt1{
    color: #626262;
    margin-right:12px;
}
.buy_item span.cont2 abbr.cont2_txt2{
    color: #aaaaaa;
}
.buy_item span.cont3{
    color:#3989c6;
    margin-bottom:10px;
}
.buy_item span.cont3 abbr.cont3_txt1{
    font-size:18px;
}
.buy_item span.cont3 abbr.cont3_txt2{
    font-size:38px;
}
.buy_item span.cont3 abbr.cont3_txt3{
    font-size:18px;
}
.buy_item span.cont3 abbr.cont3_txt4{
    font-size:12px;
    color:#9bb8ce;
}
.buy_item span.cont3 abbr.cont3_txt5{
    font-size:12px;
    color:#9bb8ce;
    letter-spacing: 0.5px;
    text-decoration: line-through;
}
.buy_item span.cont4{
    width:55%;
    font-size:12px;
    color:#959595;
    border-bottom: 1px dotted #9bb8ce;
    padding-bottom:25px;
    margin-bottom:15px;
}
.buy_item span.cont4 input{
    border:1px solid #dfdfdf;
    background: #fff;
    cursor: not-allowed;
    width:90px;
    height:32px;
    font-size:15px;
    color:#3989c6;
    padding:0 10px;
    margin:0 8px;
    border-radius: 0;
}
.buy_item span.cont4 abbr.cont4_txt1{
    margin-right:20px;
    vertical-align: middle;
}
.buy_item span.cont4 abbr.cont4_txt2 b{
    width:10px;
    display: inline-block;
}
.buy_item span.cont5{
    font-size:12px;
    color:#aaaaaa;
    margin-bottom:15px;
    padding-left:15px;
}
.buy_item span.cont5:before{
    content: "※";
    position: absolute;
    left:0px;
}
.buy_item span.cont6 a{
    font-size: 13px;
    color:#ffffff;
    background-color: #3989c6;
    width:188px;
    height:42px;
    line-height:42px;
    text-align: center;
    letter-spacing: 1px;
    display: block;
    border-radius: 3px;
}
.buy_item span.cont6 a .i_cart{
    background-image: url(../images/step6_icon_cart.png);
    background-position: right top;
    background-repeat: no-repeat;
    text-align: center;
    display: inline-block;
    width:19px;
    height:17px;
    vertical-align: middle;
    margin-right:5px;
    position: relative;
    top:-2px;
}
.buy_item span.cont7 {
    width:85%;
    position: relative;
}
.buy_item span.cont7 abbr.img_01,
.buy_item span.cont7 abbr.img_02,
.buy_item span.cont7 abbr.img_03,
.buy_item span.cont7 abbr.img_04,
.buy_item span.cont7 abbr.img_05,
.buy_item span.cont7 abbr.img_06{
    position: absolute;
    right:0px;
    margin-top:-98px;
}
.value-button{
    cursor: pointer;
}
/* step6 end */

/* step7 */
.step7{
    max-height:730px;
    height:1000px;
    position: relative;
    z-index: 97;
    background: #f7fafd;
}
.step7_person{
    position: absolute;
    left:0px;
    bottom:0px;
    width:100%;
}
.step7_person img{
    max-width:100%;
}
.step7_person span.cont1{
    position: absolute;
    left:0px;
    bottom:0px;
}
.step7_person span.cont2{
    position: absolute;
    left:0px;
    bottom:0px;
}
.step7_item{
    position: absolute;
    right:-50px;
    bottom:0px;
    width:100%;
}
.step7_item span.cont1{
    position: absolute;
    right:0px;
    bottom:0px;
}
.step7_item span.cont2{
    position: absolute;
    right:0px;
    bottom:0px;
}
.step7_item span.cont3{
    position: absolute;
    right:0px;
    bottom:0px;
}
.step7_item span.cont1 img,
.step7_item span.cont2 img,
.step7_item span.cont3 img{
    max-width:100%;
}
.step7_logo{
    position: absolute;
    display:inline-block;
    width:100%;
    top:45%;
    text-align: center;
}
.step7_logo abbr{
    display:block;
    color:#959595;
    font-size:12px;
    margin-top:12px;
    opacity: 0.5;
    -webkit-transform : scale(0.8);
    -o-transform : scale(0.8); 
    transform : scale(0.8); 
    text-align: center;
}
.step7_link{
    position: absolute;
    display:inline-block;
    width:100%;
    bottom:30px;
    text-align: center;
    z-index: 99;
}
.step7_link abbr a{
    color:#aaa;
    font-size:13px;
    margin:0 10px;
}
.step7_person_new{
    position: relative;
    z-index:100;
    top:0px;
    margin-top:0px;
    display: block;
    width:100%;
    left:0px;
}
.step7_person_new span.cont1{
    position: absolute;
    z-index: 1;
    left:0px;
    bottom:30px;
    display: block;
    width:100%;
    height:100%;
}
.step7_person_new span.cont2{
    position: absolute;
    z-index: 2;
    left:0px;
    bottom:30px;
    display: block;
    width:100%;
    height:100%;
}

.step7_item_new{
    position: relative;
    right:-50px;
    bottom:0px;
    height: 100%;
    width:100%;
}
.step7_item_new span.cont1{
    position: absolute;
    right:0px;
    bottom:0px;
}
.step7_item_new span.cont2{
    position: absolute;
    right:0px;
    bottom:0px;
}
.step7_item_new span.cont3{
    position: absolute;
    right:0px;
    bottom:0px;
}
.step7_item_new span.cont1 img,
.step7_item_new span.cont2 img,
.step7_item_new span.cont3 img{
    max-width:100%;
}
/* step7 end */

/* lightbox */
.cart_box{
    width: 100%;
    height:100%;
}
.order_box{
    width: 100%;
    height:100%;
    padding:10% 10%;
    background: #fff;
}
.order_box{
    width: 100%;
    height:1000px;
    padding:0;
    background: #fff;
}
.contact_box{
    width: 100%;
    height:515px;
    padding:0;
    background: #fff;
}
.order_box_left{
    display: inline-block;
    position:relative;
    z-index:1;
    width:35%;
    height:100%;
    float:left;
    padding:0 0 50px 0;
}
.order_box_left span.cont1{
    position:absolute;
    width:550px;
    left:0;
    bottom:80px;
    z-index: 1;
}
.order_box_left span.cont2{
    position:absolute;
    width:550px;
    left:0;
    bottom:80px;
    z-index: 2;
}
.order_box_left span.cont3{
    position:absolute;
    width:444px;
    left:0;
    bottom:240px;
    z-index: 3;
}
.order_box_left span.cont3.contact_item{
    width:330px;
    left:0;
    bottom:0px;
}
.order_box_right{
    display: inline-block;
    position:relative;
    z-index:2;
    width:65%;
    height:100%;
    float:left;
    padding:50px 40px 50px 40px;
    text-align: left;
}
.order_box_right.contact_margin{
    display: inline-block;
    position:relative;
    z-index:2;
    width:65%;
    height:100%;
    float:left;
    padding:50px 40px 50px 40px;
    text-align: left;
}
.contact_box{
    padding:0;
}
.cart_step_notice{
    display: block;
    position: absolute;
    left:-20px;
    top:20px;
    z-index:3;
    width:220px;
}
.cart_step_notice span{
    width:43px;
    max-width:43px;
    height:44px;
    display: inline-block;
    background-position: center center;
    background-size: 43px 44px;
    background-repeat: no-repeat;
    position: relative;
    background-image: url(../images/lightbox_step_bg2.png);
    line-height: 38px;
    color:#ffffff;
    font-size:18px;
    font-style: italic;
    padding-left:14px;
    text-align: left;
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}
.cart_step_notice span.active{
    background-image: url(../images/lightbox_step_bg1.png);
}
.cart_step_notice span.cont1:after,
.cart_step_notice span.cont2:after{
    content: ".........";
    color:#737373;
    display: inline-block;
    width:50px;
    height:20px;
    position: absolute;
    margin-left:25px;
    font-size:10px;
    letter-spacing: 1px;
}
.cart_step_notice span.cont2{
    margin:0 35px;
}
.cart_step_notice span.cont3{
    
}
/* .cart_dots{
    background-image: url(../images/step4_dots.png);
    background-repeat: no-repeat;
    background-position: right center;
    height:3px;
    width:33%!important;
    left:80%;
    top:-20px;
    display: block;
    position: relative;
    z-index:20;
} */
.cart_box_left{
    display: inline-block;
    position:relative;
    z-index:1;
    width:30%;
    height:100%;
    float:left;
    padding:80px 0 50px 0;
}
.bg_blue{
    background: #e5f1fb;
}
.cart_box_left span.cont1{
    position:absolute;
    width:550px;
    left:0;
    bottom:80px;
    z-index: 1;
}
.cart_box_left span.cont2{
    position:absolute;
    width:550px;
    left:0;
    bottom:80px;
    z-index: 2;
}
.cart_box_left span.cont3{
    position:absolute;
    width:550px;
    left:0;
    bottom:80px;
    z-index: 3;
}
.cart_box_right{
    display: inline-block;
    position:relative;
    z-index:2;
    width:70%;
    height:100%;
    float:left;
    padding:80px 50px 50px 50px;
    text-align: left;
}
.cart_step1 span{
    display: block;
}
.cart_step1 span.cont1{
    font-size:18px;
    color:#3989c6;
    margin-bottom:5px;
}
.cart_step1 span.cont1 abbr{
   letter-spacing: 1px;
}
.cart_step1 span.cont2{
    width:90%;
    font-size:12px;
    border-bottom: 1px dotted #9bb8ce;
    padding-bottom:15px;
    margin-bottom:15px;
}
.cart_step1 span.cont2 abbr.cont2_txt1{
    color: #626262;
    margin-right:12px;
}
.cart_step1 span.cont2 abbr.cont2_txt2{
    color: #aaaaaa;
}
.cart_step1 span.cont3{
    color:#959595;
    margin-bottom:12px;
}
.cart_step1 span.cont3 abbr,
.cart_step1 span.cont4 abbr,
.cart_step1 span.cont5 abbr,
.cart_step1 span.cont5-5 abbr,
.cart_step1 span.cont6 abbr,
.cart_step1 span.cont7 abbr{
    display: inline-block;
}
.cart_step1 span.cont3 abbr.cont3_txt1{
    font-size:12px;
    width:23%;
}
.cart_step1 span.cont3 abbr.cont3_txt2{
    font-size:15px;
    margin-right:3px;
}
.cart_step1 span.cont3 abbr.cont3_txt3{
    font-size:12px;
    margin-right:5px;
}
.cart_step1 span.cont3 abbr.cont3_txt4{
    font-size:12px;
    color:#9bb8ce;
}
.cart_step1 span.cont3 abbr.cont3_txt5{
    font-size:12px;
    color:#9bb8ce;
    letter-spacing: 0.5px;
    text-decoration: line-through;
}
.cart_step1 span.cont4{
    color:#959595;
    margin-bottom:12px;
}
.cart_step1 span.cont4 abbr.cont4_txt1{
    font-size:12px;
    width:23%;
}
.cart_step1 span.cont4 abbr.cont4_txt2{
    width:75%;
    font-size:15px;
    margin-right:3px;
}
.cart_step1 span.cont5{
    color:#959595;
    padding-bottom:12px;
    margin-bottom:8px;
    vertical-align: middle;
}
.cart_step1 span.cont5 abbr.cont5_txt1{
    font-size:12px;
    width:23%;
    vertical-align: middle;
}
.cart_step1 span.cont5 abbr.cont5_txt2{
    width:66%;
    font-size:15px;
    margin-right:0;
    vertical-align: middle;
}
.cart_step1 span.cont5 abbr.cont5_txt2 select{
    width: 16vw;
}
.cart_step1 span.cont5-5{
    color:#959595;
    padding-bottom:12px;
    margin-bottom:8px;
    vertical-align: middle;
}
.cart_step1 span.cont5-5 abbr.cont5_txt1{
    font-size:12px;
    width:23%;
    vertical-align: middle;
}
.cart_step1 span.cont5-5 abbr.cont5_txt2{
    width:66%;
    font-size:15px;
    margin-right:0;
    vertical-align: middle;
}
.cart_step1 span.cont5-5 abbr.cont5_txt2 select{
    width: 16vw;
}
.cart_step1 span.cont-notice,
.cart_step2 span.cont-notice{
    width:90%;
    color:#b14d55;
    border-bottom: 1px dotted #9bb8ce;
    padding-bottom:20px;
    margin-bottom:8px;
    font-size:11px;
    vertical-align: middle;
}
.cart_step2 span.cont-notice{
    width:100%;
}
.cart_step2 span.cont-notice{
    border-bottom: 0px dotted #9bb8ce;
}

.notice_info{
    display: none;
}
.cart_step1 span.cont6{
    width:90%;
    font-size:12px;
    margin-bottom:3px;
    text-align: right;
}
.cart_step1 span.cont6 abbr.cont6_txt1{
    font-size:12px;
    width:94px;
    color:#959595;
    margin-right:3px;
}
.cart_step1 span.cont6 abbr.cont6_txt2{
    font-size:18px;
    margin-right:6px;
    color:#626262;
/*     font-style: italic; */
    width:38px;
}
.cart_step1 span.cont6 abbr.cont6_txt3{
    font-size:12px;
    margin-right:5px;
}
.cart_step1 span.cont7{
    width:90%;
    font-size:12px;
    text-align: right;
    border-bottom: 1px solid #dfdfdf;
    padding-bottom:12px;
    margin-bottom:0px;
}
.cart_step1 span.cont7 abbr.cont7_txt1{
    font-size:12px;
    width:44px;
    color:#959595;
    margin-right:3px;
}
.cart_step1 span.cont7 abbr.cont7_txt2{
    font-size:18px;
    margin-right:6px;
    color:#959595;
/*     font-style: italic; */
    width:38px;
}
.cart_step1 span.cont7 abbr.cont7_txt3{
    font-size:12px;
    margin-right:5px;
}
.cart_step1 span.cont8{
    width:90%;
    font-size:12px;
    text-align: right;
    margin-bottom:10px;
}
.cart_step1 span.cont8 abbr.cont8_txt1{
    font-size:18px;
    color:#3989c6;
    margin-right:3px;
}
.cart_step1 span.cont8 abbr.cont8_txt2{
    font-size:38px;
    margin-right:6px;
    color:#3989c6;
}
.cart_step1 span.cont8 abbr.cont8_txt3{
    font-size:15px;
    margin-right:5px;
    color:#3989c6;
}
.cart_step1 span.cont9{
    width:90%;
    font-size:12px;
    margin-bottom:15px;
    text-align: right;
}
.cart_step1 span.cont9 a{
    font-size: 13px;
    color:#ffffff;
    background-color: #3989c6;
    width:188px;
    height:42px;
    line-height:42px;
    text-align: center;
    letter-spacing: 1px;
    display: block;
    border-radius: 3px;
    float:right;
}
.cart_step1 span.cont9 .i_cart{
    background-image: url(../images/mobile/icon_next.png);
    background-position: right top;
    background-repeat: no-repeat;
    text-align: center;
    display: inline-block;
    width:19px;
    height:17px;
    vertical-align: middle;
    margin-right:5px;
    position: relative;
    top:0px;
}
.cart_step3{
    text-align: left;
    margin-top:5%;
}
.cart_step3 span.cont1{
    font-size:23px;
    color:#3989c6;
    font-weight:bold;
    margin-bottom:20px;
    display: block;
}

.bg_white{
    background: #fff;
}

.cart_step2{
    position: relative;
    display: block;
    width: 100%;
}
.cart_step2 span{
    display: block;
    width:100%;
    margin-bottom:15px;
}
.cart_step2 span.cont6{
    text-align: right;
    margin-top:8px;
    float: left;
}
.cart_step2 span.cont6 abbr{
    display: inline-block;
    vertical-align: middle;
}
.prev_btn{
    margin-right:12px;
}
#invoice_1Div span,
#invoice_3Div span{
    margin-bottom:0px;
}
#invoice_3Div span.cont2{
    margin-bottom:12px;
}
#invoice_1Div span abbr.cont1_txt1,
#invoice_3Div span abbr.cont1_txt1{
    width: 23%;
}
#invoice_1Div span abbr.cont1_txt2,
#invoice_3Div span abbr.cont1_txt2{
    width: 75%;
}
.cart_step2 span.cont1,
.cart_step2 span.cont2,
.cart_step2 span.cont3{
    padding-bottom:6px;
    border-bottom:1px solid #dfdfdf;
}
.cart_step2 span.cont3{
}
.cart_step2 span abbr.cont1_txt1,
.cart_step2 span abbr.cont2_txt1,
.cart_step2 span abbr.cont3_txt1,
.cart_step2 span abbr.cont4_txt1{
    display: inline-block;
    width:23%;
    color:#626262;
    font-size:12px;
}
.cart_step2 span abbr.cont1_txt2,
.cart_step2 span abbr.cont2_txt2,
.cart_step2 span abbr.cont3_txt2,
.cart_step2 span abbr.cont4_txt2{
    width:75%;
}
.cart_step2 span abbr.cont3_txt2{
    margin-left:23%;
}
.cart_step2 span abbr.cont1_txt1{
    padding-top:10px;
}
#invoice_3Div span abbr.cont1_txt2 form,
.cont3_form form{
    width:76%;
    display: inline-block;
    padding-left:0px;
}
#invoice_3Div span abbr.cont1_txt2 form input,
#invoice_3Div span abbr.cont1_txt2 form select,
.cont3_form form input,
.cont3_form form select{
    display: inline-block;
}

#invoice_3Div span abbr.cont1_txt2 form input,
.cont3_form form input{
    width:65px!important;
    border: 1px solid #dfdfdf!important;
    height:35px!important;
    text-align: center;
    color: #959595!important;
    cursor: not-allowed;
    margin-left:0!important;
}
#invoice_3Div span abbr.cont1_txt2 form select,
.cont3_form form select{
    width:120px;
    margin-left:6px;
}
.cart_step2 span abbr.cont4_txt1{
    position: relative;
    top:0px
}
.cart_step2 span abbr.cont4_txt2{
    width: 250px;
    display: inline-block;
}
.cart_step2 span abbr.cont4_txt1 span {
    margin-bottom:0px!important;
}
.cart_step2 span.cont4{
    margin-bottom:10px;
    border-bottom:1px solid #dfdfdf;
    padding-bottom:20px;
}
.cart_step2 span.cont4 .custom-select span {
    margin-bottom:0px;
}
.cart_step2 span abbr.cont1_txt2 input,
.cart_step2 span abbr.cont2_txt2 input,
.cart_step2 span abbr.cont3_txt2 input{
    border:0px solid #dfdfdf;
    width:70%;
    height:32px;
    font-size:12px;
    color:#dfdfdf;
    padding:0;
    border-radius: 0;
}

/* .cart_step2 span abbr.cont3_txt2 input{
    margin-left:24%;
} */
.cart_step2 span textarea{
    border:1px solid #dfdfdf;
    border-top:0px solid #dfdfdf;
    border-radius: 0;
    height:115px;
    resize : none;
}
.cart_step2 span.cont6 abbr.prev_btn a{
    font-size: 13px;
    color:#ffffff;
    background-color: #aaa;
    width:170px;
    height:42px;
    line-height:42px;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 3px;
/*     float:left; */
}
.cart_step2 span.cont6 abbr.next_btn a{
    font-size: 13px;
    color:#ffffff;
    background-color: #3989c6;
    width:120px;
    height:42px;
    line-height:42px;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 3px;
/*     float:right; */
}
.cart_step2 span.cont6 .i_prev{
    background-image: url(../images/mobile/icon_prev.png);
    background-position: right top;
    background-repeat: no-repeat;
    text-align: center;
    display: inline-block;
    width:19px;
    height:17px;
    vertical-align: middle;
    margin-right:5px;
    position: relative;
    top:0px;
}
.cart_step2 span.cont6 .i_cart{
    background-image: url(../images/mobile/icon_next.png);
    background-position: right top;
    background-repeat: no-repeat;
    text-align: center;
    display: inline-block;
    width:19px;
    height:17px;
    vertical-align: middle;
    margin-right:5px;
    position: relative;
    top:0px;
}
.cart_step2 span.cont4 abbr.cont4_txt2 .custom-select-trigger {
    width: 242px;
}
.cart_step2 span.cont4 abbr.cont4_txt2 .custom-select-trigger span {
    margin-bottom:0px!important;
}

.cart_step3_inforation {
    display: block;
    width:100%;
    text-align: left;
}
.cart_step3_inforation span{
    display: inline-block;
    float:left;
    border-bottom:1px solid #dfdfdf;
}
.cart_step3_inforation span.cont_sec_title{
    display: block;
    width: 100%;
    font-size:13px;
    color:#84bbe6;
    border-bottom:1px dotted #9bb8ce;
    margin-top:50px;
    padding-bottom:14px;
}
.cart_step3_inforation span.info1{
    padding-bottom:6px;
    padding:9px 0;
    width: 50%;
}
.cart_step3_inforation span.info2{
    padding:13px 0;
    width: 100%;
}
.cart_step3_inforation span abbr.cont1_txt1,
.cart_step3_inforation span abbr.cont2_txt1,
.cart_step3_inforation span abbr.cont3_txt1{
    display: inline-block;
    width:100px;
    color:#959595;
    font-size:12px;
    vertical-align: top;
}
.cart_step3_inforation span.info1 abbr.cont1_txt2,
.cart_step3_inforation span.info1 abbr.cont2_txt2,
.cart_step3_inforation span.info1 abbr.cont3_txt2{
    width:auto;
    display: inline-block;
    color: #313131;
}
.cart_step3_inforation span.info2 abbr.cont1_txt2,
.cart_step3_inforation span.info2 abbr.cont2_txt2,
.cart_step3_inforation span.info2 abbr.cont3_txt2{
    width:70%;
    display: inline-block;
    vertical-align: text-top;
}
.cart_step3_inforation span.info2.order_middle abbr.cont1_txt2,
.cart_step3_inforation span.info2.order_middle abbr.cont2_txt2,
.cart_step3_inforation span.info2.order_middle abbr.cont3_txt2{
    vertical-align: middle;
}
.cart_step3_inforation span abbr.cont1_txt2 input,
.cart_step3_inforation span abbr.cont2_txt2 input,
.cart_step3_inforation span abbr.cont3_txt2 input{
    border:0px solid #dfdfdf;
    width:70%;
    height:32px;
    font-size:12px;
    color:#dfdfdf;
    padding:0;
    border-radius: 0;
}
.cart_step3_inforation span abbr.cont4_txt1{
    position: relative;
    top:0px
}
.cart_step3_inforation span abbr.cont4_txt2{
    width: 250px;
    display: inline-block;
}
.cart_step3_inforation span abbr.info4_txt1 span {
    margin-bottom:0px!important;
}
.cart_step3_inforation span.info4{
    margin-bottom:20px;
}
.cart_step3_inforation span.info4 .custom-select span {
    margin-bottom:0px;
}
.cart_step3_inforation span abbr.info2_txt2 input,
.cart_step3_inforation span abbr.info3_txt2 input{
    border:0px solid #dfdfdf;
    width:70%;
    height:32px;
    font-size:12px;
    color:#dfdfdf;
    padding:0;
    border-radius: 0;
}

.contact_cont{
    position: relative;
    display: block;
    width: 100%;
}
.contact_cont span{
    display: block;
    width:100%;
    margin-bottom:15px;
}
.contact_cont span.contact_title{
    font-size:23px;
    color:#3989c6;
    font-weight:bold;
    margin-bottom:20px;
    display: block;
    width: 100%;
    text-align: left;
    border-bottom:0px solid #fff;
}
.contact_cont span.cont1,
.contact_cont span.cont2,
.contact_cont span.cont3{
    padding-bottom:6px;
    border-bottom:1px solid #dfdfdf;
}
.contact_cont span abbr.cont1_txt1,
.contact_cont span abbr.cont2_txt1,
.contact_cont span abbr.cont3_txt1,
.contact_cont span abbr.cont4_txt1{
    display: inline-block;
    width:35%;
    color:#626262;
    font-size:12px;
    text-align: left;
}
.contact_cont span abbr.cont1_txt2,
.contact_cont span abbr.cont2_txt2,
.contact_cont span abbr.cont3_txt2,
.contact_cont span abbr.cont4_txt2{
    width:56%;
    display: inline-block;
    text-align: left;
}
.contact_cont span abbr.cont4_txt1{
    position: relative;
    top:0px
}
.contact_cont span abbr.cont4_txt2{
/*     width: 250px; */
    display: inline-block;
}
.contact_cont span abbr.cont4_txt1 span {
    margin-bottom:0px!important;
}
.contact_cont span.cont4{
    margin-bottom:25px;
}
.contact_cont span.cont4 .custom-select span {
    margin-bottom:0px;
}
.contact_cont span abbr.cont1_txt2 input,
.contact_cont span abbr.cont2_txt2 input,
.contact_cont span abbr.cont3_txt2 input{
    border:0px solid #dfdfdf;
    width:90%;
    height:32px;
    font-size:12px;
    color:#dfdfdf;
    padding:0 0 0 0;
    border-radius: 0;
}
.contact_cont span textarea{
    border:1px solid #dfdfdf;
    border-top:0px solid #dfdfdf;
    border-radius: 0;
    height:115px;
    resize : none;
}
.contact_cont span.cont6 abbr.prev_btn a{
    font-size: 13px;
    color:#ffffff;
    background-color: #aaa;
    width:120px;
    height:42px;
    line-height:42px;
    text-align: center;
    letter-spacing: 1px;
    display: block;
    border-radius: 3px;
    float:left;
}
.contact_cont span.cont6 abbr.send_btn{
    opacity: 1;
    font-weight: 100;
    text-shadow: none;
}
.contact_cont span.cont6 abbr.send_btn a{
    font-size: 13px;
    color:#ffffff;
    background-color: #3989c6;
    width:120px;
    height:42px;
    line-height:42px;
    text-align: center;
    letter-spacing: 1px;
    display: block;
    border-radius: 3px;
    float:right;
}
.contact_cont span.cont6 .i_prev{
    background-image: url(../images/mobile/icon_prev.png);
    background-position: right top;
    background-repeat: no-repeat;
    text-align: center;
    display: inline-block;
    width:19px;
    height:17px;
    vertical-align: middle;
    margin-right:5px;
    position: relative;
    top:0px;
}
.contact_cont span.cont6 .i_cart{
    background-image: url(../images/mobile/icon_next.png);
    background-position: right top;
    background-repeat: no-repeat;
    text-align: center;
    display: inline-block;
    width:19px;
    height:17px;
    vertical-align: middle;
    margin-right:5px;
    position: relative;
    top:0px;
}
.contact_cont span.cont4 abbr.cont4_txt2 .custom-select-trigger {
    width: 242px;
}
.contact_cont span.cont4 abbr.cont4_txt2 .custom-select-trigger span {
    margin-bottom:0px!important;
}

/* Remove controls from Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

/* Re-applies the controls on :hover and :focus */
input[type="number"]:hover,
input[type="number"]:focus {
  -moz-appearance: number-input;
}
input[type='number'] {
    -moz-appearance:textfield;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
*:focus {
    outline: none;
}
textarea:focus {
    outline: none;
}

.order_box span.cont1{
    font-size:23px;
    color:#3989c6;
    font-weight:bold;
    margin-bottom:0;
    display: block;
    width: 100%;
    text-align: left;
    border-bottom:0px solid #fff;
}
.order_box span.returns_cont{
    font-size:12px;
    color:#aaa;
    overflow-x: hidden;
    overflow-y: scroll;
    height:440px;
    display: block;
    padding-right:20px;
    border-bottom:0px #fff solid;
}
.order_box span.info_next{
    display: block;
    text-align: right;
    width:100%;
    border-bottom:0px solid #fff;
    margin-top:140px;
}
/*div::scroolbars*/
.returns_cont::-webkit-scrollbar {
  width: 6px!important;
}
 
.returns_cont::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 4px rgba(0,0,0,0.1)!important; 
  border-radius: 8px!important;
}
 
.returns_cont::-webkit-scrollbar-thumb {
  border-radius: 10px!important;
  background-color: rgba(0,0,0,0.3)!important;
}
.order_box span.info_next a{
    font-size: 13px;
    color:#ffffff;
    background-color: #3989c6;
    width:188px;
    height:42px;
    line-height:42px;
    text-align: center;
    letter-spacing: 1px;
    display: inline-block;
    border-radius: 3px;
/*     margin:0 auto; */
    -moz-transition: all 0.4s ease-in;
    -o-transition: all 0.4s ease-in;
    -webkit-transition: all 0.4s ease-in;
    transition: all 0.4s ease-in;
}
.order_box span.info_next a:hover{
    background: #aaa;
}
.order_box span.info_next a .i_cart{
    background-image: url(../images/mobile/icon_next.png);
    background-position: right top;
    background-repeat: no-repeat;
    text-align: center;
    display: inline-block;
    width:15px;
    height:14px;
    vertical-align: middle;
    margin-right:5px;
    position: relative;
    top:-2px;
}
/* lightbox end */
/* 手機版提示訊息 */
.notice_popup{
    display: none;
}