body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-size: 12px;
}
img {
    margin: 0;
    _width: auto;
    display: block;
    border: 0;
    padding:0; 
}
p, blockquote, q, pre, address, hr, code, samp, dl, ol, ul, form, table, fieldset, menu, {
    margin: 0 0 1.5em;
    padding: 0;
}
img, object, embed, video {
    max-width: 100%;
    _width: 100%;
}
p, ul, blockquote, pre, td, th, label {
    margin: 0;
    font-size: 1em;
     line-height: 1.5em; 
    margin-bottom: 1.5em;
}
a {
    text-decoration: none;
}
.adpopup{
    display: block;
    position: fixed;
    top: 400px;
    right: 50px;
    z-index: 100;
}
.prodplist li sup{
    vertical-align: baseline;
}
.bread_banner {
    overflow: hidden;
}
#new_header #headerNav .content {
    z-index: 99;
}
#main {
    position: relative;
}
#main p {
    font-size: 14px;
    color: #666;
}
#main #noticeTop{
    margin-bottom:50px;
    text-align: center;
    overflow: hidden;
}
#main #noticeTop img{
    display: inline;
}
#main .topdownbtn{
    display: none;
}
#applistWrap ul li a.knowmore {
    text-decoration: underline;
}
#backtop{
    width: 960px;
    margin: 20px auto;
    text-align: center;
    display: block;
    clear: both
}
#backtop .btn_top{
    width: 60px;
    margin: 0 auto;
    display: block;
}
#mainTop{
    background: url(../images/indexbg_20181029.jpg) center 0 no-repeat #C5F5FF;
    overflow: hidden;
    padding-bottom: 40px;
}
#mainTop .indextop{
    max-width: 1400px;
    margin: 50px auto;
    display: block;
}
#mainTop .ileft{
    float: left;
    padding-left: 10px;
}
#mainTop .ileft img{
    max-width:667px;
    width: 100%;
}
#mainTop .iright{
    float: right;
    padding-right: 30px
}

#mainTopwrap .bghuawen{
    margin: 0 auto;
    position: relative;
    z-index: 1;
    width: 100%;
    max-width: 1680px;
}
#mainTopwrap .bghuawen .bghwimg1{
    position: absolute;
    left:0;
    top:0;
}
#mainTopwrap .bghuawen .bghwimg2{
    position: absolute;
    right:0;
    top:0;
}

#mainTopwrap .kv{
    position: relative;
    z-index: 2;
}
#mainTopwrap .kv .title{
    font-size: 50px;
    color: #666;
    padding: 0;
    margin-bottom: 0px;
}
#mainTopwrap .kv .last{
    padding-right: 0px;
}

#mainTopwrap .kv li i.off{
    display: none;
}
#mainTopwrap .kv li .no1 i{
    background-color: #293E4E;
}
#mainTopwrap .kv li .no2 i{
    background-color: #11626D;
}
#mainTopwrap .kv li .no3 i{
    background-color: #423A1D;
}
#mainTopwrap .kv li .no4 i{
    background-color: #555;
}
#mainTopwrap .kv li .no1{
    background: url(../images/tabbtn_1.jpg) no-repeat 0 0;
}
#mainTopwrap .kv li .no2{
    background: url(../images/tabbtn_5.jpg) no-repeat 0 0;
}
#mainTopwrap .kv li .no3{
    background: url(../images/tabbtn_3.jpg) no-repeat 0 0;
}
#mainTopwrap .kv li .no4{
    background: url(../images/tabbtn_4.jpg) no-repeat 0 0;
}

#mainTopwrap .btn a{
    color: #fff;
    display: block;
    text-align: center;
}
#mainTopwrap .btn img.more_on{
    display: inline-block;
    padding-bottom: 20px;
}
#mainTopwrap .btn img.more_off{
    display: none;
}
#mainTopwrap .kv li a.kvimg{
    display: block;

}
#mainTopwrap .kv .tabit:hover{
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7; 
}
/*#mainTopwrap .kv li a.tabtn:hover{
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7; 
}*/
#mainTopwrap .kv li a.kvimg_off{
    display: none;
}
#mainTopwrap #applistWrap {
position: relative;
z-index: 2;
}

#cliwrap{
    background-color: #F2F0F1;
    width:100%;
}
.cli_area li.cli{
    float: left;
    position: relative;
}
#applistWrap .appcover{
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    height: 100%;
    z-index: 99;
    width: 100%;
}
#applistWrap .appcover .coverimg{
    height: 100%;
    width: 100%;
}
#applistWrap .appcover a.coverclick{
    z-index: 99;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    overflow: hidden;
}
#applistWrap .appcover .covertitle{
    position: absolute;
    top: 23%;
    z-index: 3;
    text-align: center;
    width: 100%;
    color: #fff;
}
#applistWrap .appcover .covertitle img{
    max-width: 83px;
    text-align: center;
    display: inline;
}
#applistWrap .appcover .covertitle img.hires{
    max-width: none;
}
#applistWrap .appcover .covertitle p{
    max-width: 600px;
    margin: 70px auto 0px;
    color: #fff;
}
#applistWrap .appcover .covertitle h3.apcl1{
    position: absolute;
    font-size: 16px;
    left: 177px;
}
#applistWrap .appcover .covertitle h3.apcr1{
    position: absolute;
    font-size: 16px;
    left: 358px;
}


#mainTopwrap #applistWrap ul.digital li.appintro{
    background-color: #6F8CA2;
}
#mainTopwrap #applistWrap ul.tv li.appintro{
    background-color: #69B6BF;
}
#mainTopwrap #applistWrap ul.sound li.appintro{
    background-color: #A29573;
}
#mainTopwrap #applistWrap ul.digital ul.appdownload li{
    background-color: #51687B;
}
#mainTopwrap #applistWrap ul.tv ul.appdownload li{
    background-color: #1696A6;
}
#mainTopwrap #applistWrap ul.sound ul.appdownload li{
    background-color: #73684D;
}
#mainTopwrap #applistWrap ul.education_robot ul.appdownload li{
    background-color: #989B9E;
}

#applistWrap ul.appdownload li.btnright{
        margin-right: 0;
}
#applistWrap ul.appdownload li.single{
    margin-right: 0;
    margin-left: 30%;
}
#applistWrap ul.appdownload li a{
    display: block;
    overflow: hidden;
    padding: 2% 0;
}
#applistWrap ul.appdownload2 li.hires1{
    display: inline-block;
    float: left;
}
#applistWrap ul.appdownload2 li.hires3 {
    display: inline-block;
    float: left;
    margin-left: 15px;
}
#applistWrap ul.appdownload2 li.hires3 p {
    color: #fff;
    margin-bottom: 0.5em;
}
#applistWrap #hires .appdownload2 {
    margin: 0;
    overflow: hidden;
    margin-top: 20px;
}
#applistWrap #hires .appdownload {
    position: static;
}
#applistWrap #hires .appdownload .single {
    width: 50%;
    margin-left: 15px;
}

#mainTopwrap #applistWrap ul.education_robot li.appintro {
    background-color: #C2C6C9;
}

/* App details page*/
#appTopwrap{
    background-color: #F2F0F1;
    width: 100%;
    display: block;
    overflow: hidden;
}
#main p.zhushi{
    clear: both;
    font-size: 1em;
    font-weight: normal;
    color: #999;
    padding-bottom: 10px;
    margin-bottom: 0;
}
#main p.zhushi a{
    color: #F75852;
    text-decoration: underline;
}
#main #applistWrap .coverzhushi{
    font-size: 1em;
    font-weight: normal;
    margin-bottom: 10px;;
    color: #fff;
}

#appTopwrap .contTop{
    max-width: 960px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    padding: 20px 0 0;
}
#appTopwrap .contTop.pmmstyle{
    padding:30px 0 0 0;
}
#appTopwrap .contTop .left_cont{
    float: left;
    width:45%;
    padding-right: 5%;
}
#appTopwrap .contTop .left_cont img{
    max-width: 445px;
/*    width: 100%;*/
    margin: 0 auto;
}

#appTopwrap .contTop .right_cont{
    float: left;
    width:50%;
}
#appTopwrap .contTop .right_cont h2{
    color: #516679;
    line-height: 120%;
    font-weight: normal;
    padding-bottom: 0.3em;
    font-size: 30px;
}
#appTopwrap .contTop .right_cont h3{
    color: #626262;
    font-size: 18px;
    line-height: 120%;
    font-weight: normal;
    padding-bottom: 0.3em;
}
#appTopwrap .contTop .right_cont h4{
    color: #516679;
    font-size: 1.4em;
    line-height: 120%;
    font-weight: normal;
    padding-bottom: 1.2em;
}
#appTopwrap .contTop .right_cont span{
    font-size: 14px;
    font-weight: normal;
}
#appTopwrap .contTop .right_cont p{
    line-height: 200%;
    margin-bottom: 10px;
}
#appTopwrap .contTop ul.downloadbtn{
    clear: both;
    margin: 10px 0;
    display: block;
    overflow: hidden;
}
#appTopwrap .contTop ul.downloadbtn li{
    float: left;
    text-align: center;
    border-radius:5px;
    -moz-border-radius:5px;
    width:49%;
    line-height:320%; 
}
#appTopwrap .contTop ul.downloadbtn li a {
    display: block;
    overflow: hidden;
    padding: 2% 0;
}
#appTopwrap .contTop ul.downloadbtn li a span{
    color: #fff;
    font-size: small;
    background: url('../images/icon_download.png') no-repeat 0 50%;
    background-size: 20px;
    padding-left: 17%;
}
ul.downloadbtn li.color1{
    background-color: #51687B;
}
ul.downloadbtn li.color2{
    background-color: #73684D;
}
ul.downloadbtn li.color3{
    background-color: #4F7B65;
}
ul.downloadbtn li.color4{
    background-color: #989B9E;
}
ul.downloadbtn li.color5{
    background-color: #1696A6;
}
#main .fixprod{
    background-color: #6F8CA2;
    width: 100%;
}
#main .fixprod .fixcontent{
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 0;
    position: relative;
}
#main .fixprod .fixcontent p.zhushi2{
    font-size: 12px;
    color: #fff;
    padding-top: 10px;
    margin-bottom: 0;
}

