/*Feature in Product*/
/*detailWarperMain*/
#detailWarperMain{ background:#ffffff; padding:2em 0;position:relative;}
#detailWarperMain .main_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
    min-height: 400px;
}

#detailWarperMain .content {
	float:left; 
	width:700px; 
	margin-top:10px;
	position:relative;
}
#detailWarperMain .content .main_content dt {
	font-size: 36px;
	letter-spacing: 0.05em; 
	text-align:left;
	line-height:1.1;
	font-weight:normal;
	color: #01b844;
}
#detailWarperMain .content .main_content dd {
	font-size: 14px;
	letter-spacing: 0.05em; 
	text-align:left; 
	padding:1em 0; 
	color:#444;
}
#detailWarperMain .content .main_content dd a{height: 50px;width: 180px;background:no-repeat;border: 1px solid #666666;border-radius: 5px;display: inline-block;line-height: 50px;text-align: center;color: #01b844;font-size: 18px;margin-right: 8px;}
#detailWarperMain .content .main_content dd a:hover{background:#01b844;border: 1px solid #01b844;color: #ffffff;}

#detailWarperMain .content .other dd {
	margin-bottom: 10px;
}
#detailWarperMain .content .other dd em{
	font-size: 14px;
	color:#444;
}
#detailWarperMain .content .other .downBtn {
    position: relative;
    color: #6296a0;
    padding: 0px 5px;
    font-size: 13px;
    display: inline-block;
    -webkit-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms;
    outline: 0;
}

#detailWarperMain .pic {
	float:right;
	position:relative; 
	margin-left:30px;
	margin-top: 30px;
	max-width: 420px;
	max-height: 300px;
}
#detailWarperMain .pic img{
	width: 414px;
	height: 298px;
    /*right: 0px;*/
}

/*detailWarperMain_02*/
#detailWarperMain_02{ background:#e0e3df; padding:2em 0;position:relative;}
#detailWarperMain_02 .main_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
    min-height: 600px;
}
#detailWarperMain_02 .content {
    /*float:left; */
    width:100%; 
    /*height:500px; */
    margin-top:10px;
    position:relative;
}
#detailWarperMain_02 .content dt {
    font-size: 36px;
    letter-spacing: 0.05em; 
    text-align:left;
    line-height:1.1;
    font-weight:normal;
    color: #01b844;
}
#detailWarperMain_02 .content dd {
    width: 100%;
    height: 500px;
}
#detailWarperMain_02 .content dd img{
    width: 100%;
    height: 500px;
}
#detailWarperMain_02 .other {
    margin-top: 30px;
}
#detailWarperMain_02 .other em{
    font-size: 14px;
    color:#444;
}
#detailWarperMain_02 .other .downBtn {
    position: relative;
    color: #6296a0;
    padding: 0px 5px;
    font-size: 13px;
    display: inline-block;
    -webkit-transition: all 218ms;
    -o-transition: all 218ms;
    transition: all 218ms;
    outline: 0;
}
/*detailWarperMain_03*/
#detailWarperMain_03{ background:#ffffff; padding:2em 0;position:relative;}
#detailWarperMain_03 .main_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
    min-height: 400px;
}
#detailWarperMain_03 .content {
    /*float:left; */
    width:100%; 
    margin-top:10px;
    position:relative;
}
#detailWarperMain_03 .content .main_content dt {
    font-size: 36px;
    letter-spacing: 0.05em; 
    text-align:left;
    line-height:1.1;
    font-weight:normal;
    color: #01b844;
}
#detailWarperMain_03 .content .main_content dd {
    font-size: 14px;
    letter-spacing: 0.05em; 
    text-align:left; 
    padding:0 0 0 15em; 
    color:#444;
}
#detailWarperMain_03 .content .main_content dd .disc {
    font-size: 12px;
    letter-spacing: 0.05em; 
    text-align:left; 
    padding:1em 0; 
    color:#444;
}

/*detailWarperMain_04*/
#detailWarperMain_04{ background:#e0e3df; padding:2em 0;position:relative;}
#detailWarperMain_04 .main_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
    min-height: 230px;
}
#detailWarperMain_04 .content {
    /*float:left; */
    width:100%; 
    margin-top:10px;
    position:relative;
}
#detailWarperMain_04 .content dt {
    font-size: 36px;
    letter-spacing: 0.05em; 
    text-align:left;
    line-height:1.1;
    font-weight:normal;
    color: #01b844;
}
#detailWarperMain_04 .content dd {
    float: left;
    width: 200px;
    height: 200px;
    padding:0 0 0 5em;
}
#detailWarperMain_04 .content dd img{
    width: 150px;
    height: 150px;
    margin-top: 15px;
    margin-left: 25px;
}
#detailWarperMain_04 .content dd p{
    width: 100%;
    height: 20px;
    text-align: center;
    font-size: 12px;
    color:#444;
    margin-top: 5px;
}

