html, body, table, th, tr, td, p, img, hr, ul, li, h1, h2, h3, h4, h5, div, form, fieldset 
{padding:0; margin:0; border:none;}

body {
    /*Original Background Gredient*/
    width:955px;
    margin: 0px auto;
    font-family: Tahoma, Helvetica, sans-serif;
    color:#666; 
    background: url(../images/body-bg.jpg) repeat-x;   
    background-color: #56B0E2; 
    /**************************************/

    /*2559-10-13*/
    /*filter: grayscale(1); 
    width:955px;
    margin: 0px auto;
    font-family: Tahoma, Helvetica, sans-serif;
    color:#666; 
    background: url(../images/body-bg-gray.jpg) repeat-x;   
    background-color: #969DA3;*/

}

.corner-ribbon{
  width: 150px;
  position: absolute;
  text-align: center;
  line-height: 150px;
  letter-spacing: 1px;
  color: #ffffff;
  background: rgba(0, 0, 0, 0) url("images/black_ribbon.png") repeat scroll 0 0;
}
.corner-ribbon.sticky{
  position: fixed;
}

body>header {

    height:75px;
    clear:both;
    margin:0px 0px 15px 0px;
}
.bg_center{
    width:957px;
    height:568px;
    position:absolute;
    z-index:-9000;
    background:url(../images/main-bg.jpg);
}


/*********************** Header ***********************/
body>header hgroup h1 {
    font-size: 3.0em;
    text-transform: uppercase;
    color: #fff;
}
body>header hgroup h2 {
    font-size: 0.8em;
    color: #fff;
    font-style:italic;
}

#logoTS{

    float:left;
    width:368px;
    height:79px;
    padding:0px 0px 0px 0px;
}
#mainmenu{

    float:right;
    width:550px;
    *width:600px;
    height:100px;
    margin-right:-60px;    

}
#menu{
    *overflow: hidden;
    text-align:right;
    margin-top:10px;
    margin-right:0px;

} 


#menu a{
    float:left;
    color:#FFFFFF;
    text-decoration:none;
    margin-left:15px;
    *margin-left:0px;
    *width:110px;
    *height:80px;
} 
#menu a .navi_p{
    width:40px;
    height:40px;
    text-align:center;
    background-position:0px 0px;
    margin:0px auto;
}

#menu a .navi_f{
    width:40px;
    height:40px;
    text-align:center;
    background-position:0px 0px;
    margin:0px auto;
}


#menu a .selects{
    background-position:0px 40px;
    color:#6DC3FE;
}
/*********************** Article ***********************/
body>article {

    width:955px;
}
article>header {
    padding:10px;
}
article>header h1 {
    color: #000;
    font-size: 2.0em;
}
article>header time {
    font-size: 0.7em;
}
article>footer {
    border: 1px #666 dashed;
    padding:10px;
}
/*********************** Slide   ***********************/
.pagination {

    position:absolute;
    left:450px;
    bottom:10px;

    z-index:100;

}
.pagination li {

    float:left;
    list-style-image:initial;
    list-style-position:initial;
    list-style-type:none;
    margin-bottom:0;
    margin-left:2px;
    margin-right:2px;
    margin-top:0;
}
.pagination li a {
    background-image:url(../images/bullet-page.png);
    background-position:0 0;
    display:block;
    float:left;
    height:0;
    overflow-x:hidden;
    overflow-y:hidden;
    padding-top:12px;
    width:12px;
}
.pagination li.current a {
    background-position:0 -12px;
}
#slides{
    float:left;
    width:955px;
    height:277px;
    margin:-10px 0px 0px 0px;
    border:0px solid #000;
    position:relative;
}
.widthslide{
    width:955px;
    padding:0px;
    border:0px solid #000;
    margin:0px 0px 0px 0px;
    height: 277px;
}
.slide_conmain{
    margin:3px 0px 0px 0px ;
    background: url(../images/container-bg.jpg) no-repeat;
    width:955px;
    height:270px;

}
/*********************** Section ***********************/
section>header h1 {
    font-size: 1.5em;
    color: #666;
}


section>footer {
    font-style: italic;
}

/*********************** Section Products ***********************/
.HeaderItem{
    color:red;
    float:right;
    padding:10px;
    margin:5px;
    text-align:right;
    font-size:80px;
    font-weight:bold;
    font-family:Tahoma;
}

.ItemProDesc{
    border-bottom:1px solid #98B954;
    width:850px;
    margin:10px 0px 0px 90px;
    padding-bottom: 10px;
}

.ItemSerDesc{
    border-bottom:1px solid #46AAC5;
    width:850px;
    margin:10px 0px 0px 90px;
    padding-bottom: 10px;
}