#main .fixprod .fixcontent p.fixtitle{
    color: #fff;
    font-size: 30px;
    margin-bottom: 0.4em;
}
#main .fixprod .fixcontent p.fix_subtitle{
    color: #fff;
    font-size: 18px;
    margin-bottom: 0.4em;
}
#main .fixprod .fixcontent .group{
    position: absolute;
    right:5%;
    top:-30px;
    max-width: 90px;
}
#main .fixprod .fixcontent .prodlist{
    width: 100%;
    color: #fff;
}
#main .fixprod .fixcontent .prodlist2{
    width: 100%;
    color: #fff;
}
#main .fixprod .fixcontent .prodTab li.tabname{
    width:19.9%;
    color: #B6C5CC;
    background-color: #51687B;
    float: left;
    position: relative;
    margin-top: 6px;
    margin-left: 1px;
}
#main .fixprod .fixcontent .prodTab li.tabname a{
    color: #B6C5CC;
    width: 100%;
    display: block;
    padding: 8px 0;
    text-align: center;;
}
#main .fixprod .fixcontent .prodTab li.tabname a span{
    padding: 8px 0 8px 45px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon1{
    background: url(../images/icon_1.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon1.on{
    background: url(../images/icon_1_on.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon2{
    background: url(../images/icon_2.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon2.on{
    background: url(../images/icon_2_on.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon3{
    background: url(../images/icon_3.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon3.on{
    background: url(../images/icon_3_on.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon4{
    background: url(../images/icon_4.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon4.on{
    background: url(../images/icon_4_on.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon5{
    background: url(../images/icon_5.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon5.on{
    background: url(../images/icon_5_on.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon6{
    background: url(../images/icon_6.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname a span.icon6.on{
    background: url(../images/icon_6_on.png) no-repeat 3px 0px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon7{
    background: url(../images/icon_7.png) no-repeat 3px 4px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon7.on{
    background: url(../images/icon_7_on.png) no-repeat 3px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon8{
    background: url(../images/icon_8.png) no-repeat 3px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon8.on{
    background: url(../images/icon_8_on.png) no-repeat 3px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon9{
    background: url(../images/icon_9.png) no-repeat 10px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon9.on{
    background: url(../images/icon_9_on.png) no-repeat 10px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon10{
    background: url(../images/icon_10.png) no-repeat 10px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon10.on{
    background: url(../images/icon_10_on.png) no-repeat 10px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon12.on{
    background: url(../images/icon_12_on.png) no-repeat 13px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon13{
    background: url(../images/icon_13.png) no-repeat 13px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon13.on{
    background: url(../images/icon_13_on.png) no-repeat 13px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon14{
    background: url(../images/icon_14.png) no-repeat 13px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon14.on{
    background: url(../images/icon_14_on.png) no-repeat 13px 3px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span.icon15.on{
    background: url(../images/icon_15_on.png) no-repeat 0px 10px;
}



#main .fixprod .fixcontent .prodTab li.on{
    padding: 3px 0;
    margin-top: 0;
    background-color: #fff;
    margin-left: 0;
    text-align: center;
    color: #516679;
}
#main .fixprod .fixcontent .prodTab li.on a{
    color: #516679;
    display: block;
    width: 100%;
}
#main .fixprod .fixcontent .prodTab li.on i{
    display: block;
}
#main .fixprod .fixcontent .prodTab li i{
    position: absolute;
    display: none;
    background: url(../images/on.png) no-repeat 0px 0px;
    width: 24px;
    height: 12px;
    bottom: -13px;
    left:0px;
    right: 0px;
    margin: 0 auto;
}
#main .fixprod .fixcontent .listframe{
    clear: both;
    padding: 15px;
    border: 2px solid #fff;
    background-color: #5B7B91;
}
#main .fixprod .fixcontent .listframe.tv_t{
    background-color: #61967B;
}
#main .fixprod .fixcontent .listframe ul.prodplist{
    clear: both;
    overflow: hidden;
}
#main .fixprod .fixcontent .listframe li{
    list-style-type: disc;
    list-style-position: inside;
    font-size: 1em;
    color: #ccc;
    float: left;
    width: 115px;
    height: 21px;
    padding-right: 3px;
    line-height: 180%;
    margin-left: 2px;

}
#main .fixprod .fixcontent .listframe li.kuan{
    width: 165px;
}
.listframe .prodplist a{
    color: #fff;
}
.listframe .prodplist{
    display: none;
}
.listframe .prodplist.on{
    display: block;
}
#main .fixprod .fixcontent .demoshow{
    font-size: 1.4em;
    color: #fff;
    padding: 5px 0 5px 40px;
    text-decoration: underline;
    display: block;
    margin-top: 15px;
}
#main .fixprod .fixcontent .demoshow.forpmh{
    background:url(../images/pmh_icon1.png) no-repeat 0 0;
}

.amc_content{
    width: 960px;
    padding: 40px 0;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}
.amc_content li{
    float: left;
    padding-right: 15px;
}
.amc_content li.last{
    padding-right: 0;
}
.amc_content .content{
    margin:60px 0; 
    text-align: center;
}
.amc_content .content h3{
    font-size: 2.5em;
    color: #516679;
    margin-bottom: 20px;
    font-weight: lighter; 
}

/*Capture One Express*/
.phaseone{
    width: 100%;
    background-color: #F2F0F1;
}
.phaseone_con{
    max-width: 960px;
    padding: 20px 0;
    margin: 0 auto;
}
.phaseone_con h3{
    font-size: 30px;
    color: #5A7A91;
    padding-bottom: 10px; 
}
.phaseone_con p{
    padding-bottom: 10px; 
    margin-bottom: 0;
}

.coe_content{
    padding: 40px 0;
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    display: block;
    overflow: hidden;
}
.coe_content li{
    float: left;
    width: 50%;
    height: 278px;
}
.coe_content li .peitu{
    width: 100%;
    max-width: 480px;
}
.coe_content .licon{
    color:#666;
    font-size: 14px;
    line-height: 150%;
    position: relative;
}
.coe_content .licon .bigicon{
    position: absolute;
    padding-top: 4px;
}
.coe_content .licon h3{
    color:#51677A;
    font-size: 30px;
    font-weight: normal;
    padding-bottom: 20px;
    padding-left: 68px;
}
.coe_content .licon.left{
    padding: 40px 40px 40px 0;
}
.coe_content .licon.right{
    padding: 40px 0 40px 40px;
}
.coe_content .coe_right{
    float: right;
}
/*playmemories_camera_apps*/

.pmca_content{
    padding: 40px 0;
    margin: 0 auto;
    max-width: 960px;
    width: 100%;
}
.pmca_content h1{
    font-size: 46px;
    text-align: center;
    font-weight: normal;
    margin:10px 0 40px;
    color: #51677a;
}
.pmcatab{
    margin: 20px 0;
    display: block;
    overflow: hidden;
}

.pmcatab li{
    float: left;
    margin-right: 1px;
    width: 33%;
}
.pmcatab li.last{
    margin-right: 0;
}
.pmcaTabbtn .on{
    display: none;
}
 .pmcaTabbtn .off{
    display: block;
}
 .pmcaTabbtn.show .on{
    display: block;
}
 .pmcaTabbtn.show .off{
    display: none;
}



.pmca_content .pmca_con{
    border-bottom: 1px #ccc solid;
    margin-bottom: 30px;
    padding-bottom: 30px;
}

.pmca_content .pmca_con.last{
    border-bottom: none;
}
.pmca_content .pmca_con ul{
    clear: both;
    display: block;
    overflow: hidden;
}
.pmca_content .pmca_con li{
    float: left;
}
.pmca_content .pmca_con p b{
    font-weight: bold;
}

.pmca_content .pmca_con h3{
    font-size: 24px;
    font-weight: normal;
    color: #656565;
    padding-bottom: 10px;
    padding-top: 10px;
}

.pmca_content .pmca_con .imgtitle{
    padding-bottom: 30px;
    max-width: 266px;
}
.pmca_content .pmca_con .imgtitle.sync {
    max-width: 320px;
}
.pmca_content .pmca_con ul.imglist{
    padding: 10px 0;
    display: block;
    overflow: hidden;
}
.pmca_content .pmca_con ul.imglist.l5{
    margin-top: 30px;
}
#main .pmca_content .pmca_con ul li.last{
    padding-right: 0;
}
.pmca_content .pmca_con ul.l1 li{
    padding-right: 90px;
}
.pmca_content .pmca_con ul.l2 li{
    padding-right: 170px;
}

.pmca_content .pmca_con ul.l3 li{
    padding-right: 90px;
}
.pmca_content .pmca_con ul.l4 li{
    padding-right: 104px;
}
.pmca_content .pmca_con ul.l5 li{
    padding-right: 90px;
}
.pmca_content .pmca_con ul.l6 li{
    padding-right: 75px;
}

.pmca_content .pmca_con li.txt1{
    width:52%;
    padding-right: 4%;
}
.pmca_content .pmca_con li.txt2{
    width:44%;
    padding-right: 4%;
}
#main .pmca_content .pmca_con .bigfont24{
    font-size: 24px;
    color: #000;
    margin-bottom: 0;
    line-height: 300%;
}
#main .pmca_content .pmca_con .blackfont14{
    font-size: 14px;
    color: #000;
}

#main .pmca_content .zhushi a{
    color: #26a8e2;
}
.pmca_content .pmca_con .qidai{
    color: #fff;
    background-color: #999;
    padding: 10px 20px;
    width: 150px;
    text-align: center;
    border-radius: 5px;
    margin-bottom: 20px;
}
.pmca_content .buybtn{
    margin-bottom: 30px;
    display: block;
}
#noticeTop ul{
    max-width: 960px;
    margin: 0 auto;
}
#noticeTop li{
    float: left;
    max-width: 50%;
}
.pmca_content .buybtn.sra {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    margin-top: 54px;
    float: left;
}
.pmca_content .buybtn.hdr {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 20px;
    float: left;
}



/*playmemories_home*/

.pmh_content{
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
    padding-top: 40px;
}
.pmh_content .pmhcon{
    padding-bottom: 50px;
    border-bottom: 1px #ccc solid;
    margin-bottom: 50px;
}
.pmh_content .pmhcon.last{
    border-bottom: none;
}
.pmh_content .pmhcon ul{
    display: block;
    overflow: hidden;
}
.pmh_content .pmhcon li{
    float: left;
    width: 50%;
}
.pmh_content .pmhcon h3{
    font-size: 24px;
    font-weight: normal;
    color: #51677A;
    padding: 20px 0;
}
.pmh_content .pmhcon h4{
    font-size: 20px;
    font-weight: normal;
    color: #51677A;
}
.pmh_content .pmhcon .searchimg{
    background: url(../images/pmh_img_8.jpg) no-repeat 0 0;
    height: 256px;
    margin: 50px 0;
    position: relative;
}
.pmh_content .pmhcon .searchimg .biaoti{
    position: absolute;
    left: 54%;
    top:25%;
    max-width:400px;
}

/*playmemories_Mobile*/

.pmm_content{
    margin: 0 auto;
    padding-top: 40px;
    width: 100%;
    max-width: 960px;
}
.pmm_content .pmmcon{
    padding-bottom: 50px;
    border-bottom: 1px #ccc solid;
    margin-bottom: 50px;
}
.pmm_content .pmmcon.last{
    border-bottom: none;
}
.pmm_content .pmmcon .why530 li{
    width:100%;
    margin-bottom: 50px;
}
.pmm_content .pmmcon ul{
    display: block;
    overflow: hidden;
    margin-bottom: 30px;
}
.pmm_content .pmmcon li{
    float: left;
    position: relative;
    padding-left: 42px;
    width: 45%;
}

.pmm_content .pmmcon li.t2{
    margin: 30px 0;
    width: 100%;
}
.pmm_content .pmmcon li.t5{
    width: 45%;
    margin-bottom: 280px;
}
.pmm_content .pmmcon h3{
    font-size: 30px;
    font-weight: normal;
    color: #51677A;
    padding: 10px 0 20px;
}
#main .pmm_content .pmmcon .subtitle{
    font-size: 24px;
    font-weight: normal;
    color: #51677A;
    margin-bottom: 10px;
}
.pmm_content .pmmcon i{
    position: absolute;
    top:0;
    left:0;
    font-size: 21px;
    background-color: #F77F2D;
    border-radius: 8px;
    -moz-border-radius:8px;
    width: 12px;
    height: 12px;
    font-style: normal;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 10px;
    display: inline-block;

    overflow: hidden;
    line-height: 12px;
}
.pmm_content .pmmcon i.small{
  font-size: 12px;
  width: 23px;
  height: 23px;
  padding: 3px;
  line-height: 20px;
  top: 5px;
}
.right_cont ul.pmmqr li{
    float: left;
    padding: 0 0 20px 60px;
}
.right_cont ul.pmmqr li.last{
    padding-left:110px;
}
.pmm_content .pmmcon .why570 li {
    width: 100%;
}

#main .pmm_content .why570 .title-icon {
    position: absolute;
    top: 0;
    left: 0;
}
.pmm_content .pmmcon .why570 .imgs p {
    font-size: 20px;
    color: #666;
    margin-top: 50px;
    margin-bottom: 25px;
    text-align: center;
}
.pmm_content .pmmcon .why570 .imgs {
    max-width: 830px;
}
.pmm_content .pmmcon .why570 .imgs .btn-video.ios {
    float: right;
}
.pmm_content .pmmcon .why570 .imgs img {
    margin-right: 0;
    display: inline-block;
}

.videowrap {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000;
}
.videowrap .videoarea {
    position: fixed;
    width: 100%;
    height: 100%;
}
.videowrap .videoclip {
    width: 100%;
    max-width: 950px;
    height: 100%;
    max-height: 575px;
    margin: auto auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
.videocontent {
    width: 100%;
    height: 100%;
}

/*smart key*/

#appTopwrap .contTop .right_cont.sound_t h2{
    color:#72674C;
}
#appTopwrap .contTop .right_cont.sound_t h4{
    color:#72674C;
}
.smartkey_content{
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}
.smartkey_content ul{
    display: block;
    overflow: hidden;
}
.smartkey_content ul li{
    float: left;
    padding-right: 172px;
}
.smartkey_content ul li.last{
    padding-right: 0;
}
.smartkey_content ul li .sktitle{
    height:140px;
    padding-bottom: 20px;
}
.smartkey_content ul li h3{
    font-size: 30px;
    color:#72674C;
    padding-bottom: 20px;
    font-weight: normal;
    line-height: 120%;
}
.smartkey_content .sktext{
    margin: 30px 0;
}
.smartkey_content .sktext p{
    font-size: 12px;
    line-height: 150%;
}

/*songpal*/

.songpal_content{
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}
.songpal_content .songpal_con{
    border-bottom: 1px #ccc solid;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.songpal_content .songpal_con.last{
    border-bottom: none;
}

#appTopwrap .right_cont ul.songpalqr li{
    float: left;
    padding: 0 0 20px 60px;
}
#appTopwrap .right_cont ul.songpalqr li.last{
    padding-left:110px;
}
#appTopwrap .contTop ul.downloadbtn{
    margin-bottom: 20px;
}
.songpal_con ul{
    overflow: hidden;
    display: block;;
}
.songpal_con ul.spcon2{
    max-width: 760px;
    margin: 0 auto;
}
.songpal_con ul.spcon1 li{
    float: left;
    padding-right: 111px;
}
.songpal_con ul.spcon2 li{
    float: left;
    padding-right: 15%;
    width: 42%;
}
.songpal_con ul li.last{
    padding-right: 0;
}
.songpal_con ul li .sptitle{
    padding-bottom: 0px;
}
.songpal_content h3{
    font-size: 30px;
    color:#72674C;
    padding-bottom: 20px;
    font-weight: normal;
}
.songpal_content h4{
    font-size: 18px;
    color:#72674C;
    padding: 20px 0 20px;
    font-weight: normal;
}
.songpal_content .sptitle h3{
    font-size: 24px;
    color:#929292;
    padding: 20px 0 0 0;
    font-weight: normal;
}
.songpal_content .sptitle h4{
    padding: 10px 0;
}

/*tv sideview*/
#appTopwrap .contTop .right_cont.tv_t h2{
    color:#4E7A65;
}
#appTopwrap .contTop .right_cont.tv_t h4{
    color:#4E7A65;
}
#appTopwrap .contTop .conttopTip{
    color:#666;
    font-size: 14px;
    padding-top: 20px;
    margin: 0;
}
#appTopwrap .contTop .conttopTip span{
    color:#fff;
    font-size: 12px;
    background-color: #A92B31;
    padding: 2px 5px;
}
.right_cont.tv_t{
    padding-top: 100px;
    position: relative;
}
.right_cont.tv_t .tv_qr{
    position: absolute;
    right: 0%;
    top: -10px;
}
#main .fixprod.tv_t{
    background-color: #77A68F;
}
.tvsv_content{
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}
.tvsv_content2{
    margin: 0 auto;
    width: 100%;
}
.fen{
    background-color: #F7E0DF;
}
.tvsv_content .maintop{
  text-align: center;
  margin-top: 40px;
}
.tvsv_content h1{
    font-size: 60px;
    color: #333;
    padding-bottom: 50px;
    font-weight: normal;
}
.tvsv_content h2{
    font-size: 38px;
    color: #666;
    padding-bottom: 20px;
    font-weight: normal;
}
.tvsv_content h4{
    clear: both;
    font-size: 28px;
    color: #666;
    padding:50px 0;
    font-weight: normal;
}
.tvsv_content .maintop ul.downloadbtn{
  max-width: 481px;
  margin: 0 auto;
}
.tvsv_content .maintop ul.downloadbtn li {
  float: left;
  text-align: center;
  border-radius: 5px;
  -moz-border-radius: 5px;
  width: 49%;
  line-height: 320%;
}
.tvsv_content .maintop ul.downloadbtn li a span {
  color: #fff;
  font-size: small;
  background: url('../images/icon_download.png') no-repeat 0 50%;
  background-size: 20px;
  padding-left: 17%;
}
.tvsv_content .maintop ul.downloadbtn li a {
  display: block;
  overflow: hidden;
  padding: 2% 0;
}

.tvmain{
    max-width: 960px;
    padding-top: 60px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}
.tvmain.last{
    padding-top: 0;
}
.tvmain .intro1{
    float: right;
    max-width: 320px;
    margin-right: 50px;
}
.tvmain .intro1.last{
    margin-top: 100px;
}
.tvmain .intro2{
    float: left;
    max-width: 320px;
    margin-left: 50px;
}
.tvmain .introimg1{
    float: left;
    max-width: 50%;
}
.tvmain .introimg2{
    float: right;
    max-width: 50%;
}
.tvmain .introimg3{
    float: left;
    max-width: 50%;
}
#main .tvmain .iconlei{
    background: url('../images/tvsv_icon.png') no-repeat 0 0;
    height:68px;
    padding: 10px 0 0 90px;
    font-size: 26px;
    color: #333;
    margin-bottom: 10px;
}
#main .tvmain .iconlei.n1{
    background: url('../images/tvsv_icon.png') no-repeat 0 0;
}
#main .tvmain .iconlei.n2{
    background: url('../images/tvsv_icon.png') no-repeat 0 -118px;
}
#main .tvmain .iconlei.n3{
      background: url('../images/tvsv_icon.png') no-repeat 0 -233px;
      padding: 0 0 0 90px;
      margin-bottom: 40px;
      line-height: 120%;
}
#main .tvmain .title{
    font-size: 35px;
    color: #333;
    margin-bottom: 40px;
}
#main .tvmain .txt{
    font-size: 14px;
    color: #666;
}
.tvguide{
    max-width: 901px;
    margin: 0 auto;
    padding: 20px 0;
}
.tvguideimg{
    margin: 30px 0;
}
.pptv{
    max-width: 960px;
    padding: 60px 90px;
    margin: 0 auto;
    display: block;
    position: relative;
}
.pptv h3 {
    color: #333;
    font-size: 35px;
    line-height: 120%;
    font-weight: lighter;
    background: url(../images/pptv_logo.jpg) no-repeat 0 10px;
    width: 320px;
    height: 90px;
    padding-left: 90px;
    margin: 0 auto;
}
.pptv h5 {
    color: #666;
  font-size: 18px;
  line-height: 120%;
  font-weight: lighter;
  margin: 40px 0;
}
#main .pptv .redtitle {
    color: #A92B31;
  font-size: 26px;
  line-height: 120%;
  font-weight: lighter;
  margin: 40px 0;
}
#main .pptv .blacktitle {
    color: #333;
  font-size: 26px;
  line-height: 120%;
  font-weight: lighter;
  padding: 20px 0;
  clear: both;
  margin-bottom: 0;
}
#main .pptv .pplist {
    color: #666;
  font-size: 14px;
  padding: 0 0 40px 30px;
}
#main .pptv .pplist li{
  line-height: 160%;
  font-weight: lighter;
}
#main .pptv .pplist.left li {
  width:400px;
}
#main .pptv .pptvimg{
  position: absolute;
  top:16%;
  left: 57%;
}
#main .pptv .tips{
  margin: 40px 0 10px 0;
}
#main .pptv .tiplist{
  color: #999;
  font-size: 14px;
  line-height: 160%;
}
#main .pptv .tiplist a{
  color: #999;
}

