@charset "utf-8";
a{text-decoration: none;color:#fff;}
a:visited,a:active{color:#fff;}
#chrismas_body{background: url(images/merry_christmas_bg.jpg) top center no-repeat;height: 4796px;margin: 0;}
#banner{width:100%;height: 800px;margin: 0 auto;}
#banner #title{width: 100%;max-width: 1170px;height: 100%;margin: 0 auto 0 auto;overflow: hidden;position: relative;}
#banner h1{text-align: left;margin: 0;color: #fff;position: absolute;left: 16%;top: 155px;line-height: 0.8;}
#banner h1 #large{font-size: 50px;font-family: Helvetica,Sans-serif;font-weight: bold;}
#banner h1 #small{font-size: 17px;font-family: Arial,Verdana;font-weight: normal;}
#banner #wish{position:absolute;left: 14%;top: 238px;font-size: 22px;font-family: cursive,Myriad;color: #fff;}

#product{height: 2332px;}
#product .item{width: 98%;max-width: 1170px;margin: 20px auto;overflow: hidden;clear: both;}
#product .item .pic{width: 45%;float:left;}
#product .item .pic.fr{float: right;}
#product .item .pic img{width: 100%;}
#product .item .description{width: 55%;height:231px;margin-top: 2%;float: right;font-size: 16px;font-family:Arial, Helvetica, Tahoma, Verdana, Sans-Serif;background: url(images/Santa_Claus.png) center center no-repeat;}
#product .item .description .title{margin: 42px 100px 33px 70px;padding-left: 20px;color:#db000e;}
#product .item .description .title h2{line-height: 1;margin: 0;font-size: 24px;}
#product .item .description .content ul{list-style: none;margin: 20px 100px 20px 54px;font-size: 18px;line-height: 1.5;}
#product .item .description .content ul li.font_color_green{color:#2e7637;}
#product .item .description .content ul li.font_color_red{color:#db000e;}
#product .item .description .btn_div{text-align: center;overflow: hidden;padding: 10px 0;}
#product .item .description .btn_div .btn{height:33px;line-height:33px;margin: 10px;padding: 8px 18px;background: #fe3030;color: #fff;border: 0;border-radius: 5px;}
#product .item .description .btn_div .btn.order{margin-left: -100px;}
#product .item .description.column_3{background: url(images/Santa_Claus_1.png) center center no-repeat;}
#product .item .description.column_3 .title{margin-top: 57px;margin-bottom: 30px;}
#product .item .description.fl{float: left;text-align: right;background: url(images/reindeer.png) center center no-repeat;}
#product .item .description.fl .title{margin: 95px 80px 0 70px;}
#product .item .description.fl .content ul{margin: 10px 80px 20px 54px;}
#product .item .description.fl .btn_div .btn.order{margin-left: 120px;}
#product #pfq{margin: 30px auto;}
#product #gpy .pic img{margin-left: 39px;}
#product #gpy .description.column_3{margin-top:100px;}
#product #pls .description .title h2{font-size: 20px;padding-top: 4px;}

#product_list{width: 100%;max-width:1170px;height: 600px;margin: 30px auto;overflow: hidden;}
#product_list #description{width: 92%;margin: 10px auto;color:#fff;font-family: cursive,Myriad;}
#product_list #product_list_box{width: 88%;margin: 70px auto 20px auto;overflow: hidden;}
#product_list #product_list_box .product_list_item{width:24%;margin: 0 0.5%;float: left;}
#product_list #product_list_box .product_list_item img{width: 100%;}

#leave_message{width: 100%;max-width:1170px;margin: 30px auto;padding: 30px 0;overflow: hidden;}
#leave_message #leave_message_title{width: 73%;margin: 10px auto;position:relative;color: #f11200;font-weight: bold;font-size: 24px;font-family:Arial, Helvetica, Tahoma, Verdana, Sans-Serif;}
#leave_message #leave_message_title #arrow{position: absolute;top: 36px;left: 410px;}
#leave_message .message_form{width: 73%;margin: 10px auto;}
#leave_message .message_form ul{list-style: none;font-size: 18px;margin: 0;padding: 0 0 0 20px;}
#leave_message .message ul{list-style: none;}
#leave_message .message li{ line-height:28px; height:28px; margin-bottom:15px; font-size:18px;margin-left: 0;padding-left: 0;}
#leave_message .message li .msg{ float:left; color:#333; width:22%; margin-right:1%; text-align:left;line-height: 1.5;}
#leave_message .message li .input-checkbox{float: left;width: auto;height: auto;overflow: hidden;}
#leave_message .message li .msg-checkbox{width: 77%;float: left;}
#leave_message .message li .msg-checkbox input{padding: 0;margin: 3px 0 3px 4px;}
#leave_message .message li .msg-checkbox label{font-weight: normal;padding: 0 10px 0 0;}
#leave_message .message li .msgbtn{ float:left; color:#333; width:22%; margin-right:1%; text-align:right;}
#leave_message .message li input.text{ background:#ffffff;border: 1px solid #d2d2d2; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; height:28px; line-height:28px;width:48%; padding: 0px 5px 0px 5px;font-family: "microsoft yahei",'SimSun',sans-serif;}
#leave_message .message li input.text{color:#212121;}
#leave_message .commentText{background:#ffffff; border:1px solid #d2d2d2; border-radius:4px;width:54%; height:100px; padding:10px 10px 10px 6px; font-size:12px; color:#212121;font-family: "microsoft yahei",'SimSun',sans-serif;line-height: 20px;}
#leave_message .message li.comment{ height:auto;overflow: hidden; }
#leave_message .message .submit{color:#212121;}
#leave_message .message .submitBtn{padding-left: 15px;padding-right: 15px; height:34px; border: 0; box-shadow: 0 2px 2px -2px #DDD inset; border-radius:4px; background-color:#0864BB;color: #FFF;font-size: 18px;font-family: sans-serif;cursor:pointer}
#leave_message .star{color: #e31c15;padding-right: 3px;float: right;padding-top: 2px;}

@media screen and (max-width: 1199px) {
    #product{height: 2290px;}
    #product .item{margin: 6% auto;}
    #product .item .pic.fr{width: 40%}
    #product .item .description{margin-top: 0;}
    #product .item .description.fl{width: 60%;}
    #product .item .description .title{margin-left: 45px;}
    #product .item .description .content ul{margin-left: 25px;}
    #product #gpy .description.column_3{margin-top:50px;}
    #product #pls .description .title h2{font-size: 18px;}
}
@media screen and (max-width: 1023px) {
    #chrismas_body{height: auto;}
    #banner h1{left:10%;}
    #banner #wish{left:8%;}

    #product{width: 100%;height:auto;margin: 0 auto;background: #fefaf2;}
    #product .item .pic{width:100%;text-align: center;}
    #product .item .pic.fr{width: 100%}
    #product .item .description{width:100%;height:auto;margin-top: 10px;padding-top: 0;background-position: top center;}
    #product .item .description.fl{width: 100%;padding-top: 0;margin-top: 10px;background-position: top center;}
    #product .item .description.column_3{background-position: top center;}
    #product .item .pic img{width: auto;height: 60%;}
    #product .item .description .title{margin: 43px auto 10px auto;padding-left: 25%;}
    #product .item .description.fl .title{margin: 100px auto 0 auto;padding-right: 25%;}
    #product .item .description.column_3 .title{margin: 45px auto 10px auto;padding-left: 25%;}
    #product .item .description .content ul{margin: 0;padding: 25px 0 20px 25%;}
    #product .item .description.fl .content ul{margin: 0;padding-right: 25%;padding-top: 15px;}
    #product #gpy .description.column_3{margin-top: 0;}

    #product_list{height: auto;margin: 30px auto 0 auto;padding: 20px 0;background: #fe3030;}
    #product_list #product_list_box{width: 92%;margin: 20px auto;}

    #leave_message{
        height: auto;
        margin: 0 auto 20px auto;
        background-color: #e4edf6;
        background: -webkit-gradient(linear, left top, right bottom, from(#e4edf6), to(#ffffff));
        background: -webkit-linear-gradient(top, #e4edf6, #ffffff);
        background: -moz-linear-gradient(top, #e4edf6, #ffffff);
        background: -ms-linear-gradient(top, #e4edf6, #ffffff);
    }
    #leave_message #leave_message_title{width: 92%;}
    #leave_message .message_form{width: 92%;}
}
@media screen and (max-width: 768px) {
    #banner h1{left: 14%;}
    #banner #wish{left: 14%;}
    #product_list #product_list_box .product_list_item{width: 49%;}
    #product_list #product_list_box .product_list_item:nth-child(3){clear: both !important;}
}
@media screen and (max-width: 720px) {
    #chrismas_body{background: url(images/merry_christmas_bg_m.jpg) top center no-repeat;}
    #banner{height: 214px;}
    #banner h1{top:55px;}
    #banner h1 #large{font-size: 43px;}
    #banner h1 #small{font-size: 15px;}
    #banner #wish{top: 120px;font-size:16px;}

    #product .item .pic img{width: 100%;height: auto;}
    #product .item .description .title{padding-left: 15%;}
    #product .item .description.fl .title{padding-right: 15%;}
    #product .item .description.column_3 .title{padding-left: 15%;}
    #product .item .description .content ul{padding-left: 15%;}
    #product .item .description.fl .content ul{padding-right: 15%;}
}
@media screen and (max-width: 591px) {
    #product .item .description.fl{background-position: top right;}
}
@media screen and (max-width: 521px) {
    #product .item .description{background-position: top left;}
    #product .item .description.column_3{background-position: top left;}
}
@media screen and (max-width: 500px) {
    #banner #title{position: relative;}
    #banner h1{position: relative;left: 2%;width: 100%;height: auto;overflow: hidden;}
    #banner h1 #large{font-size: 32px;}
    #banner h1 #small{font-size: 15px;}
    #banner #wish{position: relative;left: 2%;top: 70px;width: 100%;height: auto;}

    #product .item .description .title{padding-left: 3%;}
    #product .item .description.fl .title{padding-right: 3%;}
    #product .item .description.column_3 .title{padding-left: 3%;}
    #product .item .description .content ul{padding-left: 3%;}
    #product .item .description.fl .content ul{padding-right: 3%;}
    #product .item .description.fl .btn_div{text-align: right;}
    #product .item .description.fl .btn_div .btn.order{margin-left: auto;}

    #product_list #product_list_box{width: 95%;}

    #leave_message #leave_message_title{width: 95%;font-size:18px;}
    #leave_message #leave_message_title #arrow{display: none;}
    #leave_message .message_form{width: 95%;}
    #leave_message .message_form ul{padding-left: 0;}
    #leave_message .message li input.text{width: 70%;}
    #leave_message .commentText{width: 70%;}
}
@media screen and (max-width: 450px) {
    #product .item .description .btn_div{text-align: left;}
    #product .item .description .btn_div .btn.order{margin-left: 10px;}
    #leave_message .message li{height: auto;}
    #leave_message .star{float: left;}
    #leave_message .message li .msg{width: 100%;}
    #leave_message .message li .msg-checkbox{width: 100%;}
    #leave_message .message li input.text{width: 95%;}
    #leave_message .commentText{width: 93%;}
}