.descPro{
    float:left;
    border:1px solid #00F;
    padding:5px;
    width:700px;

    margin-left:20px;
    line-height:1.5;
}

.itemMainImage{
    border:1px solid #000;
    width:100px;
    height:80px;
    float:left;
}    
/*********************** Products & Services ***********************/
.PartnerServices{
    width:700px;
    height:120px;
    border:1px solid #000;
    margin: 10px 0px 10px 122px;
    margin-left:122px;margin-top:10px;
}
.ServiceDesc{
    float:left;
    padding: 5px;
    border:1px solid #000;
    width:700px;
    height:120px;
    margin:0px 0px 0px 20px;
}

#PartBusiness{
    width:300px;
    height:25px;
    margin:5px; padding:5px;
    border:1px solid #000;
}

.imgPartBiz{
    float:left;
    border:1px solid #000;
    margin-left:10px;
    width:80px;
    height:60px;
}
/*********************** Products & Services Main Page ***********************/
.middle_content{
    margin:20px 0px 0px 0px;
    width:955px;
    border:1px solid #6AB9E5;
    position:relative;

}

.sectionProducts{
    float:left;
    width:430px; 
    margin:25px 0px 30px 30px;
}
.sectionMainService{
    float:left;
    width:430px; 

    margin:25px 0px 30px 30px;
}

.HeadProducts{
    margin:0px 0px 0px 0px;
    float:left;
    color:#FFFFFF;
    font-size:42px;
}

.HeadProducts h1{
    font-size:42px;
    font-weight:normal;
}


.HeadService{
    margin:0px 0px 0px 0px;
    float:left;
    color:#FFFFFF;
    font-size:42px;
}
.HeadService h1{
    font-size:42px;
    font-weight:normal;
}

.itemborder{
    margin:15px 0px 0px 0px;

    border:0px solid #000;
}
.itemimage{
    float:left;
    margin:0px 0px 0px 0px;
    border:0px solid #000;
    height:73px;
    width:72px;
}
.itemDesc{
    float:left;
    font-size:12px;
    line-height:1.2;
    padding:5px;
    margin:0px 0px 0px 10px;
    color:#FFFFFF;
    width:325px;
}
.itemDesc h1{
    width:360px;
    font-size:14px;
    color:#0D538F;
    font-weight:normal;
}
.itemDesc p{
    margin-top:-8px;
}
body>footer {
    /*padding: 10px;

    font-size: 0.8em;
    text-align: center;
    border-top: 1px solid #C9E0ED;      */
    font-size: 12px;
    color:#FFFFFF;
    clear:both;
    width:955px;
    margin: 5px 0px 10px 0px;
    padding:10px 0px;

}
body>footer a{
    color:#FFFFFF;
    text-decoration:none;
}
/*********************** Partners ***********************/
.viewmore{
    float:right;
    margin:20px 0px 0px 0px;
    border:1px solid #FFFFFF;
    padding:5px;
    color:#1D7ECB;
    background-color:#FFFFFF;
    font-size:12px;
    cursor:pointer;
}
.viewmore a{
    text-decoration:none;
    color:#1D7ECB;
    background-color:#FFFFFF;
    font-size:12px;

}
#BusinessPart{
    margin:15px 0px 0px 0px;
    margin-left:10px;
    font-size:23px;
    color:#FFFFFF;

}
#Partner{
    margin-left:-8px;
    width:955px;
    padding:10px 0px 20px 0px;
    text-align:center;
}
.left{
    width:10px;float:left;margin-left:5px;padding:15px 0px 0px 0px;cursor:pointer;
}
.right{
    width:10px;float:left;margin-right:0px;margin-left:20px;padding:13px 0px 0px 0px;cursor:pointer;
}
.bottom_content{
    margin-top:10px;
    width:955px;
    border:1px solid #6AB9E5;
    background:url(../images/content-dot.png);
}

.jCarousalLite{
    visibility: visible; width:904px; margin-left:10px;float:left;
}
.carousalul{
    margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; position: relative; list-style-type: none; z-index: 1; width: 2890px; left: -510px; 
}

.carousalli{
    overflow-x: hidden; overflow-y: hidden; float: left; width: 117px; height: 50px; margin-left:10px;
}

/*********************** Spritely ***********************/
#cloud{    
    background: transparent url(../images/square-1.png) 0 0;
    background-repeat: repeat-x;
    position:fixed;
    top: 30px;
    left:0px;
    width: 100%;
    height:370px;
    z-index: -7000;
}
#cloud2{    
    background: transparent url(../images/square-2.png) 0 0;
    background-repeat: repeat-x;
    position:fixed;
    top: 0px;
    left:0px;
    width: 100%;
    height:370px;
    z-index: -7000;
}