/*ACTION CAM APP*/
.aca_content{
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}

.aca_content .menuOntop{
    text-align: center;
}
.aca_content h2{
    font-size: 32px;
    font-weight: normal;
    margin: 0 auto;
    padding: 30px 0;
}
.aca_content .menuOntop .toppoint{
    display: block;
    overflow: hidden;
    margin: 20px auto;
}
.aca_content .menuOntop .toppoint li{
    float: left;
    position: relative;
    margin: 1%;
}
.aca_content .menuOntop .toppoint li.last{
    margin-right: 0;
}
.aca_content .menuOntop{
  padding: 30px 0;
}
#main .menuOntop .toppoint p{
    font-size: 22px;
    line-height: 140%;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    top:35%;
    z-index: 1;
    color: #B22F00;
    text-align: center;
}
.menuOntop .toppoint li img{
    width:212px;
    max-width: none;
}
.menuOntop .zhushi span{
    margin-right: 20px;
}
.menuOntop .zhushi span.last{
    margin-right: 0px;
}
.menu{
    margin: 20px 0;
    display: block;
    overflow: hidden;
}

.menu li{
    float: left;
    margin-right: 1px;
}
.menu li.last{
    margin-right: 0;
}
.menubtn .on{
    display: none;
}
 .menubtn .off{
    display: block;
}
 .menubtn.show .on{
    display: block;
}
 .menubtn.show .off{
    display: none;
}
.aca_content .acawarp h2{
    text-align: center;
}
.aca_content .acawarp .step{
    padding-top: 30px;
    margin-bottom: 30px;
    border-top: 1px #ccc dotted;
    display: block;
    overflow: hidden;
    position: relative;
}
.aca_content .acawarp .stepicon{
    width:100px;
    height: 100px;
    display: block;
    position: absolute;
    top:0px;
}
.aca_content .acawarp .stepicon.icon1{
    background: url(../images/aca_stepicon.png) no-repeat 0 30px;
}
.aca_content .acawarp .stepicon.icon2{
    background: url(../images/aca_stepicon.png) no-repeat 0 -70px;
}
.aca_content .acawarp .stepicon.icon3{
    background: url(../images/aca_stepicon.png) no-repeat 0 -170px;
}
.aca_content .acawarp .stepicon.icon4{
    background: url(../images/aca_stepicon.png) no-repeat 0 -270px;
}
.aca_content .acawarp h3{
    font-size: 24px;
    padding: 0 0 20px 60px;
    font-weight: normal;
    line-height: 120%;
}

.aca_content .acawarp .stepcon{
    position: relative;
    margin: 10px 0 0 60px;
}
.aca_content .blackbold{
    color:#000;
    font-weight: bold;
}
.aca_content .acawarp .stepcon .lk{
    margin-left: 15px;
}
.aca_content .acawarp .steptxt1{
    position: absolute;
    top:0;
    left:0;
    width:275px;
}
.aca_content .acawarp .steptxt2{
    position: absolute;
    top:0;
    left:58%;
    width:250px;
}
.aca_content .acawarp .steptxt2 .wifilogo{
    display: inline;
}
.aca_content .acawarp .steptxt3{
    position: absolute;
    top:55%;
    left:0;
    width:320px;
}
.aca_content .acawarp .steptxt4{
    position: absolute;
    top:55%;
    left:58%;
    width:320px;
}
.aca_content .acawarp .small{
    font-size: 12px;
}
.aca_content .acawarp .fcode{
    max-width: 845px;
    margin: 20px 20px 20px 0;

}
#main .aca_content .acawarp .fcode .fcodetitle{
    font-size: 24px;
    color: #fff;
    background-color: #57BAA2;
    padding: 10px 30px;
    margin: 0;
}

#main .aca_content .acawarp .fcode .fcodecon{
    font-size: 14px;
    color: #656565;
    background-color: #ededed;
    padding: 10px 30px;
    margin: 0;
}
#main .aca_content .acawarp .fcode .fcodecon li{
    list-style: decimal inside none;
    line-height: 180%;
}

.acawarp .step.s2a h3{
    float: left;
}
.acawarp .step .aca2si1{
    display: block;
    padding-left: 20px;
}
.acawarp .step .aca2si1w320{
    display: none;
}
.acawarp .step.s2b h3{
    float: left;
}
.acawarp .step .aca2s2i1{
    padding-left: 20px;
}
.stepcon .aca2s2i2 {
    display: block;
}
.stepcon .aca2s2i2w640 {
    display: none;
}
.stepcon .aca2s2i2w320 {
    display: none;
}
.stepcon .aca2s2i1w320 {
    display: none;
}
.acawarp .step h4{
    font-size: 18px;
    color: #333;
    line-height: 150%;
    font-weight: normal;
    padding-left: 60px;
}
.acawarp .step img.fl{
    display: inline;
}
.acawarp .step .aca3si2{
    display: block;
    margin: 50px 0;
}
.acawarp .step .aca3si2w640{
    display: none;
}
.acawarp .step .aca3si3{
    display: block;
    margin: 50px 0;
}
.acawarp .step .aca3si3w640{
    display: none;
}
.acawarp .step .step3img1{
    display: block;
}
.acawarp .step .step3img1w320{
    display: none;
}
.videoarea{
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.75);
    filter: progid:dximagetransform.microsoft.gradient(startColorstr='#4d000000', endColorstr='#4d000000', GradientType=0);
    background-size: cover;
    -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.75);
}
.videoclip{
    width: 950px;
    height: 575px;
    margin: auto auto;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}

#videoclose{
    color: #999;
    width: 70px;
    text-align: center;
}
#videotxt{
    color: #fff;
    width: 720px;
    height:50px;
    text-align: center;
    font-size: 20px;
    right: 0;
    left: 0;
    margin: auto;
    position: absolute;
    background-color: #333;
    line-height: 250%;
}
.videocontent{
    width: 100%;
    height: 100%;
}
.addtext{
    margin-bottom: 15px;
    display: block;
    overflow: hidden;
    color: #E37328;
}
.addtext li{
    float: left;
    margin-right: 15px;
    list-style: inside disc;
}
.addtext li a{
    color: #E37328;
    text-decoration: underline;
}

/*--------------------------------------------------------------------------------
    #Update
--------------------------------------------------------------------------------*/
#Update {
    margin: 30px auto 0;
    max-width: 960px;
}
#Update h3 {
    color: #51677A;
    font-size: 2.5em;
    font-weight: lighter;
    margin-bottom: 10px;;
}
#Update .inner {
    border-top: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
}
#Update .inner .updatetab{ 
    padding: 0 10px; 
    height:150px;
    overflow-y:scroll;
    max-width:940px;
    overflow-x:hidden;
}
#Update table {
    table-layout:fixed;
    line-height: 1.4;
}
#Update table th {
    padding: 12px 20px 0 0;
    color: #adadad;
    vertical-align: top;
    white-space: nowrap;
}
#Update table td {
    padding: 12px 0 0;
    color: #4d4d4d;
    vertical-align: top;
}
#Update table td.ver {
    padding: 12px 30px 0 0;
    white-space: nowrap;
}
#Update a {
    color: #555;
    text-decoration: underline;
}
#Update a:hover {
    color: #000;
}

@media(max-width:800px) {
    #Update {
        margin: 15px 30px 0;
        width: auto;
    }
    #Update .inner .updatetab {
        height: 200px;
    }
}
@media(max-width:640px) {
    #Update {
        margin: 25px 20px 0;
    }
    #Update .inner .updatetab {
        height: 240px;
    }
    #Update table {
        display: block;
        padding-bottom: 20px;
    }
    #Update table th {
        padding-right: 10px;
        width: auto;
        display: inline-block;
        margin-bottom: 0;
    }
    #Update table td.ver {
        display: inline-block;
        width: 130px;
        margin-bottom: 0;
    }
    #Update table td.txt {
        display: block;
        padding: 4px 0 0 0;
        margin-bottom: 0;
    }
}

.idc_content{
    width: 960px;
    padding: 40px 0;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}
.idc_content .content{
    margin:60px 0; 
    text-align: center;
}

.idc_content .content h3{
    font-size: 2.5em;
    color: #516679;
    margin-bottom: 20px;
    font-weight: lighter; 
}
.idc_content .content .videobtn img{
    display: inline;
}

/*Hires-audio Player*/

#appTopwrap .contTop .right_cont.hrapt h2{
    background: url(../images/hrap_logo.png) no-repeat 0 0px;
    color:#72674C;
    height: 60px;
    padding: 10px 0 0 86px;
}
#main .fixprod.brown{
    background-color: #73684D;
}
#main .fixprod .fixcontent .listframe.brown {
    background-color: #73684D;
}
#main .fixprod .fixcontent .prodTab li.tabname_b{
    width:19.9%;
    color: #B6C5CC;
    background-color: #554C39;
    float: left;
    position: relative;
    margin-top: 6px;
    margin-left: 1px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a{
    color: #988962;
    width: 100%;
    display: block;
    padding: 8px 0;
    text-align: center;;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span{
    padding: 8px 0 8px 45px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b.on {
    padding: 3px 0;
    margin-top: 0;
    background-color: #fff;
    margin-left: 0;
    text-align: center;
    color: #516679;
}

.hrap_content{
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}
.hrap_content .hrap_con{
    border-bottom: 1px #ccc dashed;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.hrap_content .hrap_con.last{
    border-bottom: none;
}

.hrap_con ul{
    overflow: hidden;
    display: block;
}

.hrap_list1 li{
    float: left;
    width: 29%;
    padding-right: 62px;
}
.hrap_list1 li img{
    width: 98px;
    margin:20px auto;
}

.hrap_con .last{
    padding-right: 0;
}
.hrap_list2 .hright{
    float: right;
    width: 50%;
}
.hrap_list2 .hleft{
    float: left;
    width: 45%;
}
.hrap_list2 .hleft h3{
    padding-top: 0;
}
.hrap_content h3{
    font-size: 30px;
    color:#72674C;
    font-weight: normal;
    padding: 20px 0;
}
.hrap_content h4{
    font-size: 18px;
    color:#72674C;
    padding: 20px 0 20px;
    font-weight: normal;
}
.hrap_content .hraptitle h3{
    font-size: 24px;
    color:#929292;
    padding: 20px 0 0 0;
    font-weight: normal;
}
.hrap_content .hraptitle h4{
    padding: 10px 0;
}
.hrap_list3 li{
    float: left;
    width: 47%;
    padding-right: 50px;
    margin-bottom: 30px;
}
.icon_play {
    background: url(../images/icon_play.jpg) no-repeat 0 0px;
    width: 16px;
    height:16px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_stop {
    background: url(../images/icon_stop.jpg) no-repeat 0 0px;
    width: 16px;
    height:16px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_pause {
    background: url(../images/icon_pause.jpg) no-repeat 0 0px;
    width: 16px;
    height:16px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_pre {
    background: url(../images/icon_pre.jpg) no-repeat 0 0px;
    width: 16px;
    height:16px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_next {
    background: url(../images/icon_next.jpg) no-repeat 0 0px;
    width: 16px;
    height:16px;
    padding-left: 23px;
    margin-left: 4px;
}
#main ul li {
    font-size: 14px;
    color: #666;
}
.hrap_list4 li{
    float: left;
    padding-right: 12px;
}
.hrap_list5{
    margin-top: 20px;
}
.hrap_list5 li{
    list-style-type: disc;
    list-style-position: inside;
    line-height: 180%;
}
.hrap_list6 li{
    float: left;
    padding-right:70px;
    width: 240px;
}
.hrap_list6 .zl1 {
    background: url(../images/hrap_img17.jpg) no-repeat 0 15px;
    padding-left: 60px;
}
.hrap_list6 .zl2 {
    background: url(../images/hrap_img18.jpg) no-repeat 0 15px;
    padding-left: 60px;
}
.hrap_list6 .zl3 {
    background: url(../images/hrap_img19.jpg) no-repeat 0 15px;
    padding-left: 60px;
    width: auto;  
}
.hrap_list6 h4{
    padding-bottom: 5px;
}
.hrap_list7{
    margin-bottom: 20px;
}
.hrap_list7 li{
    list-style-type: disc;
    list-style-position: inside;
    line-height: 180%;
}

/*HDD AUDIO REMOTE*/

#appTopwrap .contTop .right_cont.har h2{
    color:#72674C;
}
#appTopwrap .contTop .right_cont.har h4{
    color:#72674C;
}
.har_list0{
    margin-top: 50px;
}
.har_list0 .hleft {
    float: left;
    width: 60%;
}
.har_list0 .hright {
    float: right;

}
.har_list1 li {
    float: left;
    width: 47%;
    padding-right: 50px;
    margin-bottom: 30px;
    list-style-type: disc;
    list-style-position: inside;
}
.har_list1 li img{
    margin-top: 15px;
}
.har_list2 .hleft {
    float: left;
    width: 48%;
}
.har_list2 .hright {
    float: right;
     width: 50%;

}
.har_list2 .discli {
    list-style-type: disc;
    list-style-position: inside;
    margin-bottom: 15px;
    line-height: 150%;
}
.har_list2 .smallli {
    line-height: 200%;
}

/*Hires-audio Player*/

#appTopwrap .contTop .right_cont.hmt h2{
    background: url(../images/hmt_logo.png) no-repeat 0 0px;
    color:#72674C;
    line-height: 100%;
    padding: 0px 0 20px 86px;
}
#appTopwrap .contTop .right_cont.hmt h4{
    color:#72674C;
}
.hmt_con ul {
    display: block;
}
.hmt_list1 li {
    list-style-type: disc;
    list-style-position: inside;
    line-height: 180%;
}
.hmt_list2 li {
    float: left;
    width: 48%;
}
.hmt_list2 .systemli{
    margin-bottom: 20px;
    list-style-position: outside;
    list-style-type: disc;
}
.systemli li{
    float: none;
    width: auto;
    list-style-type: disc;
    list-style-position: outside;
    line-height: 180%;
}
.insideli1{
    margin: 10px 0;
}
.insideli1 li{
    float: none;
    width: auto;
    list-style: none;
    line-height: 220%;
}
.hmt_con{
    border-bottom: 1px #ccc dashed;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.hmt_con.last{
    border-bottom: none;
}

.hmt_con ul{
    display: block;
}

/*REC Remote*/


#appTopwrap .contTop .right_cont.rec h2{
    background: url(../images/rec_logo.png) no-repeat 0 0px;
    color:#72674C;
    height: 60px;
    padding: 10px 0 0 86px;
}
.rec_content{
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}
.rec_content .rec_con{
    border-bottom: 1px #ccc dashed;
    padding-bottom: 20px;
    margin-bottom: 30px;
    clear: both;
    overflow: hidden;
}
.rec_content .rec_con.last{
    border-bottom: none;
}
.rec_con ul{
    overflow: hidden;
    display: block;
}