/*detailWarperMain_05*/
#detailWarperMain_05{ background:#ffffff; padding:2em 0;position:relative;}
#detailWarperMain_05 .main_box {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
    /*min-height: 400px;*/
}
#detailWarperMain_05 .content {
    /*float:left; */
    width:100%; 
    margin-top:10px;
    position:relative;
}
#detailWarperMain_05 .content dt {
    font-size: 36px;
    letter-spacing: 0.05em; 
    text-align:left;
    line-height:1.1;
    font-weight:normal;
    color: #01b844;
}
#detailWarperMain_05 .content dd {
    width: 100%;
    height: 100%
    padding:0 0 0 5em;
}
#detailWarperMain_05 .content dd img{
    max-width: 800px;
    max-height: 1000px;
    /*margin-top: 15px;*/
    margin-left: 100px;
}

#detailWarperMain_05 .content_table {
    width:100%; 
    height: 110px;
    margin-top:10px;
    position:relative;
    padding: 0px 0px 0px 100px;
    /*background-color: #eef8ee;*/
}
#detailWarperMain_05 .content_table .title2{
    width:200px; 
    height: 110px;
    font-size: 30px;
    letter-spacing: 0.05em; 
    text-align:center;
    line-height:110px;
    font-weight:normal;
    color: #000;
    border-right: 1px solid #ffffff;
    float: left;
    background-color: #eef8ee;
}


#detailWarperMain_05 .content_table table.table {
    font-family: verdana,arial,sans-serif;
    font-size:14px;
    color:#333333;
    border-collapse: collapse; 
    float: left;
    background-color: #eef8ee;
}
#detailWarperMain_05 .content_table table.table td {
    height: 27px;
    min-width: 300px;
}
.tableCellGreen {
    background-color: rgb(229, 248, 189)!important;
}



