@charset "utf-8";
/* CSS Document */

/*--Page:news--*/
body.news .mainPan{ margin-top:140px; width:90%; padding:0 5%;}

/*--Page:other features--*/
body.otherfeatures{ background:#f2f2f4;}
body.otherfeatures .colCon{ float:left; width:90%; padding:0 5%;}
body.otherfeatures .col01{ height:600px; background:url(../images/otherfeaturestopadv01.jpg) no-repeat top center #5745c5;}
body.otherfeatures .col01 h2, body.otherfeatures .col01 ul, body.otherfeatures .col01 a.dlBt{ display:block; margin:0 50% 20px 5%; float:left; width:45%;}
body.otherfeatures .col01 h2{ margin-top:140px;}
body.otherfeatures .col01 ul li{ font-size:18px; line-height:24px; color:#ffffff; margin-bottom:10px; opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity:80); list-style:inside disc;}
body.otherfeatures .col01 a.dlBt{  padding:15px 10px; margin-bottom:20px;  border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#ffffff; opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity:75); width:230px;  color:#000000;}
body.otherfeatures .col01 a.dlBt span{ float:left; font-family:Century Gothic, Verdana; font-weight:normal; font-size:20px; height:20px; line-height:20px; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity:85);}
body.otherfeatures .col01 a.dlBt span.rightIcon{ display:block; float:right; width:16px; height:16px; background:url(../images/touchpalelement.png) no-repeat; background-position:0 0; margin:2px 0;}
body.otherfeatures .col01 a.dlBt:hover{ opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity:50);}
body.otherfeatures .col02{ color:#333333; padding:70px 5% 60px;}
body.otherfeatures .col02 .conBox{ display:block; width:26%; margin-right:11%; float:left; max-width:410px;}
body.otherfeatures .col02 .conBox img, body.otherfeatures .col02 .conBox p{ display:block; width:100%; float:left; margin-bottom:15px;}
body.otherfeatures .col02 .conBox p{ width:90%; padding-left:10%;}

/*--Page: downloads--*/
body.downloads .colCon, body.company .colCon, body.media .colCon{ float:left; width:90%; padding:0 5%;}
body.downloads .col01{ height:650px; background:url(../images/downloadscolandroidbg.jpg) no-repeat top center #131650;}
body.downloads .col02{ height:650px; background:url(../images/downloadscoliphonebg.png) no-repeat top center #edecee;}
body.downloads .col03{ height:650px; background:url(../images/downloadscolwin8bg.jpg) no-repeat top center #1f3f9d;}
body.downloads .colCon .descBox{ display:block; float:left; width:57%;}
body.downloads .colCon img{ display:block; float:right; width:40%; max-width:320px; margin-top:0px;}
body.downloads .col01 h2, body.downloads .col02 h2, body.downloads .col03 h2{ margin-top:120px; margin-bottom:10px;}
body.downloads .colCon a.dlBt, body.downloads .colCon a.dlGoogle{ display:block; float:left; margin:20px 20px 10px 0;}
body.downloads .colCon p{ width:100%; float:left; font-size:18px; color:#ffffff; line-height:26px; opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity:80);}
body.downloads .colCon ul li{ font-size:18px; line-height:26px; color:#ffffff; margin-bottom:10px; opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity:80); list-style:inside disc;}
body.downloads .colCon a.dlBt{ padding:12px 10px; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; background:#ffffff; opacity:0.75; -moz-opacity:0.75; filter:alpha(opacity:75); color:#000000;}
body.downloads .colCon a.dlBt span{ display:block; float:left; padding-right:10px; font-family:Century Gothic, Verdana; font-weight:normal; font-size:20px; height:20px; line-height:20px; opacity:0.85; -moz-opacity:0.85; filter:alpha(opacity:85);}
body.downloads .colCon a.dlBt span.rightIcon{ display:block; float:right; width:16px; height:16px; background:url(../images/touchpalelement.png) no-repeat; background-position:0 0; margin:2px 0; padding-right:0;}
body.downloads .colCon a.dlBt:hover{ opacity:0.5; -moz-opacity:0.5; filter:alpha(opacity:50);}
body.downloads .col01 img.androidimg{ float:right; margin-top:40px;}
body.downloads .col02 .descBox{ float:right;}
body.downloads .col02 img{ float:left;}
body.downloads .col02 h2{ color:#5B4FB9;}
body.downloads .col02 p, body.downloads .col02 ul li{ color:#333333;}
body.downloads .col02 a.dlBt{background:#5b4fb9; opacity:1; -moz-opacity:1; filter:alpha(opacity:100); color:#ffffff;}
body.downloads .col02 a.dlBt span.rightIcon{background-position:-20px 0;}
body.downloads .col03 a.video{ float:right; width:40%; max-width:500px; margin-top:130px;}

/*--Page: company & part of media--*/
body.company .col01{ height:650px; background:url(../images/companycol01imgbg.jpg) no-repeat top center #504aa8;}
body.company .col02{ height:650px; background:url(../images/companycol02imgbg.jpg) no-repeat top center #e9e8ed;}
body.company .col03{ height:650px; background:url(../images/companycol03imgbg.jpg) no-repeat top center #dddfeb;}
body.company .colCon .descBox, body.media .colCon .descBox{ display:block; float:left; width:55%;}
body.company .colCon .descBox h2, body.media .colCon .descBox h2{ margin-top:140px; margin-bottom:10px;}
body.company .colCon p, body.media .colCon p{ width:100%; float:left; font-size:18px; color:#ffffff; line-height:26px; opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity:80); margin-bottom:15px;}
body.company .colCon ul{ }
body.company .colCon ul li, body.media .colCon ul li{  font-size:18px; line-height:26px; color:#ffffff; margin-bottom:10px; opacity:0.80; -moz-opacity:0.80; filter:alpha(opacity:80); list-style:none; }
body.company .colCon ul li ul, body.media .colCon ul li ul{  margin-bottom:5px;}
body.company .colCon ul li ul li, body.media .colCon ul li ul li{ list-style:inside disc; margin-bottom:5px; margin-left:10px; line-height:24px; }
body.company .col01 .descBox, body.company .col03 .descBox, body.media .col01 .descBox, body.media .col03 .descBox{float:right;}
body.company .col02 h2, body.company .col03 h2, body.media .col02 h2, body.media .col03 h2{color:#5B4FB9;}
body.company .col02 p, body.company .col03 p, body.media .col02 p, body.media .col03 p{color:#666666; opacity:1; -moz-opacity:1; filter:alpha(opacity:100);}
body.company .col02 ul li, body.company .col03 ul li{color:#666666; opacity:1; -moz-opacity:1; filter:alpha(opacity:100);}
body.company .col02 ul li a{ color:#666666; text-decoration:underline;}
body.company .col02 ul li a:hover{ color:#7c6fe3;}
body.company .colCon .descBox h2 a{display:block; float:right;  margin:18px 0 0; vertical-align:middle; height:18px; background:#a59be0; padding:4px 8px; color:#ffffff; font-size:18px; line-height:18px; width:70px; }
body.company .colCon .descBox h2 a span{ display:block; float:right; width:14px; height:10px; margin:5px 0; background:url(../images/touchpalelement.png) no-repeat; background-position:-100px 0;}
body.company .colCon .descBox h2 a:hover{ background:#9187cc;}
.col03 .descBox a{color:#666666; text-decoration:underline;}
.col03 .descBox a:hover{color:#5B4FB9;}
/*--Page: media--*/
body.media .col01{ background:#6f69ca; padding-bottom:50px;}
body.media .col02{ background:url(../images/touchpalmedia_colawardbg.jpg) repeat #e3e1e8; padding-bottom:60px;}
body.media .col03{ background:#edecee;}
body.media .col01 .descBox{ width:100%; float:left;}
body.media .col01 .saying{ width:20%; padding:10px 2%; background:#9c96ea; margin:2px; float:left; font-size:16px; line-height:24px; }
body.media .col01 .sayer{ width:100%;float:left;  color:#39366a; padding-bottom:5px; margin-bottom:5px; border-bottom:1px solid #6F69CA;}
body.media .col01 .sayer span.sayDate{ float:right; font-size:16px; opacity:0.7; -moz-opacity:0.7; filter:alpha(opacity:70); }
body.media .col01 .sayText{ width:94%; float:left; opacity:0.9; -moz-opacity:0.9; filter:alpha(opacity:90); border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px; color:#39366a; font-size:16px; line-height:24px;}
body.media .col02 ul li{ color:#666666; opacity:1; -moz-opacity:1; filter:alpha(opacity:100);}
body.media .col02 img.awardsimg{ display:block; float:right; width:40%; max-width:464px; margin-top:100px;}
body.media .col03 .descBox{ width:50%; padding:0 5% 30px; float:left;}
body.media .col03 ul li{ display:block; width:100%; float:left; margin-bottom:20px;}
body.media .col03 ul li span.newsDate{ display:block; width:100%; float:left; margin-bottom:2px; color:#999999; line-height:24px;}
body.media .col03 ul li a{ display:block; width:90%; background:#ffffff; padding:10px 5% 10px 2%; float:left; color:#666666; font-size:16px; line-height:24px;}
body.media .col03 ul li a:hover{background:#a59be0; color:#ffffff;}

/*--Page: news--*/
body.news .colCon{ width:70%; padding:0 15%; float:left; margin:120px 0 60px;}
body.news .colCon h2{ color:#5B4FB9; margin-bottom:15px;}
body.news .colCon ul li{ display:block; width:100%; float:left; margin-bottom:20px;}
body.news .colCon ul li span.newsDate{ display:block; width:100%; float:left; margin-bottom:2px; color:#999999; line-height:24px;}
body.news .colCon ul li a{ display:block; width:90%; background:#ffffff; padding:10px 5% 10px 2%; float:left; color:#666666; font-size:16px; line-height:24px;}
body.news .colCon ul li a:hover{background:#a59be0; color:#ffffff;}
body.news .colCon .newsDesc h2{ font-size:30px;}
body.news .colCon .newsDesc p{ width:100%; float:left; margin-bottom:15px; font-size:16px; color:#666666; font-weight:300; line-height:22px; text-align:justify;}
body.news .colCon .newsDesc p.newsDate{ color:#999999; font-size:16px;}

/*--Page: coodevices--*/
body.coodevices .colCon{ width:90%; padding:0 5%; float:left;}
body.coodevices .col01{ height:auto; min-height:650px; background:url(../images/coodevices_headerbg.jpg) no-repeat bottom right #6981e9;}
body.coodevices .col02{ height:auto; background:#ecebee; padding-top:60px; padding-bottom:60px;}
body.coodevices .colCon .descBox{ display:block; float:left; width:50%;}
body.coodevices .colCon .descBox h2{ display:block;  margin-top:170px; margin-bottom:10px;}
body.coodevices .colCon .descBox p{color:#ffffff; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity:80);}
body.coodevices .col02 ul.descText{ display:block; width:100%; float:left;}
body.coodevices .col02 ul li{ display:block; float:left; width:23%; padding:10px 1%;}
body.coodevices .col02 ul li img{ display:block; float:left; width:100%; max-width:570px;}
body.coodevices .col01 p{ margin-bottom:10px;}
body.coodevices .col01 p a{ padding:1px 4px; color:#45538e; background:#dae1fc; }
body.coodevices .col01 p a:hover{ background:#a0b2f8; color:#5465b0;}


/*--Page: ios8--*/
.ios8{float:left; width:100%; min-width:960px;}
.ios8 p{ width:100%; float:left; margin-bottom:15px; font-size:16px; color:#666666; font-weight:300; line-height:22px; text-align:justify;}
.ios8 img{display:block;float:left;}
.ios8 .text{float:right; width:500px; margin-top:20px; }