.rec_con .last{
    padding-right: 0;
}
.rec_content p, .rec_content li{
    line-height: 180%;
}
.rec_content h3{
    font-size: 30px;
    color:#72674C;
    font-weight: normal;
    padding: 20px 0;
}
.rec_content h4{
    font-size: 18px;
    color:#000;
    padding: 40px 0 20px;
    font-weight: normal;
}
.hrap_content .hraptitle h3{
    font-size: 24px;
    color:#929292;
    padding: 20px 0 0 0;
    font-weight: normal;
}
.rec_content .rec_con .recimg1{
    display: block;
    float: right;
    margin-left:30px; 
}
.rec_content .rec_con .recimg8{
    margin:50px 0; 
}
.rec_content .rec_con .recimg1_640{
    display: none;
}
.rec_content .rectitle h4{
    padding: 10px 0;
}
.rec_content .reclist1{
    margin-bottom: 20px;
}
.rec_content .reclist1 li{
    list-style-position: inside;
    list-style-type: disc;
}
.rec_content .reclist2 li{
    list-style-position: inside;
    list-style-type: decimal;
}
#main .rec_content .reclist3 li{
    list-style-position: inside;
    list-style-type: decimal;
    color: #333;
    font-size: 16px;
}
#main .rec_content .reclist4 li{
    list-style-position: inside;
    list-style-type: none;
    float: left;
    width: 25%;
    margin-right: 12%;
}
#main .rec_content .reclist4 li.last{
    margin-right: 0;
}
.rec_content .rec_con .leftcon{
    float: left;
    width: 48%;
    display: block;
    overflow: hidden;
}
.rec_content .rec_con .rightcon{
    float: right;
    width: 48%;
    display: block;
    overflow: hidden;
}


.icon_bag {
    background: url(../images/icon_bag.jpg) no-repeat 0 0px;
    width: 22px;
    height:18px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_n {
    background: url(../images/icon_n.jpg) no-repeat 0 0px;
    width: 22px;
    height:18px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_recremote {
    background: url(../images/icon_recremote.jpg) no-repeat 0 0px;
    width: 22px;
    height:18px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_play2 {
    background: url(../images/icon_play2.jpg) no-repeat 0 0px;
    width: 22px;
    height:18px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_rec {
    background: url(../images/icon_rec.jpg) no-repeat 0 0px;
    width: 22px;
    height:18px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_pause2 {
    background: url(../images/icon_pause2.jpg) no-repeat 0 0px;
    width: 22px;
    height:18px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_stop2 {
    background: url(../images/icon_stop2.jpg) no-repeat 0 0px;
    width: 22px;
    height:18px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_bag2 {
    background: url(../images/icon_bag2.jpg) no-repeat 0 0px;
    width: 22px;
    height:18px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_help {
    background: url(../images/icon_help.jpg) no-repeat 0 0px;
    width: 22px;
    height:18px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_bluetooth {
    background: url(../images/icon_bluetooth.jpg) no-repeat 0 0px;
    width: 22px;
    height:18px;
    padding-left: 23px;
    margin-left: 4px;
}


/* koov */ 
#main #koovTopwrap {
    padding-top: 20px;
}
#koovTopwrap .contTop .left_cont .download_btn li.right {
    margin-left: 25px;
}

#koovTopwrap {
    background: url(../images/koov/banner_head.jpg) no-repeat center;
    background-size: 120%;
    width: 100%;
}
#koovTopwrap .contTop {
    max-width: 960px;
    margin: 0 auto;
    display: block;
    overflow: hidden;
    padding: 30px 0;
}
#koovTopwrap img {
    margin: auto;
    width: auto;
}
#koovTopwrap .contTop h1 {
    font-size: 36px;
    color: #333;
    font-weight: lighter;
    text-align: center;
    margin-top: .5em;
    margin-bottom: .8em;
}
#koovTopwrap .contTop p {
    font-size: 14px;
    color: #999999;
    margin-bottom: .5em;
    letter-spacing: 0;
}
#koovTopwrap .contTop .desc {
    color: #6C6C6C;
    text-align: justify;
    margin-bottom: 1em;
    line-height: 2em;
}
#koovTopwrap .contTop .left_cont {
    width: 43%;
}
#koovTopwrap .contTop .left_cont .download_btn {
    overflow: hidden;
}
#koovTopwrap .contTop .left_cont .download_btn li {
    display: inline-block;
    margin-bottom: 20px;
    float: left;
}
#koovTopwrap .contTop .left_cont .download_btn li.right {
    float: right;
}
#koovTopwrap .contTop .left_cont .download_btn li a {
    width: 180px;
    height: 50px;
    background-color: #989B9E;
    color: #fff;
    display: block;
    border-radius: 5px;
    font-size: 16px;
    line-height: 50px;
    text-align: center;
}
#koovTopwrap .contTop .left_cont .download_btn li a img {
    display: inline;
    vertical-align: middle;
}
#koovTopwrap .contTop .left_cont .download_btn li a span {
    vertical-align: middle;
    padding-left: 10px;
}

#main .koov_content .section.one {
    width: 100%;
    background-color: #F3F3F3;
}
#main .koov_content .section.one .phone_desc {
    display: none;
}
#main .koov_content .section.one .phone_desc .major_func {
    margin-bottom: 20px;
}
#main .koov_content .section.one .phone_desc h3 {
    font-size: 20px;
    font-weight: lighter;
}
#main .koov_content .section.one .phone_desc p {
    font-size: 12px;
    color: #666;
    margin: auto;
}
#main .koov_content .section .bgimg {
    width: 100%;
}
#main .koov_content .koov_con {
    max-width: 960px;
    margin:0 auto;
    text-align: center;
    padding-top: 80px;
    margin-bottom: 80px;
}
#main .koov_content .koov_con h1 {
    font-size: 50px;
    font-weight: lighter;
    color: #333;
}
#main .koov_content .koov_con p {
    max-width: 700px;
    font-size: 16px;
    line-height: 2em;
    margin: 45px auto;
}
#main .koov_content .section {
    position: relative;
}
#main .koov_content .section.two {
    padding-top: 80px;
}
#main .koov_content .section.two .koov_con {
    position: absolute;
    z-index: 9;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
#main .koov_content .section.two .bgimg {
    margin-bottom: 50px;
}
#main .koov_content .section.three {
    background: url(../images/koov/contpic_3.jpg) no-repeat 48% center;
    height: 680px;
}

#main .koov_content .section.three .koov_con .koov_text {
    text-align: left;
    margin-top: 110px;
    float: right;
}
#main .koov_content .section.three .koov_con p {
    margin-left: 0;
}
#main .koov_content .section.three .koov_con h1 {
    color: #fff;
}
#main .koov_content .section.three .koov_con p {
    color: #fff;
    max-width: 310px;
    text-align: left;
}
#main .koov_content .section.four img {
    margin: auto;
}
#main .koov_content .section.five {
    background-color: #F3F3F3;
}
#main .koov_content .section.five .koov_con {
    margin-bottom: 0;
    padding-top: 140px;
    padding-bottom: 100px;
    text-align: left;
}

#main .koov_content .section.five .text_wrap {
    width: 37.5%;
}
#main .koov_content .section.five img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 45%;
    width: 42%;
}
#main .koov_content .koov_con .run_enviro p, #main .koov_content .koov_con .explain p {
    line-height: 2em;
    margin: 0;
    color: #999;
    font-size: 14px;
    text-align: left;
    max-width: 100%;
}
#main .koov_content .koov_con .explain, #main .koov_content .koov_con .run_enviro {
    margin-top: 30px;
}
#main .koov_content .koov_con .attention {
    font-size: 12px;
    color: #999;
    margin-top: 30px;
    text-align: left;
    font-weight: lighter;
    line-height: 1.5em;
}
#main .koov_content .koov_con .explain p{
    font-size: 12px;
}
@media(max-width: 1400px) {
    #main .koov_content .section.two {
        padding-top: 0;
    }
    #main .koov_content .section.two .koov_con {
        position: static;
    }
    #main .koov_content .section.two .koov_con p {
        margin-bottom: 0;
    }
}
#main #koovTopwrap .phone_pic, #main .koov_content .phone_pic {
    display: none;
}

/* headphones_connect */
#appTopwrap .contTop.hpc .left_cont img {
    margin-top: 20px;
}
#main #appTopwrap .contTop .head_title {
    margin-bottom: 20px;
}
#main #appTopwrap .contTop .head_title img {
    display: inline-block;
    vertical-align: middle;
}
#main #appTopwrap .contTop .head_title h2 {
    display: inline-block;
    vertical-align: middle;
    padding-bottom: 0;
}
#main #appTopwrap .contTop.hpc .zhushi {
    font-size: 14px;
}
#main #appTopwrap .contTop.hpc .zhushi span {
    display: block;
}
#main #appTopwrap .contTop.hpc .zhushi a {
    color: #E37227;
    text-decoration: underline;
    margin-right: 15px;
}
#appTopwrap .contTop.hpc .downloadbtn li {
    width: 47%;
}
#main #appTopwrap .contTop.hpc .downloadbtn li img {
    margin: auto;
}
#main #appTopwrap .contTop.hpc .downloadbtn li a {
    background-color: #73684D;
    border-radius: 5px;
    margin-top: 15px;
}
#main .fixprod .fixcontent.hpc .listframe li {
    width: auto;
    margin-right: 20px;
}
#main .hpc_content .hpc_video {
    margin:100px auto;
}
#main .hpc_content .section .container {
    max-width: 960px;
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
}
#main .hpc_content .section .container.bigcontainer{
    max-width: 1114px;
}
#main .hpc_content .section .container.bigcontainer h3{
    text-align: center;
}
#main .hpc_content .section .container .hpc_func{
    position: relative;
}
#main .hpc_content .section h1 {
    font-size: 40px;
    font-weight: lighter;
    color: #72674C;
    padding: 60px 0;
}
#main .hpc_content .section.one h1{
    color: #5E7B93;
}
#main .hpc_content .section.two h1{
    color: #5E7B93;
}
#main .hpc_content .section.one h2{
    color: #5E7B93;
}
#main .hpc_content .section.two h2{
    color: #5E7B93;
}
#main .hpc_content .section.one {
    background-color: #fff;
}
#main .hpc_content .section.one .hpc_func {
    width: 50%;
    display: inline-block;
    float: left;
    margin-bottom: 80px;
}
#main .hpc_content .section h2 {
    font-size: 26px;
    font-weight: lighter;
    color: #72674C;
    line-height: 130%;
}
#main .hpc_content .section h3 {
    font-size: 20px;
    font-weight: lighter;
    padding:40px 0;
    text-align: left;
}
#main .hpc_content .section h2 {
    margin: 25px 0;
    text-align: left;
}
#main .hpc_content .section h2 span {
    font-size: 20px;
    display: block;
}
#main .hpc_content .section p {
    font-size: 16px;
    color: #333;
    text-align: center;
}
#main .hpc_content .section.one .hpc_func.four h2 {
    margin-bottom: 15px;
}
#main .hpc_content .section.two img {
    display: inline-block;
    vertical-align: middle;
}
#main .hpc_content .section.two .steps .step {
    width: 33%;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
    position: relative;
}
#main .hpc_content .section.two .steps h2 {
    margin-bottom: 20px;
}
#main .hpc_content .section.two .steps p {
    margin-bottom: 10px;
}
#main .hpc_content .section.two .steps .step .step_icon {
    margin: 35px 0;
}
#main .hpc_content .section.two .steps .arrow {
    position: absolute;
    bottom: 165px;
    left: -40%;
}
#main .fixprod .fixcontent .listframe li.newmapbtn {
    clear: both;
    list-style: none outside none;
}
#main .fixprod .fixcontent .listframe li.newmapbtn a{
    padding-left: 15px;
    text-decoration: underline;
}
#main .hpc_content .section.three {
    background-color: #f1f4f9;
}
#main .hpc_content .three h1{
    padding: 85px 0 0px;
}
#main .hpc_content .section p.zhushi{
    font-size: 12px;
    line-height: 180%;
    text-align: left;
    color: #666;
    padding:30px 0;
}

