/* GENERAL RESET */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, select, input, textarea, legend, caption, tbody, tfoot, thead,  th { margin:0; padding:0; border:0; outline:0; font-size:100%; background:transparent; }
body { line-height:1; }
ol, ul, li { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }
:focus { outline:0; }
ins { text-decoration:underline; }
del { text-decoration:line-through; }
a img {border: none; outline: none;}
ol li {display: list-item; list-style: decimal;}
img{border:0;}
h4{font-weight:normal;}
body{font-size:62.5%;color:#5a5a5a;font-family:Tahoma, Arial ;background-color:#fff;}
a {color:#404040;text-decoration:none;}
a:hover{color:#0b85ac;text-decoration:none;}
.blue{color:#1198b6;}
.pad10{padding:10px 0 10px 0;}
.pad30{padding:30px 0 30px 0;}
.clr{clear:both;}

/** GENERAL LAYOUT **/
.wrapper{width:1000px; margin:0 auto;line-height:19px;font-size:12px;}

/** HEADER **/
#header 
{ 
    height:62px;
    border-bottom: 2px solid #fff;	
    background: #1198b6;
    width:100%;
    margin:0 auto;
    color:#fff;
    position:relative;
    z-index:2;
}
.header_content{ width:100%; margin:0 auto; background-color:#1198b6;height:62px; position:relative;}
#header .logo { float: left; margin:12px 10px 0 10px; width:160px; height:39px; display:inline;}
#header .logo a { display:block; width:100%; height:100%; overflow: hidden; text-indent:-999px; background: url(../images/landingpage/logo.jpg) no-repeat left top; }
/* Menu */
ul.menu{display:block; float:right; margin:30px 10px 0 0; }
ul.menu li{display:inline-block; float:left;}
ul.menu li a{display:block; font-size:14px; color:#FFF; text-shadow:0 1px #333; padding:3px 0 10px 30px; margin-left:80px;}
ul.menu li a:hover{text-decoration:underline; color:#fff; }
ul.menu li a.homepage{background:url(../images/landingpage/imgsprt.gif) -2px 0 no-repeat;}
ul.menu li a.fanpage{background:url(../images/landingpage/imgsprt.gif) 0 -42px no-repeat;}
ul.menu li a.contact{background:url(../images/landingpage/imgsprt.gif) 0 -84px no-repeat;}
.go_fanpage:hover .fanpagelist{visibility: visible;opacity: 1;}

/* Select fanpage */
.fanpagelist li { border-right:0 ; background:none;}
ul.fanpagelist {background-color: #FFFFFF;border: 1px solid #CCCCCC;display: block; width: 100px; height: 56px;line-height: normal;overflow-y: auto;position: absolute;-moz-box-shadow:  0 6px 6px -5px #bbb; -webkit-box-shadow: 0 6px 6px -5px #bbb; -ms-box-shadow:  0 6px 6px -5px #bbb;  -o-box-shadow:  0 6px 6px -5px #bbb;   box-shadow: 0 6px 6px -5px #bbb;
                z-index: 100;top:56px; z-index:90; left:685px; visibility: hidden; opacity: 0;
                -webkit-transition: all .25s ease;
                -moz-transition: all .25s ease;
                -ms-transition: all .25s ease;
                -o-transition: all .25s ease;
                transition: all .25s ease;}
ul.fanpagelist li {border-bottom: 1px solid #EEEEEE;display: block;float: none;margin: 0; background:none;}
ul.fanpagelist li a {background: none repeat scroll 0 0 transparent;border: 0 none;display: block;float: none;padding: 0px 6px;text-align: left; background:none; color:#5a5a5a; padding:5px 0 5px 5px; margin:0; text-shadow:none;}
ul.fanpagelist li a:hover {background-color: #EEEEEE;color: #333333;display:block; text-decoration:none;}
/** BANNER **/
#banner{background-image:url(../images/landingpage/bg.jpg); height:357px; position:relative; z-index:1;}
.banner_content{ width:100%; margin:0 auto; position:relative;}
.download{float:left; width:28%; padding:100px 0 30px 10px;}
.download h2{font-size:22px; font-weight:normal;}
a.btn_download{display:block; background:url(../images/landingpage/imgsprt.gif) 0 -184px no-repeat; width:186px; height:52px; text-indent:-99999px; margin:20px 0 20px 0;}
a.btn_download:hover{background:url(../images/landingpage/imgsprt.gif) 0 -237px no-repeat;}
.ques{display:block; background:url(../images/landingpage/imgsprt.gif) -47px -125px no-repeat; padding:0 0 0 45px;}
.shadow{display:block; background:url(../images/landingpage/shadow_banner.png) no-repeat; _background:none; width:979px; height:7px; position:absolute; bottom:0; left:0; z-index:100;}

.slider{float:right; width:70%; position:relative; z-index:1;}
ul.stt_banner{display:block; position:absolute; bottom:10px; left:170px;}
ul.stt_banner li{display:inline-block; float:left;}
ul.stt_banner li a{display:inline-block; float:left; background:url(../images/landingpage/imgsprt.gif) -20px -384px no-repeat; width:13px; height:13px; text-indent:-99999px; margin:0 2px 0 2px;}
ul.stt_banner li a.selected{background:url(../images/landingpage/imgsprt.gif) 0 -384px no-repeat;}

/** CONTENT **/
#content { width:98%; margin:0 auto; clear:both; padding-top:10px; position:relative; font-size:16px; line-height:26px;}
.featured{background:url(../images/landingpage/bg_featured.jpg) bottom no-repeat; padding:20px 10px 0 10px; height:380px; margin-bottom:30px;}
.featured ul li{display:inline-block;float:left; width:24%; padding-right:10px; height:150px;}
.laban_mobile{float:left; width:50%; _width:49%; background:url(../images/landingpage/bg_labanmobile.jpg) bottom no-repeat; background-position:50% 100%; height:370px; margin:40px 0 40px 0;}
.laban_browser{float:left; width:50%;background:url(../images/landingpage/bg_labanbrowser.jpg) bottom left no-repeat; height:370px; margin:40px 0 40px 0;}
.laban_browser ul{display:block; width:68%; margin:15px 0 0 160px;}
.laban_browser ul li{background:url(../images/landingpage/imgsprt.gif) 0 -419px no-repeat; padding-left:30px; margin-bottom:10px}
a.download_lbbrowser{display:block; background:url(../images/landingpage/imgsprt.gif) 0 -291px no-repeat; width:168px; height:46px; text-indent:-99999px; float:right; margin-top:20px;}
a.download_lbbrowser:hover{background:url(../images/landingpage/imgsprt.gif) 0 -337px no-repeat;}


#footer{width:100%; font-size:12px; text-align:center; border-top:#e5e5e5 solid 1px; padding:15px 0 15px 0;}

/** ROLL TOP **/
.top
{
    width: 9px;
    bottom: 30px;
    *bottom: 65px;
    position: fixed;
    z-index: 90;
    margin: 0 auto;
    text-indent:-99999px;
    background-color:transparent;
}
a.gotop
{
    display:block;
    background:url(../images/landingpage/imgsprt.gif) 0 -125px no-repeat;
    width: 36px;
    height: 54px;
    text-indent:-99999px;
    margin-left:1000px;
}