/************************** Contact Us ****************************/
.contact_main{
    width:100%;
    border:1px solid #8CBDDD;
}
.contact_con{
    width:955px;

}
.contact_left{
    float:left;
    width:400px;
    color:#FFFFFF;
    margin:50px 0px 40px 35px;
}
.contact_left a{
    color:#FFFFFF;

}
.contact_right{
    float:left;
    background:url(../images/contact-form_03.png) no-repeat;
    width:395px;
    height:462px;
    margin:100px 0px 0px 100px;
}
div.form
{	
    float:left;
    margin:48px 0px 0px 30px;
    padding-bottom:20px;

    width:400px;
}

div.form input,
div.form textarea,
div.form select
{
    margin: 1px 0px 1px 0px;

}

div.form fieldset
{
    border: 1px solid #DDD;
    padding: 10px;
    margin: 0 0 10px 0;
    -moz-border-radius:7px;
}

div.form label
{
    font-weight: bold;
    font-size: 0.9em;

}



div.form .row
{
    margin: 0px 0px;
    padding:0px;
}

div.form .hint
{
    margin: 0px;
    padding: 0px;
    color: #999;
}

div.form .note
{
    margin-bottom:20px;
}

div.form span.required
{
    color: red;
}

div.form div.error label,
div.form div.error div.fbody label,
div.form label.error,
div.form div.fbody label.error,
div.form span.error
{
    color: #C00;
}

div.form div.error input,
div.form div.error textarea,
div.form div.error select,
div.form input.error,
div.form textarea.error,
div.form select.error
{
    background: #FEE;
    border-color: #C00;
}

div.form div.success input,
div.form div.success textarea,
div.form div.success select,
div.form input.success,
div.form textarea.success,
div.form select.success
{
    background: #E6EFC2;
    border-color: #C6D880;
}


div.form .errorSummary
{
    border: 2px solid #C00;
    padding: 7px 7px 12px 7px;
    margin: 0 0 20px 0;
    background: #FEE;
    font-size: 0.9em;
}

div.form .errorMessage
{
    color: red;
    font-size: 0.9em;
}

div.form .errorSummary p
{
    margin: 0;
    padding: 5px;
}

div.form .errorSummary ul
{
    margin: 0;
    padding: 0 0 0 20px;
}

div.wide.form label
{
    float: left;
    margin-right: 10px;
    position: relative;
    text-align: right;
    width: 100px;
}

div.wide.form .row
{
    clear: left;
}

div.wide.form .buttons, div.wide.form .hint, div.wide.form .errorMessage
{
    clear: left;
    padding-left: 110px;
}

#yw0_button {


    display:block;
}

/*************************** Products *******************************/

.bradcom{
    color:#FFFFFF;
    margin:10px 0px 5px 0px;
    font-size:14px;
    border:1.5px solid #70BCE6;
    width:100%;
    height:41px;
    position:relative;
}

/***********************Transparent For All page ****************************/
.fortrans{
    position:absolute;
    width:100%;
    height:100%;
    background:#7cbbe6;
    filter:alpha(opacity=30);
    opacity: 0.3;
    -moz-opacity: 0.3;
    z-index:-1;
    *left:0px;
}

.bcopa{
    position:absolute;
    width:955px;
    height:100%;
    top:0px;
    background:#7cbbe6;
    filter:alpha(opacity=50);
    opacity: 0.5;
    -moz-opacity: 0.5;
    z-index:-3;
    *left:0px;
}
/************************************************************************/
.bolloon{
    position:absolute;
    display:none;
    color:#FFF;
    text-decoration:none;
    z-index:9990;
}	


.slidebannermain{
    position:absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height:30px;
    z-index:99;
    background:#444444;
    opacity:0.5; 
    filter:alpha(opacity=50); 
    -moz-opacity: 0.5;
}




.pro_slide{
    width:100%;
    height:294px;
    border:2px solid #FFFFFF;
    margin:0px auto 0px auto;
    position:relative;

}

.pro_slide img{

    top:0px;
    left:0px;
}
.text_container{
    width:100%;
    background-color:#5FA9D8;
    border:1px solid #93C9EB;
    margin:5px auto 20px auto;
    padding:20px 0px;
}
.text_box_pro{
    margin-left:30px;
    color:#FFFFFF;
}
.head_pro{

    border:0px solid #000;

    font-size:32px;

}
.disc_pro{
    font-size:14px;
    margin:10px 40px 10px 0px;
    line-height:1.8;
}
.disc_pro a{
    color:#FFFFFF;
}
/***************TOS****************/