#main .hpc_content .section.four{
    padding:80px 0;
}
#main .hpc_content .section.four .hpc_func{
    clear: both;
    position: relative;
}
#main .hpc_content .section.four .hpc_func.listgroup{
    height: 650px;
}
#main .hpc_content .section.four img.img1{
    position: absolute;
    right: 0;
    top: 50px;
}
#main .hpc_content .section.four ul{
    text-align: center;
    position: relative;
    max-width: 960px;
    margin:0 auto;
}
#main .hpc_content .section.four ul.new0904{

    height: 3300px;
}

#main .hpc_content .section.four li.f1{
    position: absolute;
    top:200px;
    left: 200px;
    text-align: left;
    z-index: 1;
}
#main .hpc_content .section.four li.f2{
    position: absolute;
    top:2900px;
    left: 470px;
    text-align: left;
    max-width: 440px;
}
#main .hpc_content .section.four li p{
    text-align: left;
}
#main .hpc_content .section.four li.f3{
    position: absolute;
    top:900px;
    left: 514px;
    text-align: left;
    max-width: 372px;
}
#main .hpc_content .section.four li.f4{
    position: absolute;
    top:1800px;
    left: 44px;
    text-align: left;
    max-width: 500px;
    z-index: 1;
}
#main .hpc_content .section.four li.f5{
    position: absolute;
    top:2060px;
    left: 450px;
    text-align: left;
    max-width: 500px;
    z-index: 1;
}
#main .hpc_content .section.four .f6{
    position: absolute;
    top:85px;
    left: 0px;
    text-align: left;
    max-width: 255px;
    z-index: 1;
}
#main .hpc_content .section.four .f7{
    position: absolute;
    top:985px;
    left: 545px;
    text-align: left;
    max-width: 460px;
    z-index: 1;
}
#main .hpc_content .section.four .f6 p{
    text-align: left;
}
#main .hpc_content .section.four .f6 p.ms{
    font-size: 14px;
}
#main .hpc_content .section.four .f6 p.zs{
    font-size: 12px;
    color: #999;
}
#main .hpc_content .section.four .f7 p{
    text-align: left;
}
#main .hpc_content .section.four li.f3 h2{
    height: 33px;
}
#main .hpc_content .section.four li.f4 h2{
    height: 33px;
}
#main .hpc_content .section.four li.funcimg{
    position: absolute;
    width: 100%
}
#main .hpc_content .section.four li.funcimg.fimg1{
    left:430px;
}
#main .hpc_content .section.four li.funcimg.fimg2{
    left:0px;
    top:700px;
}
#main .hpc_content .section.four li.funcimg.fimg3{
    left:185px;
    top:1450px;
}
#main .hpc_content .section.four li.funcimg.fimg4{
    left:0px;
    top:2040px;
}
#main .hpc_content .section.four li.funcimg.fimg5{
    left:44px;
    top:2820px;
}
#main .hpc_content .section.four li.funcimg.fimg6{
    right:0px;
    top:20px;
}
#main .hpc_content .section.four .hpcli1{
    position: absolute;
    top:415px;
}
#main .hpc_content .section.four .listim{
    position: absolute;
}
#main .hpc_content .section.four .listim.im1{
    top:0;
    left: 40px;
}
#main .hpc_content .section.four .listim.im2{
    top:0;
    left: 340px;
}
#main .hpc_content .section.four .listim.im3{
    top:0;
    left: 640px;
}
#main .hpc_content .section.four .hpcli1 li{
    float: left;
    width: 234px;
    margin:0 36px;
}
#main .hpc_content .section.four .hpcli1 li img{
    position: absolute;
    top:0;
}
#main .hpc_content .section.four .hpcli1 li div{

}
#main .hpc_content .section.four .hpcli1 li p{
    text-align: left;
}
#main .hpc_content .section.four .hpcli1 h3 {
    color: #72674C;
    font-size: 20px;
    font-weight: lighter;
    padding:10px 0;
}
#main .hpc_content .section.four .hpcli1 li h2 {
    margin-bottom: 0;

}
#main .hpc_content .section.four .hpcli2{
    margin:50px 0;
}

#main .hpc_content .section.four .hpcli2 li p{
    text-align: left;
}
#main .hpc_content .section.four .hpcli2 li div{
    max-width: 340px;
    padding: 70px 0 0 90px;
}
#main .hpc_content .section.four img.img2{
    margin-top: 900px;
    display: inline;
}
#main .hpc_content .section.five{
    background-color: #f5f7f9;
}
#main .hpc_content .section.five .hpcli3{
    margin:50px 0;
}
#main .hpc_content .section.five .hpcli3 li{
    float: left;
    width: 50%;
    text-align: left;
}
#main .hpc_content .section.five .hpcli3 li div{
    max-width: 360px;
    text-align: left;
}
#main .hpc_content .section.five .hpcli3 h2{
    padding-top:65px;
}
#main .hpc_content .section.five .hpcli3 h3{
    color: #72674C;
    padding:15px 0 15px 45px;
}
#main .hpc_content .section.five .hpcli3 li p{
    text-align: left;
}
#main .hpc_content .section.five .hpcli3 h3.a1{
    background: url(../images/headphones/hpc_new_arrow1.jpg)no-repeat 0 12px;
}
#main .hpc_content .section.five .hpcli3 h3.a2{
    background: url(../images/headphones/hpc_new_arrow2.jpg)no-repeat 0 12px;
}
#main .hpc_content .section.five img.img3{
    clear: both;
    display: inline;
    margin: 50px 0;
}
#main .hpc_content .section.six .hpcli4{
    margin:50px 0;
}
#main .hpc_content .section.six .hpcli4 li{
    float: left;
    width: 50%;
    text-align: center;
}
#main .hpc_content .section.six .hpcli4 li img{
    display: inline;
    text-align: center;
}
#main .hpc_content .section.six img.img4{
    clear: both;
    display: inline;
    margin: 50px 0;
}
#main .hpc_content .section.six .hpcli4 li h2{
    text-align: left;
}
#main .hpc_content .section.six .hpcli4 li p{
    text-align: left;
}
#main .hpc_content .section.six .hpcli4 li div{
    max-width: 380px;
    margin-top: 220px;
}
#main .hpc_content .section.seven{
    background-color: #f5f7f9;
}
#main .hpc_content .section.seven .hpcli5 {
    margin:50px 0;
    overflow: hidden;
}
#main .hpc_content .section.seven .hpcli5 li{
    float: left;
    width: 260px;
    text-align: center;
    margin:30px 30px;
    height: 835px;
}
#main .hpc_content .section.seven .hpcli5 li h2{
    position: absolute;
    top: 700px;
}
#main .hpc_content .section.seven .hpcli5 li p{
    text-align: left;
    position: absolute;
    top: 780px;
    width: 315px;
}
#main .hpc_content .section.seven .hpcli5 li img{
    position: absolute;
    top: 0;
}

#main .hpc_content .section.seven .text1{
    position: absolute;
    top:980px;
    left: 400px;
    max-width: 600px;
    z-index: 1;
}
#main .hpc_content .section.seven .text1 p{
    text-align: left;
}
#main .hpc_content .section.seven .img3{
    position: absolute;
    top:1180px;
    left: 470px;
}
#main .hpc_content .section.seven .img4{
    position: relative;
    margin-bottom: 50px;
}
#main .hpc_content .section.eight .hpcli6{
    margin:50px 0;
    overflow: hidden;
    padding: 30px;

}
#main .hpc_content .section.eight .hpcli6 li{
    margin-bottom: 100px;
    position: relative;
}
#main .hpc_content .section.eight .hpcli6 li.newli1{
    text-align: right;  
}
#main .hpc_content .section.eight .hpcli6 li.newli1 img{
    display: inline;
}
#main .hpc_content .section.eight .hpcli6 li.newli1 div{
    position: absolute;
    text-align: left;
    top:120px;
}
#main .hpc_content .section.eight .hpcli6 li.newli1 div p{
    text-align: left;
    width: 37%;
}
#main .hpc_content .section.eight .hpcli6 li.newli2 div{
    position: absolute;
    text-align: left;
    top:120px;
    left:430px;
}
#main .hpc_content .section.eight .hpcli6 li.newli2 div p{
    text-align: left;
    width: 97%;
}


#main .hpc_content {
    display: none;
}
#main .hpc_content.on {
    display: block;
}

@media(max-width: 1023px) {
    #main .hpc_content .section.two .steps .arrow {
    display: none;
    }
    #main .hpc_content .section.two .steps .step .step_icon {
        display: none;
    }
    #main .hpc_content .section.two .steps h2 {
        margin-top: 30px;
    }
    #main .hpc_content .section.two .steps .step {
        width: 100%;
    }
#main .hpc_content .section.four li.funcimg {
    position: relative;
}
#main .hpc_content .section.four ul.new0904{

    height: auto;
    text-align: center;
}

#main .hpc_content .section.four li.f1{
    position: relative;
    top:auto;
    left: auto;
    text-align: center;
}
#main .hpc_content .section.four li.f2{
    position: relative;
    top:auto;
    left: auto;
    text-align: center;
    max-width: none;
}

#main .hpc_content .section.four li.f3{
    position: relative;
    top:auto;
    left: auto;
    text-align: center;
    max-width: none;
}
#main .hpc_content .section.four li.f4{
    position: relative;
    top:auto;
    left: auto;
    text-align: center;
    max-width: none;
}
#main .hpc_content .section.four li.f5{
    position: relative;
    top:auto;
    left: auto;
    text-align: center;
    max-width: none;
    z-index: 1;
}

#main .hpc_content .section.four li.funcimg{
    position: relative;
}
#main .hpc_content .section.four li.funcimg img{
    display: inline;
}
#main .hpc_content .section.four li.funcimg.fimg1{
    left:auto;
}
#main .hpc_content .section.four li.funcimg.fimg2{
    left:auto;
    top:auto;
}
#main .hpc_content .section.four li.funcimg.fimg3{
    left:auto;
    top:auto;
}
#main .hpc_content .section.four li.funcimg.fimg4{
    left:auto;
    top:auto;
}
#main .hpc_content .section.four li.funcimg.fimg5{
    left:auto;
    top:auto;
}
.adpopup{
    display: none;
}

}

@media(max-width:640px){
    #main .hpc_content .section .container {
        max-width: 95%;
    }
    #main .hpc_content .section.four li.f1 {
        position: relative;
        top: auto;
        left: auto;
    }
    #main .hpc_content .section.four li.f2 {
        position: relative;
        top: auto;
        left: auto;
        max-width: none;
    }
    #main .hpc_content .section.four li.f3 {
        position: relative;
        top: auto;
        left: auto;
        max-width: none;
    }
    #main .hpc_content .section.four .f6 {
        position: relative;
        top: auto;
        left: auto;
        max-width: unset;
        margin-top: 100px;
    }

    #main .hpc_content .section.four {
        padding: 50px 0;
    }
    #main .hpc_content .section.four .hpcli1 {
        margin: 50px 0px 0px;
        position: relative;
        top: auto;
    }
#main .hpc_content .section.four .hpc_func.listgroup {
    height: auto;
}
#main .hpc_content .section.four .listim {
    left: 0;
    right: 0;
    margin:0 auto;
}
#main .hpc_content .section.four .listim.im1 {
    top: 160px;
    left: 0;
}
#main .hpc_content .section.four .listim.im2 {
    top: 750px;
    left: 0;
}
#main .hpc_content .section.four .listim.im3 {
    top: 1370px;
    left: 0;
}
#main .hpc_content .section.four .hpcli1 li {
    float: none;
    margin: 0 auto;
    width: auto;
    padding-bottom: 440px;
}

#main .hpc_content .section.four .hpcli2 li {
    float: none;
    width: auto;
    text-align: center;
}
#main .hpc_content .section.four .hpcli1 li img{
    display: inline;
}
#main .hpc_content .section.four .hpcli2 li div {
    max-width: none;
    padding: 0;
}
#main .hpc_content .section.four .hpcli2 {
    margin: 50px 0 0 0;
}
#main .hpc_content .section.four img.img1 {
    position: relative;
    right: auto;
    top: auto;
}
#main .hpc_content .section.four img.img2 {
    margin-top: 50px;
}
#main .hpc_content .section.four .f7 {
    position: relative;
    top: auto;
    left: auto;
    text-align: left;
    max-width: unset;
    z-index: 1;
    margin-top: 50px;
}
#main .hpc_content .section.five .hpcli3 li {
    float: none;
    width: auto;
    text-align: center;
}
#main .hpc_content .section.five .hpcli3 h2 {
    padding-top: 0;
}
#main .hpc_content .section.five img.img3 {
    margin: 0;
}

#main .hpc_content .section.five .hpcli3 li div {
    max-width: unset;
}
#main .hpc_content .section.six .hpcli4 li {
    float: none;
    width: auto;
}
#main .hpc_content .section.six .hpcli4 li div {
    margin-top: 100px;
}

#main .hpc_content .section.seven .hpcli5 li {
    height: auto;
    float: none;
    margin: 50px auto;
    width: auto;
}

#main .hpc_content .section.seven .hpcli5 li img{
    display: inline;
    position: relative;
    top: auto;
}
#main .hpc_content .section.seven .hpcli5 {
    margin: 0;
}
#main .hpc_content .section.seven .hpcli5 li p {
    text-align: left;
}
#main .hpc_content .section.seven .hpcli5 li h2 {
    position: relative;
    top: auto;
}
#main .hpc_content .section.seven .hpcli5 li p {
    position: relative;
    top: auto;
    width: auto;
}
#main .hpc_content .section.seven .img4 {
    display: inline;
}
#main .hpc_content .section.seven .text {
    position: absolute;
    max-width: 500px;

}
#main .hpc_content .section.seven .text1 {
    position: relative;
    top: auto;
    left: auto;
    max-width: unset;
    z-index: 1;
}
#main .hpc_content .section.six .hpcli4 li div {
    max-width: none;
}

#main .hpc_content .section.eight .hpcli6{
    margin:50px 0;
    overflow: hidden;
    padding: 0;

}

#main .hpc_content .section.eight .hpcli6 li{
    text-align: center;  
}
#main .hpc_content .section.eight .hpcli6 li img{
    display: inline;
}
#main .hpc_content .section.eight .hpcli6 li.newli1 div{
    position: relative;
    text-align: center;
    top:auto;
}
#main .hpc_content .section.eight .hpcli6 li.newli1 div p{
    text-align: left;
    width: auto;
}
#main .hpc_content .section.eight .hpcli6 li.newli2 div{
    position: relative;
    text-align: center;
    top:auto;
    left:auto;
}
#main .hpc_content .section.eight .hpcli6 li.newli2 div p{
    text-align: left;
    width: auto;
}





}