/*mobile*/
@media screen and (max-width: 1199px){
    body { margin:0; padding:0;}
    #detailWarperMain {width:100%; padding:0;}
    #detailWarperMain_02 {width:100%; padding:0;}
    #detailWarperMain_03 {width:100%; padding:0;}
    #detailWarperMain_04 {width:100%; padding:0;}
    #detailWarperMain_05 {width:100%; padding:0;}
    #detailWarperMain .main_box {
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        min-height: 400px;
    }

    #detailWarperMain .content {
        float:left; 
        width:60%; 
        margin-top:10px;
        position:relative;
    }
    #detailWarperMain .content .main_content dt {
        font-size: 36px;
        letter-spacing: 0.05em; 
        text-align:left;
        line-height:1.1;
        font-weight:normal;
        color: #01b844;
    }
    #detailWarperMain .content .main_content dd {
        font-size: 14px;
        letter-spacing: 0.05em; 
        text-align:left; 
        padding:1em 0; 
        color:#444;
    }
    #detailWarperMain .content .main_content dd a{height: 50px;width: 180px;background:no-repeat;border: 1px solid #666666;border-radius: 5px;display: inline-block;line-height: 50px;text-align: center;color: #01b844;font-size: 18px;margin-right: 8px;}
    #detailWarperMain .content .main_content dd a:hover{background:#01b844;border: 1px solid #01b844;color: #ffffff;}

    #detailWarperMain .content .other dd {
        margin-bottom: 10px;
    }
    #detailWarperMain .content .other dd em{
        font-size: 14px;
        color:#444;
    }
    #detailWarperMain .content .other .downBtn {
        position: relative;
        color: #6296a0;
        padding: 0px 5px;
        font-size: 13px;
        display: inline-block;
        -webkit-transition: all 218ms;
        -o-transition: all 218ms;
        transition: all 218ms;
        outline: 0;
    }

    #detailWarperMain .pic {
        float:right;
        position:relative; 
        margin-left:30px;
        margin-top: 30px;
        max-width: 220px;
        max-height: 180px;
    }
    #detailWarperMain .pic img{
        width: 210px;
        height: 175px;
        /*right: 0px;*/
    }

    /*detailWarperMain_02*/
    #detailWarperMain_02{ background:#e0e3df; padding:2em 0;position:relative;}
    #detailWarperMain_02 .main_box {
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        min-height: 600px;
    }
    #detailWarperMain_02 .content {
        /*float:left; */
        width:100%; 
        /*height:500px; */
        margin-top:10px;
        position:relative;
    }
    #detailWarperMain_02 .content dt {
        font-size: 36px;
        letter-spacing: 0.05em; 
        text-align:left;
        line-height:1.1;
        font-weight:normal;
        color: #01b844;
    }
    #detailWarperMain_02 .content dd {
        width: 100%;
        height: 500px;
    }
    #detailWarperMain_02 .content dd img{
        width: 100%;
        height: 500px;
    }
    #detailWarperMain_02 .other {
        margin-top: 30px;
    }
    #detailWarperMain_02 .other em{
        font-size: 14px;
        color:#444;
    }
    #detailWarperMain_02 .other .downBtn {
        position: relative;
        color: #6296a0;
        padding: 0px 5px;
        font-size: 13px;
        display: inline-block;
        -webkit-transition: all 218ms;
        -o-transition: all 218ms;
        transition: all 218ms;
        outline: 0;
    }
    /*detailWarperMain_03*/
    #detailWarperMain_03{ background:#ffffff; padding:2em 0;position:relative;}
    #detailWarperMain_03 .main_box {
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        min-height: 400px;
    }
    #detailWarperMain_03 .content {
        /*float:left; */
        width:100%; 
        margin-top:10px;
        position:relative;
    }
    #detailWarperMain_03 .content .main_content dt {
        font-size: 36px;
        letter-spacing: 0.05em; 
        text-align:left;
        line-height:1.1;
        font-weight:normal;
        color: #01b844;
    }
    #detailWarperMain_03 .content .main_content dd {
        font-size: 14px;
        letter-spacing: 0.05em; 
        text-align:left; 
        padding:0 0 0 15em; 
        color:#444;
    }
    #detailWarperMain_03 .content .main_content dd .disc {
        font-size: 12px;
        letter-spacing: 0.05em; 
        text-align:left; 
        padding:1em 0; 
        color:#444;
    }

    /*detailWarperMain_04*/
    #detailWarperMain_04{ background:#e0e3df; padding:2em 0;position:relative;}
    #detailWarperMain_04 .main_box {
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        min-height: 230px;
    }
    #detailWarperMain_04 .content {
        /*float:left; */
        width:100%; 
        margin-top:10px;
        position:relative;
    }
    #detailWarperMain_04 .content dt {
        font-size: 36px;
        letter-spacing: 0.05em; 
        text-align:left;
        line-height:1.1;
        font-weight:normal;
        color: #01b844;
    }
    #detailWarperMain_04 .content dd {
        float: left;
        width: 200px;
        height: 200px;
        padding:0 0 0 5em;
    }
    #detailWarperMain_04 .content dd img{
        width: 150px;
        height: 150px;
        margin-top: 15px;
        margin-left: 25px;
    }
    #detailWarperMain_04 .content dd p{
        width: 100%;
        height: 20px;
        text-align: center;
        font-size: 12px;
        color:#444;
        margin-top: 5px;
    }

    /*detailWarperMain_05*/
    #detailWarperMain_05{ background:#ffffff; padding:2em 0;position:relative;}
    #detailWarperMain_05 .main_box {
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
        /*min-height: 400px;*/
    }
    #detailWarperMain_05 .content {
        /*float:left; */
        width:100%; 
        margin-top:10px;
        position:relative;
    }
    #detailWarperMain_05 .content dt {
        font-size: 36px;
        letter-spacing: 0.05em; 
        text-align:left;
        line-height:1.1;
        font-weight:normal;
        color: #01b844;
    }
    #detailWarperMain_05 .content dd {
        width: 100%;
        height: 100%
        padding:0 0 0 5em;
    }
    #detailWarperMain_05 .content dd img{
        max-width: 70%;
        max-height: 1000px;
        /*margin-top: 15px;*/
        margin-left: 10px;
    }

    #detailWarperMain_05 .content_table {
        width:100%; 
        height: 110px;
        margin-top:10px;
        position:relative;
        padding: 0px 0px 0px 100px;
        /*background-color: #eef8ee;*/
    }
    #detailWarperMain_05 .content_table .title2{
        width:200px; 
        height: 110px;
        font-size: 30px;
        letter-spacing: 0.05em; 
        text-align:center;
        line-height:110px;
        font-weight:normal;
        color: #000;
        border-right: 1px solid #ffffff;
        float: left;
        background-color: #eef8ee;
    }


    #detailWarperMain_05 .content_table table.table {
        font-family: verdana,arial,sans-serif;
        font-size:14px;
        color:#333333;
        border-collapse: collapse; 
        float: left;
        background-color: #eef8ee;
    }
    #detailWarperMain_05 .content_table table.table td {
        height: 27px;
        min-width: 300px;
    }
    .tableCellGreen {
        background-color: rgb(229, 248, 189)!important;
    }
}