@charset "utf-8";
/* CSS Document */
/*blockBox*/
.blockBox{background:url(../images/public/block_bg_1.gif) #fff top repeat-x;}
.blockBox.first{background:none}
.blockBoxCon{margin:0 auto;width:980px;height:500px;clear:both;position:relative;zoom:1;}

/*product*/
#productG .blockBoxCon{background-position:right 0;background-repeat:no-repeat;}
#productG .detailBox{padding:45px 0 95px;width:470px;}
#productG .detailBox h4{font-size:2.3rem;line-height:1;font-weight:bold;margin-bottom:8px;color:#000}
#productG .detailBox h5{font-size:1.3rem;line-height:1;}
#productG .detailBox .info-list{font-size:1.18rem;margin-top:18px}
#productG .detailBox .info-list li{line-height:1.4;margin-bottom:5px;position:relative;padding-left:15px;zoom:1;}
#productG .detailBox .info-list .sum{margin-bottom:15px;padding-left:0;}
#productG .detailBox .info-list li .sq{font-size:1rem;position:absolute;left:0;top:0;}
#productG .detailBox .funBtnApp{position:absolute;bottom:30px;}
#productG .detailBox .funDevice{bottom:20px;}
#productG .detailBox .funDevice .co{height:20px;line-height:20px;font-size:1.2rem;margin-bottom:10px;}

a.btn_LD{width:250px;height:50px;line-height:50px;display:inline-block;background:#a10e14;color:#fff;text-align:center;font-size:1.2rem;}
.btn_LD .arrow{display:inline-block;*vertical-align:middle;_display:inline;width:10px;height:14px;background:url(../images/public/br_arrow.gif) no-repeat;}
.mutiDownload{height:48px;line-height:46px;background:url(../images/public/whiteOP50_c.png) top repeat-x;font-size:0.86rem;color:#5c5c5c;}
.mutiDownload a{color:#5c5c5c;text-decoration:underline;margin-right:8px;line-height:1;}
.mutiDownload .type{display:inline-block;vertical-align:middle;text-decoration:underline;line-height:1.3;}
.mutiDownload span{*cursor:pointer}
.icon_deviceX1{display:inline-block;vertical-align:middle;height:40px;background:url(../images/public/icon_deviceX1.png) no-repeat;margin-right:6px}
.icon_deviceX1.iPhone{width:18px;background-position:0 0;}
.icon_deviceX1.iPad{width:32px;background-position:-18px 0;}
.icon_deviceX1.andPhone{width:20px;background-position:-50px 0;}
.icon_deviceX1.andPad{width:52px;background-position:-70px 0;}
.icon_deviceX1.winPhone{width:20px;background-position:-173px 0;}
.icon_deviceX1.winPad{width:51px;background-position:-122px 0;}

.detailBox_right{float:right}
.detailBox_left .btn_LD .arrow{background-position:-10px 0;margin-left:8px}

/*product*/
.supportBox{clear:both;margin-top:20px;}
.supportBox h4{color:#000;font-size:1.2rem; line-height:1;border-bottom:1px #d5d5d5 solid;padding-bottom:15px;margin-bottom:10px;}
.supportBox .box{display:inline-block;vertical-align:top;background:#fdfdfd;margin:10px 7px;text-align:center;}
.supportBox .box img{width:225px;height:225px;border:1px #d0d0d0 solid;}
.supportBox .box span{margin-top:5px;display:block;}

/*regionalMap*/
#regionalMap{min-width:980px;width:100%;height:650px;color:#ffffff;background:url(../images/corporate/regionalMap_bg.gif) #910000 left top repeat-x}
#regionalMap .regionalMap_bg{width:100%;background:url(../images/corporate/regionalMap_map.png) center center no-repeat;_background:url(../images/corporate/regionalMap_map.gif) center center no-repeat;}
#regionalMap .pageInner{height:650px;position:relative;zoom:1;}
#regionalMap h2{font-size:2.5rem; color:#ffffff; font-weight:bold; padding-top:45px}
#regionalMap .caption{width:100%;text-align:center;font-size:1.5rem;font-weight:bold;position:absolute;bottom:28px;}
#regionalMap .regional{position:absolute;*margin-top:-5px;}
#regionalMap .spot{font-size:1.3rem;line-height:1;display:inline-block;cursor:pointer;z-index:0;}
#regionalMap .spot em{display:inline-block;width:15px;height:15px;overflow:hidden;background:#d39e9e;color:#d39e9e;}
#regionalMap .mapTip{font-size:1.2rem;display:none;position:absolute;z-index:300;top:0;width:200px;padding:10px;background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(182,0,5,.9)),to(rgba(182,0,5,.9)));background-image:-moz-linear-gradient(rgba(182,0,5,.9) 0%,rgba(182,0,5,.9) 100%);background-image:-ms-linear-gradient(rgba(182,0,5,.9) 0%,rgba(182,0,5,.9) 100%);background-image:-o-linear-gradient(rgba(182,0,5,.9) 0%,rgba(182,0,5,.9) 100%);background-image:linear-gradient(rgba(182,0,5,.9) 0%,rgba(182,0,5,.9) 100%);/*filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeb60005',endColorstr='#eeb60005');*/ background-color:#b60005\9;}
#regionalMap .mapTip a{color:#ffffff;text-decoration:underline}
#regionalMap .mapTip h4{font-size:1.6rem;line-height:1;}
#regionalMap .mapTip h6{font-size:0.9rem;font-weight:normal;line-height:1;margin-top:8px;}
#regionalMap .mapTip p{margin-top:10px;}
#regionalMap .mapTip .col{width:205px;float:left;padding:0 10px;}
/*regionalMap end*/
#ArcSoftBanner {background:#000;height:550px;overflow:hidden;position:relative;}
/*#ArcSoftBanner div.pict {cursor: default !important;}*/
/*#ArcSoftBanner div.main {position: static;text-align: center;display: block;cursor: pointer !important}*/
#ArcSoftBanner div.main {position: static;text-align: center;display: block;}
#ArcSoftBanner .element {display: none;position: absolute !important;}
#ArcSoftBanner .left {top :0px;left: 0;cursor: pointer; }
#ArcSoftBanner .right {top: 0px;right: 0;cursor: pointer;}
#ArcSoftBanner .main .guardian {display: none;height: 0;}
#ArcSoftBanner .navi {z-index: 9999999;}
#ArcSoftBanner div.main{display:none;}
#ArcSoftBanner div.element{position:absolute !important;}
/*---------------------Corporate AboutUs start---------------------*/
#corporateCon{overflow:hidden; padding:30px 0px 40px 0px; margin:0 auto}
#corporateCon h2.corporateCon-h2{font-size:1.5rem; font-weight:bold; padding-bottom:24px; color:#000000}
#corporateCon p{ color:#4d4d4d; line-height:1.6; font-size:1.0rem; padding-bottom:24px}
/*---------------------Corporate AboutUs end--------------------------*/
/*---------------------Corporate Bio ol start-------------------------*/
#corporateBioBanner{ width:100%; height:400px; overflow:hidden; background:url(../images/corporate/ArcsoftBlogBg-A.jpg) repeat-x #a10e14}
#corporateBioBanner .BioBannerA{ width:980px; height:400px; margin:0 auto; background:url(../images/corporate/ArcsoftBioBanner.png) no-repeat}
#corporateBioBanner .BioBannerA h1{ color:#ffffff; font-size:36px; padding:15px 0 0 25px;}
#corporateBioCon{color:#4d4d4d; overflow:hidden; padding:30px 0px 0px 0px;}
#corporateBioCon h1.BioCon-h1{ font-size:2rem; margin-bottom:15px}
#corporateBioCon p.BioCon-txt{ font-size:1.2rem; line-height:1.6; margin-bottom:40px}

#corporateBioCon .BioConBox{ width:980px; height:auto; overflow:hidden; padding-bottom:80px}
#corporateBioCon .BioConBox .BioConBoxLeft{ width:254px; height:auto; background:url(../images/corporate/Bio-BG.jpg) no-repeat; padding:16px 0 0 16px; float:left; overflow:hidden}
#corporateBioCon .BioConBox .BioConBoxLeft .BioConBoxLeft-Ul{ display:block; margin-top:35px}
#corporateBioCon .BioConBox .BioConBoxLeft .BioConBoxLeft-Ul li{ display:block; font-size:1rem; line-height:1.1; margin-bottom:10px; padding-left:12px; background:url(../images/corporate/ArcsoftBio-point.jpg) no-repeat top left}
#corporateBioCon .BioConBox .BioConBoxRight{ width: 660px; padding-left:40px; float:left; height:auto; overflow:hidden}
#corporateBioCon .BioConBox .BioConBoxRight .BioConBoxRight-h2{ font-size:2rem; padding-top:5px; padding-bottom:10px;color:#000}
#corporateBioCon .BioConBox .BioConBoxRight .BioConBoxRight-p1{ font-size:1.2rem; padding-bottom:10px; line-height:1.6}
#corporateBioCon .BioConBox .BioConBoxRight .BioConBoxRight-em{font-size:1.2rem; padding-bottom:10px; line-height:1.6; font-style:italic; font-weight:bold}
/*contact.html*/
#contactWap a{color:#a10f13;text-decoration:underline;}
#contactWap .mainBody p{ margin-bottom:10px;}
#contactWap .businBtn{display:block;width:225px;height:50px;line-height:50px;background-color:#a10f13;color:#ffffff;font-size:1.2rem; }
#contactWap h1.contact-h1{ font-size:2.5rem; margin-bottom:10px;}
#contactWap .infobox{overflow:hidden;}
#contactWap .infobox p{ margin:0; padding:0px}
#contactWap .infobox .infoTitle{color:#4d4d4d; display:block; padding-bottom:3px}
#contactWap .infobox .infoCon{color:#4d4d4d; display:block; padding-bottom:5px}
#contactWap .infobox .infoCon .textInfo{width:580px;padding:0 5px; height:26px; border:1px solid #c2c3c7; line-height:1; font-size:0.95rem;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 1px #dddee0 inset; -webkit-box-shadow:1px 1px 1px #dddee0 inset;box-shadow:1px 1px 1px #dddee0 inset;}
#contactWap .infobox .infoNote{color:#b60005; padding-bottom:5px}
#contactWap .infoComment{ display:block; overflow:hidden;}
#contactWap .infoComment .infoTitle{color:#4d4d4d; display:block; padding-bottom:3px}
#contactWap .infoComment .textareaComment{ width:590px; height:205px; border:1px solid #c2c3c7; line-height:26px;  -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; -moz-box-shadow:1px 1px 1px #dddee0 inset; -webkit-box-shadow:1px 1px 1px #dddee0 inset;box-shadow:1px 1px 1px #dddee0 inset;}
#contactWap .infoComment .infoNoteTextarea{color:#b60005; padding:10px 0 0 0}
#contactWap .CommentBoxBtn{width:620px; height:auto; overflow:hidden; padding-top:20px; margin:0 auto;}
#contactWap .CommentBoxBtn p.CommentBoxBtn-p1{ margin-bottom:0px;
 /*width:470px; */
 display:block}
#contactWap .CommentBoxBtn .CommentBoxBtn-A{ width:465px; overflow:hidden;}
#contactWap .CommentBoxBtn .Btn{ display:block; width:202px; height:55px; vertical-align:middle;text-align:center; color:#ffffff; background-color:#a10f13; font-size:1rem; font-weight:bold; float:left; margin:10px 5px 0 5px; border:none; cursor:pointer}
#contactWap .sideWap p{ margin-bottom:20px}

/*careerWap.html*/
#careerWap a{color:#a10f13;text-decoration:underline;}
#careerWap .mainBody{padding-top:60px;}
#careerWap .regional{padding-top:20px;}
#careerWap .regional .tabTile{height:50px;background:#a10f13;padding:10px 20px 0;}
#careerWap .regional .tabTile span{display:inline-block;padding:0 20px;height:50px;line-height:45px;color:#fff;font-size:1.16rem;cursor:pointer;}
#careerWap .regional .tabTile span.cur{background:#fff;color:#b60005;cursor:default;}
#careerWap .regional .regionalCon{padding:15px 0;display:none;}
#careerWap .regional .regionalCon h5{font-size:1rem;border-bottom:1px #c9c9c9 solid;padding:10px 0;margin-bottom:10px;}
#careerWap .sideWap p{margin-bottom:8px}
#careerWap .sideWap .sp{background:#e0e0e0;margin-bottom:20px;}
#careerWap .sideWap .sp .avt{width:215px;height:215px}
#careerWap .sideWap .spCon{padding:15px}
#careerWap .sideWap .spCon .des{font-size:0.88em}
/*--------------------Technology css-----------------------*/
/*--------------------Technology FACE CSS-----------------------*/
#technologyA{ width:980px; height:auto; overflow:hidden; margin:0 auto; padding:30px 0 60px 0; clear:both;}
#technologyA .technologyA-Left{ width:680px; height:auto; overflow:hidden; float:left; padding-right:30px;border-right:1px solid #dcdcdc;color:#4d4d4d;font-size:1.2rem;line-height:1.6;margin-bottom:20px}
#technologyA .technologyA-Right{width:245px; height:auto; overflow:hidden; float:left; padding-top:5px; padding-left:20px;border-left:1px solid #dcdcdc;margin-left:-1px;}
#technologyA .technologyA-Left p{margin-bottom:20px}
#technologyA .tec-h1{margin-bottom:15px;line-height:1.4;font-size:1.4rem;}
#technologyA .tec-h2{margin-bottom:10px;line-height:1.4;}
#technologyA .ct{margin-bottom:15px;text-align:center;}
#technologyA a.ciBtn{display:block; width:230px; height:48px; line-height:48px; background-color:#a10f13; color:#ffffff; font-size:1.25rem; font-weight:bold; text-align:center;}
#technologyA .section{margin:30px 0;}
#technologyA .section .h3{font-size:1.15rem;line-height:1;margin-bottom:20px;font-weight:bold;}
#technologyA .section li{clear:both; margin-bottom:40px;}
#technologyA .section .cover{width:84px;height:84px; float:left;}
#technologyA .section .cd{margin-left:100px; line-height:1.2}
#technologyA .section .cd h4{line-height:1;margin-bottom:6px;}
#technologyA .tec-inquiry-ul{overflow:hidden; width:215px; text-align:center;}
#technologyA .tec-inquiry-ul li{display:block;padding-bottom:30px;overflow:hidden;width:215px;position:relative;zoom:1;}
#technologyA .tec-inquiry-ul li img{margin-bottom:10px;width:215px;height:215px}
#technologyA .tec-inquiry-ul li a{color:#4d4d4d; outline:none;}
#technologyA .tec-inquiry-ul li a i{display:block;width:215px;height:215px;position:absolute;left:0;top:0;background:url(../images/public/icon_zoomin.png) left bottom no-repeat;*cursor:pointer}
#technologyA .tec-inquiry-ul li h4{display:block;font-size:1.1rem;font-weight:bold;}
#technologyA .tec-inquiry-ul li p{ display:block;font-size:1em}
#technologyA a.tec-biBtn{ display:block; width:180px; height:45px; background-color:#a10f13; color:#ffffff; font-size:1.2rem; line-height:45px; text-align:center; margin-top:20px; margin-left:auto; margin-right:auto}
/*--------------------Technology INDEX CSS-----------------------*/
#technologyB{ width:980px; height:auto; overflow:hidden; margin:0 auto; padding:30px 0 0px 0; clear:both;}
#technologyB .intro{margin-bottom:20px}
#technologyB .intro p{color:#4d4d4d; font-size:1.2rem; line-height:1.6; padding-bottom:20px}
#technologyB .intro h2{ color:#000; font-size:1.5rem; padding-bottom:10px}
#technologyB .tecB-list{ padding-top:50px; overflow:hidden; width:980px; height:auto; border-top:1px solid #dfdfdf}
#technologyB .tecB-list .listBox{ overflow:hidden; width:980px; height:auto; padding-bottom:50px}
#technologyB .tecB-list .listBox .listBoxLeft{ width:247px; height:247px;float:left}
#technologyB .tecB-list .listBox .listBoxLeft img.cover{width:245px; height:245px; border:1px #cfcfcf solid}
#technologyB .tecB-list .listBox .listBoxRight{ width:685px; float:left; overflow:hidden; padding-left:45px; height:248px;  position:relative}
#technologyB .tecB-list .listBox .listBoxRight h2.listBoxRight-h2{ font-size:2.2rem; padding-bottom:10px}
#technologyB .tecB-list .listBox .listBoxRight p.listBoxRight-p1{ font-size:1.2rem; line-height:1.6}
#technologyB .tecB-list .listBox .listBoxRight p.listBoxBottom{ padding-bottom:25px}
#technologyB .tecB-list .listBox .listBoxRight a.listBoxRight-A{font-size:1.2rem; font-weight:bold; color:#4d4d4d;}