/*--------------------------------------------------------------------------------
    #Homepage Update
--------------------------------------------------------------------------------*/
#homeupdate {
    margin: 20px auto;
    max-width: 540px;
    position: relative;
}
#homeupdate h3 {
    color: #000;
    font-size: 1.5em;
    font-weight: normal;
    margin-bottom: 10px;
    background: url(../images/index_titleicon1.png) no-repeat 0 0;
    line-height: 50px;
    padding-left: 65px;
}
#homeupdate .updatemore{
    position: absolute;
    right: 0;
    top:20px;
    text-decoration: none;
    color: #454545;
     background: url(../images/index_more.png) no-repeat 60px 2px;
     width: 80px;
}
#homeupdate .inner {
    border-top: 2px solid #454545;
    padding-top: 10px;
}
#homeupdate .inner .updatetab{ 
   
}
#homeupdate .updatetab ul{ 
    box-sizing: border-box;
    padding: 10px 0;
    margin: 0;
}
#homeupdate .updatetab ul li{ 
    padding-bottom: 10px;
    height: 40px;

}
#homeupdate .updatetab ul li span{ 
    margin: 0 10px 0 0;
    color: #454545;
}
#homeupdate .updatetab ul li a{ 
    line-height: 130%;
    width: 450px;
    display: block;
    float: right;
}

#homeupdate a {
    color: #454545;
    text-decoration: underline;
}
#homeupdate a:hover {
    color: #000;
}

@media(max-width:800px) {
    #homeupdate {
        margin: 15px 30px 0;
        width: auto;
    }
}
@media(max-width:640px) {
    #homeupdate {
        margin: 15px 0 10px 0;
    }
    #homeupdate h3 {
        font-size: 1.5em;
        padding-left: 5px;
    }
    #homeupdate .updatetab ul li{ 
        font-size: 12px;
    }
    #homeupdate .updatetab ul li span{ 
        margin: 0 3px;
    }

}

/*Galleryphoto*/

.galleryphoto{
    margin:20px 0;
    position: relative;
}
.galleryphoto h3{
    margin-bottom:10px;
}
.galleryphoto .gpbig li.on{
    display: block;
}
.galleryphoto .gpbig li{
    display: none;
}
.galleryphoto .gpsmall{
    margin: 10px auto;
    text-align: center;
}
.galleryphoto .gpsmall.n2{
    max-width: 375px; 
}
.galleryphoto .gpsmall.n3{
    max-width: 960px; 
}
.galleryphoto .gpsmall.n4 {
    max-width: 580px;
}
.galleryphoto .gpsmall li{
    float: left;
    margin-right:15px; 
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
    background-color: #000;
    line-height: 0;
    cursor: pointer;
}
.galleryphoto .gpsmall li.on{
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
}
.galleryphoto .gpsmall li img{
    display: inline;
}
.galleryphoto .gpsmall li.last{
    margin-right:0; 
}
.galleryphoto .arrow{
    position: absolute; 
    top:43%;
    width: 100%;
}
.galleryphoto .arrow .arrow-left{
    float: left;
    margin-left: 20px;
    cursor: pointer;
    display: block;
}
.galleryphoto .arrow .arrow-right{
    float: right;
    margin-right: 20px;
    cursor: pointer;
    display: block;
}
.galleryphoto .arrow .arrow-left.hide{
    display: none;
}
.galleryphoto .arrow .arrow-right.hide{
    display: none;
}
@media(max-width:639px) {
    .galleryphoto .arrow{
        top:50%;
    }
    .galleryphoto .arrow .arrow-left{
        width: 20px;
    }
    .galleryphoto .arrow .arrow-right{
        width: 20px;
    }
    .pmca_content .pmca_con .galleryphoto .gpsmall{
        display: none;
    }
}
@media(min-width:640px) and (max-width:768px){
    .galleryphoto .arrow{
        top:50%;
    }
    .galleryphoto .arrow .arrow-left{
        width: 20px;
    }
    .galleryphoto .arrow .arrow-right{
        width: 20px;
    }
    .pmca_content .pmca_con .galleryphoto .gpsmall{
        display: none;
    }
}

/*Hires-audio Recorder*/

#appTopwrap .contTop .right_cont.hrvct h2{
    background: url(../images/hrvc_logo.png) no-repeat 0 0px;
    color:#72674C;
    line-height: 100%;
    padding: 0px 0 20px 86px;
}
#main .fixprod.brown{
    background-color: #73684D;
}
#main .fixprod .fixcontent .listframe.brown {
    background-color: #73684D;
}
#main .fixprod .fixcontent .prodTab li.tabname_b{
    width:19.9%;
    color: #B6C5CC;
    background-color: #554C39;
    float: left;
    position: relative;
    margin-top: 6px;
    margin-left: 1px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a{
    color: #988962;
    width: 100%;
    display: block;
    padding: 8px 0;
    text-align: center;;
}
#main .fixprod .fixcontent .prodTab li.tabname_b a span{
    padding: 8px 0 8px 45px;
}
#main .fixprod .fixcontent .prodTab li.tabname_b.on {
    padding: 3px 0;
    margin-top: 0;
    background-color: #fff;
    margin-left: 0;
    text-align: center;
    color: #516679;
}

#main .fixprod .fixcontent .prodTab li.tabname_b.kind1{
    width: auto;
}
#main .fixprod .fixcontent .prodTab li.tabname_b.kind1 a span{
    padding: 10px 20px;
}

.hrvc_content{
    margin: 0 auto;
    width: 100%;
    max-width: 960px;
}
.hrvc_content .hrvc_con{
    border-bottom: 1px #ccc dashed;
    padding-bottom: 20px;
    margin-bottom: 30px;
}
.hrvc_content .hrvc_con.last{
    border-bottom: none;
}

.hrvc_con ul{
    overflow: hidden;
    display: block;
}

.hrvc_list1 li{
    float: left;
    padding-right: 60px;
}
.hrvc_list1 li.left50{
    width: 46%;
}
.hrvc_con .last{
    padding-right: 0;
}

.hrvc_content h3{
    font-size: 30px;
    color:#72674C;
    font-weight: normal;
    padding: 20px 0;
}
.hrvc_content h4{
    font-size: 18px;
    color:#72674C;
    padding: 20px 0 20px;
    font-weight: normal;
}
.hrvc_content .hrvctitle h3{
    font-size: 24px;
    color:#929292;
    padding: 20px 0 0 0;
    font-weight: normal;
}
.hrvc_content .hrvctitle h4{
    padding: 10px 0;
}
.hrvc_list3 li{
    float: left;
    width: 47%;
    padding-right: 50px;
    margin-bottom: 30px;
}
.icon_play {
    background: url(../images/icon_play.jpg) no-repeat 0 0px;
    width: 16px;
    height:16px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_stop {
    background: url(../images/icon_stop.jpg) no-repeat 0 0px;
    width: 16px;
    height:16px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_pause {
    background: url(../images/icon_pause.jpg) no-repeat 0 0px;
    width: 16px;
    height:16px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_pre {
    background: url(../images/icon_pre.jpg) no-repeat 0 0px;
    width: 16px;
    height:16px;
    padding-left: 23px;
    margin-left: 4px;
}
.icon_next {
    background: url(../images/icon_next.jpg) no-repeat 0 0px;
    width: 16px;
    height:16px;
    padding-left: 23px;
    margin-left: 4px;
}
#main ul li {
    font-size: 14px;
    color: #666;
}
.hrvc_list4 li{
    float: left;
    padding-right: 12px;
}
.hrvc_list5{
    margin-top: 20px;
}
.hrvc_list5 li{
    list-style-type: disc;
    list-style-position: inside;
    line-height: 180%;
}
.hrvc_list6 li{
    float: left;
    padding-right:70px;
    width: 240px;
}
.hrvc_list6 .zl1 {
    background: url(../images/hrap_img17.jpg) no-repeat 0 15px;
    padding-left: 60px;
}
.hrvc_list6 .zl2 {
    background: url(../images/hrap_img18.jpg) no-repeat 0 15px;
    padding-left: 60px;
}
.hrvc_list6 .zl3 {
    background: url(../images/hrap_img19.jpg) no-repeat 0 15px;
    padding-left: 60px;
    width: auto;  
}
.hrvc_list6 h4{
    padding-bottom: 5px;
}
.hrvc_list7{
    margin-bottom: 20px;
}
.hrvc_list7 li{
    list-style-type: disc;
    list-style-position: inside;
    line-height: 180%;
}
.hrvc_con .audiotab{
    width: 750px;
    margin:0 auto; 
    border: 1px #ccc solid;
}
.hrvc_con .audiotab tr td{
    line-height: 300%;
    font-size: 16px;
    border: 1px #ccc solid;
    padding-right: 0;
}
.hrvc_con .audiotab tr td.atab1{
    background-color: #bebebe;
}
.hrvc_con .audiotab tr td.atab2{
    background-color: #eee;
}
.hrvc_con .audiotab tr td.atab3{
    background-color: #E9EAD6;
}

/*Remote Camera Control*/

.rcc_content {
    margin: 0 auto;
    padding-top: 80px;
    width: 100%;
    max-width: 960px;
    text-align: center;
}
.rcc_content h2 {
    color: #516679;
    font-size: 30px;
    line-height: 40px;
    font-weight: normal;
}
.rcc_content p {
    font-size: 18px;
    color: #666;
}
#main .fixprod .fixcontent #rcc_listframe li {
    width: 140px;
}
.rcc_content span {
    font-size: 24px;
    color: #666;
    line-height: 100%;
}

.rcc_content #window-320 {
    display: none;
}
.rcc_content .content.window div {
    display: inline-block;
}
.rcc_content .content p {
    margin-top: 25px;
    margin-bottom: 50px;
}
.rcc_content .content.window img {
    display: inline-block;
    width: 43.541%;
}
.rcc_content .content.window div {
    width: 54%;
    float: right;
    text-align: left;
    padding-top: 40px;
}
.rcc_content .content.window div p {
    margin-top: 15px;
    margin-bottom: 45px;
}
.rcc_content .content a {
    color: #516679;
    font-weight: 600;
}
.rcc_content #manipulate {
    margin-top: 100px;
    overflow: hidden;
}
.rcc_content #manipulate p {
    margin-top: 10px;
    margin-bottom: 40px;
}
.rcc_content .content-img {
    margin: auto;
    margin-bottom: 65px;
}
.rcc_content .content .buttons {
    width: 45%;
    display: inline-block;
}
.rcc_content .content .image-text .text {
    width: 350px;
    text-align: left;
    display: inline-block;
    margin-left: 10px;
    padding-top: 15px;
}
.rcc_content .content .image-text p {
    margin-top: 10px;
    line-height: 25px;
    margin-bottom: 0;
}
.rcc_content .content .image-text img {
    display: inline;
    vertical-align: top;
}
.rcc_content .content #left {
    float: left;
}
.rcc_content .content #right {
    float: right;
}

.rcc_content #viewboard {
    margin-top: 100px;
    overflow: hidden;
}
.rcc_content #viewboard .views {
    width: 45%;
}
.rcc_content #viewboard .image-text {
    height: 90px;
    margin-bottom: 40px;
}
.rcc_content #viewboard #v1, .rcc_content #viewboard #v7 {
    height: 140px;
}
.rcc_content #viewboard .image-text .text {
    padding-top: 0;
    width: 380px;
}

.rcc_content #setting {
    margin-top: 100px;
    overflow: hidden;
}
#main .rcc_content .desc {
    font-size: 18px;
    margin-bottom: 30px;
}
.rcc_content #setting .image-text {
    height: 90px;
    margin-bottom: 50px;
}
.rcc_content #setting #s10 {
    height: 140px;
}
.rcc_content #setting .image-text .text {
    padding-top: 0;
    width: 380px;
}

.rcc_content .prompt {
    text-align: left;
}
.rcc_content .prompt span {
    font-size: 18px;
    color: #e37e2a;
    display: block;
    margin-bottom: 20px;
}
.rcc_content .prompt img {
    margin-top: 40px;
}
/*Hires-audio Recorder  END*/

/* Smart B-Trainer */

#appTopwrap .contTop .right_cont.sbt h2 {
    color: #72664c;
    padding-bottom: 20px;
}
#appTopwrap .contTop .right_cont.sbt h4 {
    color: #72664c;
    padding-bottom: 20px;
}
#appTopwrap .contTop .right_cont.sbt p {
    margin-bottom: 50px;
}
#appTopwrap .contTop .right_cont {
    width: 46.875%;
    float: right;
}
#main .fixprod .fixcontent.sbt .prodTab li.tabname_b {
    width: 25%;
}
.sbt_content {
    text-align: center;
    max-width: 960px;
    margin: auto;
    margin-bottom: 115px;
}
#main .sbt_content h2 {
    font-size: 30px;
    line-height: 30px;
    color: #72674c;
    margin-top: 80px;
    margin-bottom: 45px;
}
.sbt_content .section-1 {
    overflow: hidden;
    padding-bottom: 100px;
    border-bottom: 1px dashed #ccc;
}
.sbt_content .image-text {
    width: 50%;
    float: left;
    display: inline-block;
}
.sbt_content .image-text br  {
    display: none;
}
.sbt_content .image-text h4 {
    font-size: 18px;
    color: #72674c;
    margin-bottom: 15px;
    line-height: 26px;
}
.sbt_content .image-text p {
    font-size: 14px;
    color: #666;
    margin-bottom: 15px;
}
.sbt_content .image-text img {
    margin: auto;
}
.sbt_content .image-text .arrow {
    margin-bottom: 25px;
}

#main .sbt_content .section-2 h2 {
    margin-top: 60px;
}
.sbt_content .section-2 .image-text {
    width: 250px;
}
.sbt_content #bigsize {
    width: 100%;
    margin-bottom: 80px;
}
.sbt_content #bigsize .imgs {
    position: relative;
}
.sbt_content #bigsize .imgs img {
    display: inline-block;
    vertical-align: middle;
}
.section-2 .image-text p {
    text-align: left;
}
.sbt_content #bigsize p {
    text-align: center;
}
.sbt_content #bigsize .imgs .arrow2 {
    display: none;
}
@media (min-width: 960px) {
    .sbt_content #bigsize .imgs .arrow2 {
        display: block;
        position: absolute;
        top: 50%;
        margin-top: -6px;
        left: 265px;
    }
    #main .fixprod .fixcontent .prodTab li.tabname_b a span.icon11.on {
        background: url(../images/icon_11_on.png) no-repeat 0 5px;
    }
}
.sbt_content #bigsize .imgs .img1 {
    float: left;
}
.sbt_content #bigsize .imgs .img3 {
    float: right;
}
.sbt_content .section-2 .image-text.left p  {
    height: 42px;
}
.sbt_content .section-2 .image-text.right  {
    float: right
}
.sbt_content .section-2 .image-text.right p  {
    width: 260px;
    margin-left: -10px;
}
.sbt_content .section-2 .image-text.mid {
    float: none;
}