.term_main{
    border:1px solid #8CBDDD;
    width:100%;
    padding:0px 0px;
    position: relative;
}
.term_con{
    color:#FFFFFF;
    line-height:1.6;
    width:85%;
    margin:25px auto;
}
.tab_term{
    width:100%;
}
.c_t_tab{
    width:100%;
    background:#5C6D77;
    padding:3px 0px;
    cursor:pointer;
}
.c_t_tab img{
    margin-left:15px;
}
.c_t_tab span{
    margin-left:10px;
}
.m_t_tab{
    position:relative;
    width:100%;
    padding:1px 0px;

}
.m_t_tab .mbt{
    margin:0px 0px 10px 35px;
    padding-bottom:10px;
    width:92%;
    position:relative;

}

.m_t_tab .mbtTOS{
    margin:20px 0px 10px 55px;
    padding-bottom:10px;
    width:90%;
    position:relative;

}

.listbg{
    position:absolute;
    z-index:-1;
    bottom:-10px;
    right:-26px;
    background:url(../images/list-bg.gif) no-repeat;
    width:184px;
    height:131px;

}
.mainbg{
    position:absolute;
    width:100%;
    height:100%;
    top:0px;
    background-color:#7EA0B7;
    z-index:-2;
}
/*************PRIVAcy-POLICY****************/


.privacy_main{
    border:1px solid #8CBDDD;
    width:100%;
    padding:25px 0px;
    position: relative;
}
.privacy_con{
    color:#FFFFFF;
    line-height:1.6;
    width:85%;
    margin:0px auto;
}
.tab_privacy{
    width:100%;
}
/*******************Mobile ***********************/
.mobile_main{
    border:1px solid #8CBDDD;
    width:100%;
    padding:40px 0px;
    position: relative;
    font-size:16px;
    color:#FFFFFF;
}
.mobile_con{
    margin-top:5px;
    border:1px solid #8CBDDD;
    width:100%;
    padding:0px 0px;
    position: relative;
}
.app_item{
    color:#FFF;
    padding:15px 0px;
    width:95%;
    margin:0px auto;
}
.app_item img{
    float:left;
}
.conItem{
    float:left;
    width:82%;

    margin:5px 0px 0px 20px;
}
.headItem{
    float:left;
    font-size:40px;
    font-weight:normal;
}
.headItem h1 a{
    font-size:40px;
    font-weight:normal;
}

.iconItem{
    float:right;

}
.discItem{
    margin-top:10px;
    line-height:1.5;
    font-size:14px;
    position: relative;
}


/********************************************/

.allpage_header{
    position:absolute;top:12px;left:15px;
}
.allpage_separate{
    position:absolute;top:1px;left:75px;
}



.jqmWindow {

    /*display: none;*/

    position: fixed;
    top: 50%;
    left: 50%;

    margin-left: -300px;
    width: 600px;

    background-color: #EEE;
    color: #333;
}

.jqmOverlay { background-color: #000; }

.showpopup1{position:absolute; top:50%; left:50%; background:url(../images/popup/popup_os.png) no-repeat; padding:0 0 0 0; width:508px; height:268px; margin:-134px 0 0 -254px;}
.showpopupoper{position:absolute; top:50%; left:50%; background:url(../images/popup/popup_operator.png) no-repeat; padding:90px 47px 0 203px; width:258px; height:180px; margin:-134px 0 0 -254px; font-size:11px; color:#454545;}
.showpopsubmit{position:absolute; top:50%; left:50%; background:url(../images/popup/popup_submit.png) no-repeat; width:508px; height:268px; margin:-134px 0 0 -254px}

.closedialog{position:absolute; top:-10px; right:20px; padding:0 0 0 13px; font-size:12px; background:url(../images/popup/close.gif) no-repeat left 3px; color:#FFFFFF; text-decoration:none;}
.alertBG{background:url(../images/popup/bg.png); width:100%; height:100%;}
.alertiOScoming{position:absolute; top:50%; left:50%; background:url(../images/popup/ios_coming.png) no-repeat; padding:0 0 0 0; width:508px; height:268px; margin:-134px 0 0 -254px;}
.comeandriod{position:absolute; top:50%; left:50%; background:url(../images/popup/android_coming.png) no-repeat; padding:0 0 0 0; width:508px; height:268px; margin:-134px 0 0 -254px;}

.dialogiOS{position:absolute; top:124px; left:46px; width:96px; height:73px; overflow:hidden; text-indent:-1000px; display:block;}
#operator{position:absolute; top:124px; left:271px; width:192px; height:73px; overflow:hidden; text-indent:-1000px; display:block;}
.dialogAnd{position:absolute; top:124px; left:143px; width:95px; height:73px; overflow:hidden; text-indent:-1000px; display:block;}
#mobile_number{width:248px; height:30px; padding:2px; line-height:30px; border:1pt solid #c1c1c1;}