/*list*/

.list_content{
    background-color: #F2F0F1;
    padding: 30px 0;
}
.list_content .newslist{
    max-width: 1400px;
    margin:0 auto;
    text-align: center;
}
.list_content .newslist h2{
    font-size: 30px;
    line-height: 200%;
    font-weight: lighter;
}
.list_content .newslist ul{
    max-width: 900px;
    margin:30px auto;
    text-align: left;
    padding-bottom: 50px;
}
.list_content .newslist ul li{
    margin-bottom: 20px;
    clear: both;
    overflow: hidden;
}
.list_content .newslist ul li span{
    width: 120px;
    float: left;
    display: block;
    color: #333;
    font-size: 16px;
    line-height: 150%;
}
.list_content .newslist ul li a{
    display: block;
    float: left;
    color: #666;
    font-size: 16px;
    text-decoration: underline;
    line-height: 150%;
}

/*music_center*/

.mc_content{
    margin: 0 auto;
    width: 100%;

}
.mc_content h3{
    font-size: 40px;
    color:#72674C;
    padding: 20px 0;
    font-weight: normal;
    text-align: center;
    line-height: 200%;
    clear: both;
}
.mc_content .mc_con{
    text-align: center;
    clear: both;
    position: relative;
}
#main .mc_content .mc_con p{
    font-size: 16px;
    color: #333;
    text-align: center;
}
.mc_content .grey{
    background-color: #f6f6f6;
}
.mc_content .blue{
    background-color: #F8FBFF;
}
.mc_content .fonttop{
    padding-top: 70px;
}
.mc_content .fonttop2{
    padding: 150px 0 80px 0;
}
.mc_content .fuction1{
    width: 1024px;
    margin: 0 auto;
    padding-top: 50px;
}
.mc_content .fuction1 img{
    float: left;
}

.mc_content .fuction1 ul{
    float: left;
    text-align: left;
    max-width: 270px;
    margin-top: 50px;
}
#main .mc_content .fuction1 ul li{
    line-height: 150%;
    margin-bottom: 10px;
    font-size: 16px;
    color: #333;
}
#main .mc_content .fuction1 ul li.bluezhushi{
    color: #31B1EB;
    font-size: 14px;
}
.mc_content .mc_con .ftext{
    padding-bottom: 550px;
}
.mc_content .mc_con .mcconwrap{
    clear: both;
    width: 960px;
    margin: 0 auto;
    position: relative;
}
.mc_content .mc_con .fimg{
    position: absolute;
    bottom: -100px;
    left: 0;
    right: 0;
    margin: 0 auto;
}
.mc_content .mc_con .cimg{
    display: inline;
    text-align: center;
    max-width: none;
}
.mc_content .mc_con p.mcontext{
    text-align: left;
    position: absolute;
    line-height: 200%;
}
.mc_content .mc_con span.bluetitle{
    color: #81D4D2;
    font-size: 40px;
    line-height: 200%;
}
.mc_content .mc_con p.mcontext.c1{
    text-align: left;
    position: absolute;
    top:7%;
}
.mc_content .mc_con .cimg.p1{
    padding-left: 360px;
}
.mc_content .mc_con p.mcontext.c2{
    text-align: left;
    position: absolute;
    right: 0%;
    top:38%;
}
.mc_content .mc_con .cimg.p2{
    display: block;
}
.mc_content .mc_con p.mcontext.c3{
    text-align: left;
    position: absolute;
    left: 34%;
    top:28%;
}
.mc_content .mc_con .cimg.p4{
    display: block;
    padding: 50px 0 100px;
}
.mc_content .mc_con p.mcontext.c4{
    text-align: left;
    position: absolute;
    top:8%;
}
.mc_content .mc_con p.mcontext.c5{
    text-align: left;
    position: absolute;
    right:8%;
    bottom: 21%;
}
.mc_content .mc_con p.mcontext.c5 .bluetishi{
    color: #31B1EB;
}
.mc_content .mc_con .mcconwrap2{
    background: url(../images/music_center_img8.jpg)no-repeat 50% 50%;
    height: 1219px;
    clear: both;
    position: relative;
}
.mc_content .mc_con .c6{
    position: absolute;
    top:430px;
    left: 0;
    right: 0;
    margin: auto;
}
.mc_content .mc_con .cimg.p5{
    display: block;
    padding: 50px 0 100px;
}
.mc_content .mc_con p.mcontext.c7{
    right: 0;
    top:20%;
}
.mc_content .mc_con .cimg.p6{
    display: block;
    padding-left: 350px;
}
.mc_content .mc_con p.mcontext.c8{
    left: 6%;
    top:20%;
}
.mc_content a.clickknowmore{
    width: 129px;
    margin: 50px auto;
    display: block;
    font-size: 16px;
    color: #fff;
    background-color: #31B1EB;
    padding: 8px 15px;
    border-radius: 5px;
}
.mc_content a.clickknowmore:hover{
    background-color: #999;
}
@media(min-width:769px) and (max-width:1023px) {
    .pc{
        display: none;
    }
    .mc_content .fuction1 {
        width: 768px;
        margin: 0 auto;
        padding-top: 50px;
    }
    .mc_content .fuction1 img {
        float: none;
        width: 100%;
        max-width: 768px;
        display: inline;
    }
    .mc_content .fuction1 ul {
        float: none;
        text-align: left;
        max-width: 90%;
        padding: 0 10px;
    }
    .mc_content h3 {
        font-size: 35px;
        width: 96%;
    }
    .mc_content .mc_con .cimg{
        max-width: 100%;
    }
    .mc_content .mc_con .ftext {
        padding-bottom: 30px;
        width: 100%;
        text-align: center;
        margin: 0 auto;
    }
    .mc_content .mc_con .fimg {
        position: relative;
        bottom:auto;
    }
    .mc_content .fonttop2 {
        padding: 50px 0 30px 0;
    }
    .mc_content .mc_con p.mcontext.c1 {
        position: relative;
        right: auto;
        top: auto;
    }
    .mc_content .mc_con p.mcontext.c2 {
        position: relative;
        top: auto;
        right: auto;
    }
    .mc_content .mc_con p.mcontext.c3 {
        position: relative;
        left: auto;
        top: auto;
    }
    .mc_content .mc_con p.mcontext.c4 {
        position: relative;
        top: auto;
    }
    .mc_content .mc_con p.mcontext.c5 {
        position: relative;
        right: auto;
        bottom: auto;
    }
    .mc_content .mc_con p.mcontext.c7{
        right: auto;
        top:auto;
    }
    .mc_content .mc_con p.mcontext.c8{
        left: auto;
        top:auto;
    }
    .mc_content .mc_con .cimg.p1 {
        padding-left: 0;
    }
    .mc_content .mc_con .cimg.p4 {
        padding: 0 0 20px;
    }
    .mc_content .mc_con .cimg.p5 {
        padding: 0 ;
    }
    .mc_content .mc_con .cimg.p6 {
        padding-left: 0;
    }
    .mc_content .mc_con .mcconwrap {
        width: 768px;
    }
    .mc_content .mc_con p.mcontext {
        position: relative;
        line-height: 200%;
    }
    .mc_content .mc_con .mcconwrap2{
        background: url(../images/music_center_img8_s.jpg)no-repeat 50% 50%;
        height: 650px;
    }
    .mc_content .mc_con .c6 {
        top: 200px;
    }
    .mc_content .mc_con p.mcontext.c8{
        left:0;
        top:0;
        margin-top: 30px;
    }
}
@media(min-width:641px) and (max-width:768px) {
    .pc{
        display: none;
    }
    .mc_content .fuction1 {
        width: 640px;
        margin: 0 auto;
        padding-top: 50px;
    }
    .mc_content .fuction1 img {
        float: none;
        width: 100%;
        max-width: 640px;
        display: inline;
    }
    .mc_content .fuction1 ul {
        float: none;
        text-align: left;
        max-width: 90%;
        padding: 0 10px;
    }
    .mc_content h3 {
        font-size: 35px;
        width: 96%;
    }
    .mc_content .mc_con .cimg{
        max-width: 100%;
    }
    .mc_content .mc_con .ftext {
        padding-bottom: 30px;
        width: 600px;
        text-align: center;
        margin: 0 auto;
    }
    .mc_content .mc_con .fimg {
        position: relative;
        bottom:auto;
    }
    .mc_content .fonttop2 {
        padding: 50px 0 30px 0;
    }
    .mc_content .mc_con p.mcontext.c1 {
        position: relative;
        right: auto;
        top: auto;
    }
    .mc_content .mc_con p.mcontext.c2 {
        position: relative;
        top: auto;
        right: auto;
    }
    .mc_content .mc_con p.mcontext.c3 {
        position: relative;
        left: auto;
        top: auto;
    }
    .mc_content .mc_con p.mcontext.c4 {
        position: relative;
        top: auto;
    }
    .mc_content .mc_con p.mcontext.c5 {
        position: relative;
        right: auto;
        bottom: auto;
    }
    .mc_content .mc_con p.mcontext.c7{
        right: auto;
        top:auto;
    }
    .mc_content .mc_con p.mcontext.c8{
        left: auto;
        top:auto;
    }
    .mc_content .mc_con .cimg.p1 {
        padding-left: 0;
    }
    .mc_content .mc_con .cimg.p4 {
        padding: 0 0 20px;
    }
    .mc_content .mc_con .cimg.p5 {
        padding: 0 ;
    }
    .mc_content .mc_con .cimg.p6 {
        padding-left: 0;
    }
    .mc_content .mc_con .mcconwrap {
        width: 640px;
    }
    .mc_content .mc_con p.mcontext {
        position: relative;
        line-height: 200%;
    }
    .mc_content .mc_con .mcconwrap2{
        background: url(../images/music_center_img8_s.jpg)no-repeat 50% 50%;
        height: 650px;
    }
    .mc_content .mc_con .c6 {
        top: 187px;
        width: 640px;
    }
    .mc_content .mc_con p.mcontext.c8{
        left:0;
        top:0;
        margin-top: 30px;
    }
}

@media(max-width:640px) {
    .pc{
        display: none;
    }
    .mc_content .fuction1 {
        width: 320px;
        margin: 0 auto;
        padding-top: 50px;
    }
    .mc_content .fuction1 img {
        float: none;
        width: 100%;
        max-width: 320px;
        display: inline;
    }
    .mc_content .fuction1 ul {
        float: none;
        text-align: left;
        max-width: 90%;
        padding: 0 10px;
    }
    .mc_content h3 {
        font-size: 30px;
        width: 96%;
    }
    .mc_content .mc_con .cimg{
        max-width: 100%;
    }
    .mc_content .mc_con .ftext {
        padding-bottom: 30px;
        width: 320px;
        text-align: center;
        margin: 0 auto;
    }
    .mc_content .mc_con .fimg {
        position: relative;
        bottom:auto;
    }
    .mc_content .fonttop2 {
        padding: 50px 0 30px 0;
    }
    .mc_content .mc_con p.mcontext.c1 {
        position: relative;
        right: auto;
        top: auto;
    }
    .mc_content .mc_con p.mcontext.c2 {
        position: relative;
        top: auto;
        right: auto;
    }
    .mc_content .mc_con p.mcontext.c3 {
        position: relative;
        left: auto;
        top: auto;
    }
    .mc_content .mc_con p.mcontext.c4 {
        position: relative;
        top: auto;
    }
    #main .mc_content .mc_con p.mcontext.c5 {
        position: relative;
        right: auto;
        bottom: auto;
        font-size: 14px;
    }
    .mc_content .mc_con p.mcontext..c7{
        right: auto;
        top:auto;
    }
    .mc_content .mc_con p.mcontext..c8{
        left: auto;
        top:auto;
    }
    .mc_content .mc_con .cimg.p1 {
        padding-left: 0;
    }
    .mc_content .mc_con .cimg.p4 {
        padding: 0 0 20px;
    }
    .mc_content .mc_con .cimg.p5 {
        padding: 0 ;
    }
    .mc_content .mc_con .cimg.p6 {
        padding-left: 0;
    }
    .mc_content .mc_con .mcconwrap {
        width: 320px;
    }
    .mc_content .mc_con p.mcontext {
        position: relative;
        line-height: 200%;
    }
    .mc_content .mc_con .mcconwrap2{
        background: url(../images/music_center_img8_s.jpg)no-repeat 50% 50%;
        height: 650px;
    }
    .mc_content .mc_con .c6 {
        top: 195px;
        width: 320px;
    }
    .mc_content .mc_con p.mcontext.c8{
        left:0;
        top:0;
    }
    .mc_content .fonttop {
        padding-top: 40px;
        margin: 0 auto 20px;
    }
    .mc_content .easyk{
        display: inline;
    } 
}

/*FES Closet*/
#main .contTop .festop {
    text-align: center;
}
#main .contTop .festop .fesqr{
    text-align: center;
    padding-bottom: 30px;
    overflow: hidden;
}
#main .contTop .festop .fesqr li{
    float: left;
    width: 49%;
    text-align: center;
}
#main .contTop .festop .fesqr li img{
    display: inline;
}
#main .contTop .fesicon{
    display: inline;
    padding-bottom: 30px;
}
#main .fixprod.fes {
    background-color: #D0D4D7;
}
#main .fixprod.fes .fixcontent .listframe {
    background-color: #989b9e;
}
#main .fixprod.fes .fixcontent .prodTab li.tabname_b a {
    color: #333;
}
#main .fes_content .section {
    position: relative;
    display: block;
    overflow: hidden;
}
#main .fes_content .section h3{
    font-size: 40px;
    line-height: 200%;
    margin-bottom: 20px;
    font-weight: lighter;
}
#main .fes_content .section p{
    font-size: 18px;
    line-height: 200%;
    color: #333;
}
#main .fes_content .fes_con {
    max-width: 960px;
    margin:0 auto;
    text-align: center;
    padding-top: 50px;
    margin-bottom: 50px;
    overflow: hidden;
}
#main .fes_content .section.one {
    height: 1018px;
}
#main .fes_content .section.one .fesvideo{
    background: url(../images/fes_bg1.jpg) no-repeat center center;
    height: 500px;
    text-align: center;
}
#main .fes_content .section.one .fesvideo .video1{
/*    left: 0;
    right: 0;
    bottom: 0;*/
    margin:0 auto;
/*    position: absolute;*/
    max-width: 900px;
    padding-top: 400px;
}
#main .fes_content .section.one .fesvideo .video1 p{
    margin:30px 0 60px;
    font-size: 24px;
    text-align: center;
}

#main .fes_content .section.two{
    background: url(../images/fes_bg2.jpg) no-repeat center center;
    height: 618px;
}
#main .fes_content .section.two .part1{
    max-width: 385px;
    padding-left: 520px;
}
#main .fes_content .section.two .part1 h3, #main .fes_content .section.two .part1 p{
    text-align: left;
}
#main .fes_content .section.two .part1 img{
    display: inline;
}
#main .fes_content .section.three p{
    text-align: center;
}
#main .fes_content .section.three ul{
    width:881px;
    margin: 40px auto;
    display: block;
    overflow: hidden;
}
#main .fes_content .section.three ul li{
    float: left;
    margin-right: 100px;
    
}
#main .fes_content .section.three ul li.last{
    margin-right: 0;
}
#main .fes_content .section.four .fes_con .left{
    float: left;
    text-align: left;
    margin: 20px 0 0 30px;
}
#main .fes_content .section.four .fes_con .right{
    float: right;
    margin-right:30px;
}
#main .fes_content .section.five{
    background: url(../images/fes_bg3.jpg) no-repeat center center;
    height: 570px;
    margin:80px 0 60px; 
}
@media(min-width:769px) and (max-width:1023px) {
#main .fes_content .section.one .fesvideo .video1 {
        width: 90%;
    }
#main .fes_content .section.one {
    height: 990px;
}
#main .fes_content .section.two .part1 {
    max-width: 334px;
    padding-left: 53%;
}
#main .fes_content .section.three ul {
    width: 760px;
}
#main .fes_content .section.three ul li {
    float: left;
    margin-right: 39px;
}
#main .fes_content .section.four .fes_con .left {
    margin: 20px 0 0 10px;
}
#main .fes_content .section.four .fes_con .right {;
    margin-right: 10px;
}

}
@media(min-width:641px) and (max-width:768px) {
    #main .contTop .festop .fesqr{
        display: none;
    }
   #main .fes_content .section .fes_con{
        width: 90%;
        padding-top:0;
    }
    #main .fes_content .section.one .fesvideo {
        background: url(../images/fes_bg1_s.jpg) no-repeat center top;
        height: 416px;
    }
    #main .fes_content .section.one .fesvideo .video1 {
        width: 90%;
        padding-top: 310px;
    }
    #main .fes_content .section.one {
        height: 780px;
    }
    #main .fes_content .section.two{
        background: url(../images/fes_bg2_s.jpg) no-repeat 24% top;
        height: auto;
    }
    #main .fes_content .section.two .part1 {
        max-width: 100%;
        padding-left: 0;
        padding-top: 320px;
    }
    #main .fes_content .section.two .part1 h3{
        text-align: center;
    }
    #main .fes_content .section.three ul {
        width: auto;
        margin:0 auto;
    }
    #main .fes_content .section.three ul li {
        float: none;
        margin-right:0;
        text-align: center;
        margin-bottom: 40px;
    }
    #main .fes_content .section.three ul li img{
        display: inline;
    }
    #main .fes_content .section.four img{
        display: inline;
        text-align: center;
    }
    #main .fes_content .section.four .fes_con .left {
        float: none;
        text-align: left;
        margin: 0;
    }
    #main .fes_content .section.four .fes_con .right {
        float: none;
        margin-right: 0;
        padding-top: 30px;
        display: block;
    }
    #main .fes_content .section.five {
        margin: 0px 0 60px;
        background: url(../images/fes_bg3_s.jpg) no-repeat 60% center;
        height: 475px;
    }
    #main .fes_content .section p {
        text-align: center;
    }
    #main .fes_content .section.four h3 {
        text-align: center;
    }



}

@media(max-width:640px) {
    #main .contTop .festop .fesqr{
        display: none;
    }
    #main .fes_content .section .fes_con{
        width: 90%;
        padding-top:0;
    }
    #main .fes_content .section.one .fesvideo {
        background: url(../images/fes_bg1_s.jpg) no-repeat center top;
        height: 416px;
    }
    #main .fes_content .section.one .fesvideo .video1 {
        width: 90%;
        padding-top: 390px;
    }
    #main .fes_content .section.one {
        height: 780px;
    }
    #main .fes_content .section.two{
        background: url(../images/fes_bg2_s.jpg) no-repeat 24% top;
        height: auto;
    }
    #main .fes_content .section.two .part1 {
        max-width: 100%;
        padding-left: 0;
        padding-top: 320px;
    }
    #main .fes_content .section.two .part1 h3{
        text-align: center;
    }
    #main .fes_content .section.three ul {
        width: auto;
        margin:0 auto;
    }
    #main .fes_content .section.three ul li {
        float: none;
        margin-right:0;
        text-align: center;
        margin-bottom: 40px;
    }
    #main .fes_content .section.three ul li img{
        display: inline;
    }
    #main .fes_content .section.four img{
        display: inline;
        text-align: center;
    }
    #main .fes_content .section.four .fes_con .left {
        float: none;
        text-align: left;
        margin: 0;
    }
    #main .fes_content .section.four .fes_con .right {
        float: none;
        margin-right: 0;
        padding-top: 30px;
        display: block;
    }
    #main .fes_content .section.five {
        margin: 0px 0 60px;
        background: url(../images/fes_bg3_s.jpg) no-repeat 60% center;
        height: 475px;
    }
    #main .fes_content .section.three p {
        text-align: left;
    }
    #main .fes_content .section.four h3 {
        text-align: center;
    }

}
/*flaq banner*/
#main .flaqbanner{
        display: block;
        position: fixed;
        top:140px;
        right:20px;
        z-index: 99;
    }
@media(max-width:960px){
    #main .flaqbanner{
        display: none;
    }
}

/*Fiestable*/


#appTopwrap .contTop .right_cont.fiestable h2{
    background: url(../images/fiestable_logo.png) no-repeat 0 0px;
    color:#72674C;
    height: 60px;
    padding: 10px 0 0 86px;
}
#main .fiestable_content{
    background-color: #F2F0F1;
    position: relative;
    overflow: hidden;

}
#main .fies_sub_content{
    margin: 0 auto;
    padding: 50px 0;
    width: 100%;
    max-width: 960px;
    clear: both;
    overflow: hidden;
}
#main .fies_sub_content .installtips{
    width: 65%;
    float: left;
    
}
#main .fies_sub_content .installtips_rimg{
    float: right;
    margin-right: 10px;
}
#main .fies_sub_content .installtips .installcon{
    margin-left: 20px;
}
#main .fies_sub_content .installtips .installcon a{
    color:#666;
    text-decoration: underline;
}
#main .fies_sub_content .installtips .installcon a.zhushi{
    text-decoration: underline;
}
#main .fies_sub_content .installcon h3{
    font-size: 30px;
    color: #72674C;
    font-weight: lighter;
    line-height: 150%;
    margin-bottom: 40px;
}
#main .fies_sub_content .installcon h4{
    font-size: 20px;
    color: #333;
    font-weight: lighter;
    line-height: 150%;
    margin-bottom: 20px;
}
#main .fiestable_content.bg{
    background: url(../images/fiestable_bg_1.jpg) no-repeat 0 0;

    text-align: center;
    background-color: #fff;
}
#main .fiestable_content img{
    display: inline;
    margin-top: 70px;
}
#main .fiestable_content.white{
    background-color: #fff;
    text-align: center;
}

@media(max-width:640px) {
   #main .fies_sub_content {
        max-width: none;
        text-align: center;
    }
    #main .fies_sub_content .installtips {
        width: auto;
        float: none;
    }
    #main .fies_sub_content .installtips_rimg {
        float: none;
        margin-right: 0px;
        display: inline;
        margin-top: 40px;
    }
    #main .fiestable_content img {
        margin-top: 0px;
    }
    #main .fiestable_content .fiesimg{
        margin: 30px 0;
        max-width: 95%;
    }
}


/*music center for pc*/


#appTopwrap .contTop .right_cont.mcpc h2{
    background: url(../images/musiccenter_pc_logo.png) no-repeat 0 0px;
    color:#72674C;
    height: auto;
    padding: 0px 0 20px 86px;
    line-height: 100%;
}
.mcpcwrap{
    margin: 0 auto;
    width: 100%;

}
.mcpcwrap .mcpc_con{
    text-align: center;
    clear: both;
    position: relative;
    padding: 40px 0;
}
.mcpcwrap h3{
    font-size: 30px;
    color:#72674C;
    padding-bottom: 20px;
    font-weight: normal;
    text-align: center;
    clear: both;
}
.mcpcwrap h4{
    font-size: 20px;
    color:#333;
    padding-bottom: 20px;
    font-weight: normal;
    line-height: 150%;
}
.mcpcwrap .mcpc_con img{
    display: inline;
    padding-bottom: 20px;
}
.mcpcwrap  p{
    font-size: 16px;
    color: #333;
    color:#72674C;
    padding-bottom: 20px;
    max-width: 640px;
    margin: 0 auto;
}
.mcpcwrap .grey{
    background-color: #F2F0F1;
}
.mcpcwrap .bg1{
    background: url(../images/mcpc_img_3.jpg) no-repeat center center;
    height: 500px;
    padding: 0;
}
.mcpcwrap .text{
    max-width: 640px;
    margin:0 auto;
    text-align: left;
}
@media(max-width:960px){
    .mcpcwrap .bg1{
        background: url(../images/mcpc_img_3m.jpg) no-repeat center center;
        height: 250px;
    }
}
@media(max-width:640px){
    .mcpcwrap .mcpc_con {
        padding: 40px 10px;
    }
    .mcpcwrap .bg1{
        background: url(../images/mcpc_img_3s.jpg) no-repeat 0 0px;
        height: 240px;
    }
}
/*music center for pc*/


#appTopwrap .contTop .right_cont.earduo h2{
    background: url(../images/ear_duo_logo.png) no-repeat 0 0px;
    color:#72674C;
    height: 50px;
    padding: 10px 0 20px 86px;
    line-height: 100%;
}
.earduowrap{
    margin: 0 auto;
    width: 100%;

}
/*soundforge for pc*/


#appTopwrap .contTop .right_cont.soundforge h2{
    background: url(../images/soundforge_logo.png) no-repeat 0 0px;
    color:#72674C;
    height: 50px;
    padding: 10px 0 20px 86px;
    line-height: 100%;
}
.earduowrap{
    margin: 0 auto;
    width: 100%;

}
/*soundorganizer for pc*/


#appTopwrap .contTop .right_cont.soundorganizer h2{
    background: url(../images/soundorganizer_logo.png) no-repeat 0 0px;
    color:#72674C;
    height: 50px;
    padding: 10px 0 20px 86px;
    line-height: 100%;
}
.earduowrap{
    margin: 0 auto;
    width: 100%;
}

/*imaging edge*/
.imaingedgewrap{
    margin: 0 auto;
    width: 100%;
    background-color: #212121;
}

.imaingedgewrap .iedgetitle{
    margin: 0 auto;
    width: 100%;
    text-align: center;
    clear: both;
}
.imaingedgewrap .iedgetitle img{
    display: inline;
}
.imaingedgewrap .iedgecon1{
position: relative;
width: auto;
}
.imaingedgewrap .iedgecon1 img{
float: left;
width: 33.3%;
}
.imaingedgewrap .iedgecon2{
clear: both;
position: relative;
width: auto;
}
.imaingedgewrap .iedgecon2 img{
float: left;
width: 50%;
}
.imaingedgewrap .iedgecon3 .newbtn{
position: absolute;
}
.imaingedgewrap .iedgecon3 .newbtn img{
width: 160px;
}
.imaingedgewrap .iedgecon3 .newbtn.mobile1{
top:4%;
right:3%;
}
.imaingedgewrap .iedgecon3 .newbtn.mobile2{
top:11%;
right:3%;
}

.imaingedgewrap .iedgecon3{
clear: both;
width: auto;
}
.imaingedgewrap .iedgecon3 li{
position: relative;
float: left;
width: 33.3%;
}
.fixprod{
    clear: both;
}
/*filerescue*/
.filerescue {
    width: 1400px;
}
.filerescue .content{
    overflow: hidden;
}
.filerescue .content ul li{
    max-width: 50%;
    padding: 0;
}
.filerescue .filenote{
    clear: both;
    max-width: 900px;
    margin:20px auto 50px;
}
.filerescue .filenote ol li{
    float: none;
    color:#636363;
    line-height: 200%;
}
@media(max-width:1600px){
    .imaingedgewrap .iedgecon3 .newbtn img{
    width: 120px;
    }
}
@media(max-width:1366px){
    .filerescue {
        width: 1200px;
    }
}
@media(max-width:1200px){
    .imaingedgewrap .iedgecon3 .newbtn img{
    width: 100px;
    }
}
@media(max-width:1024px){
    .filerescue {
        width: 960px;
    }
    .imaingedgewrap .iedgecon3 .newbtn img{
    width: 80px;
    }
}
@media(max-width:960px){
    .filerescue {
        width: 960px;
    }
    .filerescue .content{
        margin:0;
    }
    .filerescue .content ul li{
        float: none;
        margin: 0 auto 30px;
        width: 100%;
        max-width: 100%;
    }
    .filerescue .content ul li img{
        display: inline;
    }
    .filerescue .filenote{
        max-width: 640px;
        margin-top: 0;
    }
    .filerescue .filenote ol li{
        width: 100%;
    }


}
@media(max-width:768px){
    

}


/*PlayMemories Mobile modify*/
.pmmclick {
    display: block;
    width: 250px;
    left: 0;
    right: 0;
    margin: 10px auto 100px;
}
.pmmclick li{
    text-align: center;
}
.pmmclick a{
    display: block;
    padding: 10px 30px;
    color: #666;
    line-height: 1.5em;
    background-color: #ccc;
    border-radius: 10px;
}
.pmmclick a:hover{
    opacity: 0.6;
}
.pmmclick a span{
    font-size: 12px;
}

/*Remote Camera Tool*/
.contTop.rct .right_cont dl{
    float: left;
    color: #636363;
    margin-bottom: 40px;
}
.contTop.rct .right_cont dl.right{
    float: right;
}

.contTop.rct .right_cont dl dd{
    margin: 10px 0 0 20px;
}
@media(max-width:768px){
    
    .contTop.rct .right_cont dl{
        float: none;
    }
    .contTop.rct .right_cont dl.right{
        float: none;
        margin-bottom: 50px;
        display: block;
    }
}

.reurlpopup{
    display: none;
    background-color: #000;
    position: fixed;
    top:0;
    right: 0;
    bottom:0;
    left:0;
    opacity: 0.7;
    z-index: 9998;
    cursor: pointer;
}
.reurlpopuptop{
    position: fixed;
    max-width: 718px;
    top: 30%;
    left: 0;
    right: 0;
    margin: auto auto;
    z-index: 9999;
    opacity: 1;
    display: none;
}
.popmask{
    display: block;
}