::-moz-selection{background:#999;}
::selection{background:#999;}
html,body{min-height:100%;}
body{font-family:'Arial','Helvetica','sans-serif';color:#333;background:url('images/bg_radius_gradient.jpg') no-repeat center 150px #e6e9e9;}

a{color:#999;border:0 none !important;}
a:hover{color:#0bb3c1;}

.spriteAnimation{position:absolute;overflow:hidden;filter:inherit;zoom:1;z-index:1;}

.spriteAnimation img{position:absolute;left:0;top:0;}
.spriteAnimation-ie span{display:block;position:absolute;background:none;zoom:1;z-index:1;}



.overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:9999;background:#FFF;}





#container{width:980px;margin:0 auto;position:relative;}

.header{padding:15px 20px;}
.header .logo{display:block;background:url('images/logo.png') no-repeat;width:197px;height:29px;float:left;}
.header .languageSwitcher{float:right;padding-top:5px;}
.header .languageSwitcher a{display:block;width:23px;height:23px;background:url('images/btn_language.jpg');float:left;margin-left:10px;}

.header .languageSwitcher .en{background-position:left -23px;}
.header .languageSwitcher .tc{background-position:left -46px;}
.header .languageSwitcher .sc{background-position:left 0px;}
.header .languageSwitcher a:hover{background-position-x:right;}


.navBar{position:fixed;z-index:200;bottom:10px;;}
.navBar .bg{width:982px;height:74px;background:url('images/nav_bg.png') no-repeat;margin:0px -1px;position:relative;z-index:200;}
.navBar .name{z-index:100;position:absolute;left:2px;}

.navBar .bar{background:url('images/nav_bar.gif') no-repeat;width:939px;height:17px;position:absolute;left:20px;top:32px;z-index:300;}
.navBar .bar .fill{background:url('images/nav_bar.gif') no-repeat 0 bottom;width:0;height:100%;position:absolute;left:0;top:0;z-index:100;}
.navBar .bar .list{position:absolute;width:100%;height:100%;z-index:500;}
.navBar .bar .list a{display:block;width:20px;height:17px;position:absolute;margin-left:-10px;}
.navBar .bar .list a label{display:none;position:absolute;background:#0d8fb5;color:#FFF;padding:3px 5px 4px;left:50%;white-space:nowrap;}
.navBar .bar .list a label span{border-top:5px solid #0d8fb5;border-left:5px solid transparent;border-right:5px solid transparent;position:absolute;top:100%;left:50%;margin-left:-5px;}
.navBar .bar .list a label:hover{display:block;}


.navBar .bar .list .intro{left:8px;}
.navBar .bar .list .section1{left:164px;}
.navBar .bar .list .section2{left:273px;}
.navBar .bar .list .section3{left:383px;}
.navBar .bar .list .section4{left:491px;}
.navBar .bar .list .section5{left:602px;}
.navBar .bar .list .section6{left:711px;}
.navBar .bar .list .section7{left:821px;}
.navBar .bar .list .section8{left:930px;}


.navBar .bar .pointer{position:absolute;width:1px;height:1px;background:#000;margin:8px 0 0 8px;z-index:800;}
.navBar .bar .pointer .circle{background:url('images/nav_pointer.png') no-repeat;width:81px;height:81px;position:absolute;top:0;margin:-38px;}
.navBar .bar .pointer .icon{background:url('images/pointer_icon.gif') no-repeat;width:61px;height:61px;position:absolute;top:0;margin:-28px;}

a.blueBtn{background:url('images/btn_blue_gradient.jpg') repeat-x 0 0;color:#FFF;font-size:25px;height:28px;overflow:hidden;line-height:1.2em !important;font-weight:bold;display:inline-block;padding:8px 20px 9px;}
a.blueBtn:hover{background-position:0 bottom;}
a.blueBtn .arrow{background:url('images/btn_arrow.png') no-repeat;width:17px;height:16px;font-size:0;display:inline-block;position:relative;left:5px;top:0px;}

a.blueBtn3 {
    background: url(images/btn_blue_gradient.jpg) repeat-x 0 0;
    color: #FFF;
    font-size: 17px;
    height: 28px;
    overflow: hidden;
    line-height: 1.7em !important;
    font-weight: bold;
    display: inline-block;
    padding: 8px 20px 9px;
}
a.blueBtn2 {
    background: url(images/btn_blue_gradient.jpg) repeat-x 0 0;
    color: #FFF;
    font-size: 28px;
    height: 28px;
    overflow: hidden;
    line-height: 1.1em !important;
    font-weight: bold;
    display: inline-block;
    padding: 8px 20px 9px;
}
a.blueBtn2 .arrow {
    background: url(images/btn_arrow.png) no-repeat;
    width: 17px;
    height: 16px;
    font-size: 0;
    display: inline-block;
    position: relative;
    left: 5px;
    top: 0px;
}
a.blueBtn3 .arrow {
    background: url(images/btn_arrow.png) no-repeat;
    width: 17px;
    height: 16px;
    font-size: 0;
    display: inline-block;
    position: relative;
    left: 5px;
    top: 0px;
}
a.blueBtn:hover{ background-position:0 bottom;}
a.blueBtn2:hover{ background-position:0 bottom;}
a.blueBtn3:hover{ background-position:0 bottom;}
a.blueBtnFill{display:block;text-align:center;}

.viewport{height:700px;position:relative;overflow:hidden;}
.viewport .scene{display:none;width:100%;height:100%;position:absolute;top:0;left:0;zoom:0;z-index:0;}
.viewport .current{display:block;}





.viewport .abs{position:absolute;}
.viewport .title{text-align:center;position:absolute;top:40px;width:100%;}
.viewport .eleAfterTitle{width:100%;top:90px;}
.viewport .eleAfterTitle .blueTitle{color:#0d8fb5;text-align:center;font-size:21px;font-weight:bold;line-height:1.2em;padding-bottom:8px;}
.viewport .eleAfterTitle .darkBlueText{font-weight:bold;line-height:1.4em;text-align:center;}

.viewport .blueSub{color:#03509d;font-size:18px;line-height:1.2em;font-weight:bold;}
.viewport .blueStrategy{color:#03509d;font-size:14px;line-height:1em;font-weight:bold;padding-top:6px;}
.viewport .paragraph{line-height:1.5em;font-size:14px;text-align:justify;color:#30465D;}
.viewport .lineBreak{height:10px;}
.viewport .bluePoint{background:url('images/blue_point.gif') no-repeat left top;padding:0 30px 5px;font-size:16px;line-height:1.4em;font-weight:bold;}
.viewport .blueBox{background:#c8d9e9;color:#0072af;padding:4px;font-size:13px;line-height:1.4em;font-weight:bold;position:relative;}
.viewport .darkBlueText{color:#30465d;font-size:14px;line-height:1.4em;}
.viewport .darkBlue{color:#30465d;}

.viewport .blueBoxRight{margin-left:5px;}
.viewport .blueBoxRight .arrow{display:block;width:0;height:0;border-right:5px solid #c8d9e9;border-top:5px solid transparent;border-bottom:5px solid transparent;position:absolute;right:100%;top:6px;}


.viewport .tab{width:970px;height:470px;top:140px;left:5px;position:relative;margin:0 auto;}
.viewport .tab .tabTop{background:url('images/tab_top.png') no-repeat;height:26px;}
.viewport .tab .tabTop a{position:relative;z-index:200;display:block;width:152px;height:34px;padding-top:10px;padding-right:20px;text-align:center;color:#03509e;background:url('images/tab.gif') no-repeat 0 0;float:right;font-size:20px;font-weight:bold;line-height:1.4em;margin-top:-18px;margin-right:-20px;}
.viewport .tab .tabTop a .ico{display:none;}
.viewport .tab .tabTop a.current{color:#0d8fb5;background-position:0 bottom;z-index:300;}
.viewport .tab .tabTop a.current .tabName{position:relative;top:-6px;}
.viewport .tab .tabTop a.current .ico{display:inline-block;margin-left:5px;}

.viewport .tab .tabBottom{background:url('images/tab_bottom.png') no-repeat;width:100%;height:89px;bottom:0;position:absolute;z-index:-100;}

.viewport .tab .tabContentContainer{width:100%;height:454px;position:relative;}
.viewport .tab .tabContent{width:100%;height:100%;position:absolute;left:0;top:0;display:none;z-index:100;}

.viewport .tab .tabLong a{width:250px;background:url('images/tab_long.gif') no-repeat;}






.noBreak{white-space:nowrap;}
.noPadding{padding:0 !important;}
.alignRight{text-align:right;}
.alignLeft{text-align:left !important;}
.floatLeft{float:left;}


.icoCal{background:url('images/ico_cal.png') no-repeat;display:inline-block;width:26px;height:26px;}
.icoCaution{background:url('images/ico_caution.png') no-repeat;display:inline-block;width:21px;height:18px;}
.icoMoney{background:url('images/ico_money.png') no-repeat;display:inline-block;width:70px;height:47px;}
.icoStock{background:url('images/ico_stock.png') no-repeat;display:inline-block;width:26px;height:26px;}




.bigCal{background:url('images/ico_cal2.png') no-repeat;display:inline-block;width:95px;height:66px;}
.icoCal3{background:url('images/ico_cal3.png') no-repeat;display:inline-block;width:40px;height:43px;}





/* Section 2 
 * 
 */
#section2 .case{top:370px;width:327px;}
#section2 .caseName{font-size:24px;color:#0353a1;font-weight:bold;line-height:1.2em;}
#section2 .caseName .age{font-size:18px;color:#5c5c5c;padding-left:4px;}
#section2 .case .paragraph{padding-top:10px;}

#section2 .case table{margin:15px 0;}


.situation{left:700px;top:195px;width:250px;}
.situation .paragraph{color:#30465d;padding:10px 0 20px;}
.model{z-index:1200;}

.grayTable{width:295px;height:358px;padding:20px;background:url('images/table_bg.gif') no-repeat;top:194px;left:325px;z-index:300;}

.grayTable .tableHead{background:#c0d3e0;padding:5px 10px;color:#485d73;font-size:20px;font-weight:bold;line-height:1.4em;}
.grayTable .tableHead .icoCal{float:left;position:relative;top:1px;margin-right:8px;}

.grayTable tr td{border-bottom:1px solid #FFF;font-size:18px;line-height:1.4em;}
.grayTable td.label{border-right:3px solid #FFF;text-align:right;padding:5px 15px;color:#FFF;font-weight:bold;vertical-align: middle;}
.grayTable td.field{border-left:3px solid #FFF;text-align:left;padding:5px 15px;color:#30465d;font-weight:bold;vertical-align: middle;}




#section4 .chart,
#section6 .chart{position:absolute;top:90px;}

.chart .lineGraph{position:absolute;z-index:100;left:0;top:0;height:100%;width:0%;overflow:hidden;}
.chart .graphBG{position:relative;z-index:50;}

#section4 .blueBtn,
#section6 .blueBtn{z-index:300;}

#section8 .rewards .amount{font-size:18px;}



#section7 .eleAfterTitle{margin-top:20px;}
#section7 .blueTitle{margin-top:20px;}


#section7 .btnList{width:100%;text-align:center;}
#section7 .btnList a{display:inline-block;width:220px;}
#section7 .btnList a *{display:block;margin:0 auto;}
#section7 .btnList a .btnText{font-size:24px;font-weight:bold;line-height:1.2em;padding-top:5px;color:#30465d;}

#section7 .graph{top:360px;width:100%;text-align:center;}

#section7 .spBtn a{padding-left:30px;}
#section7 .spBtn .bigCal{position:absolute;left:-70px;top:-8px;} 



.trend{background:#cfd8e1;top:20px;right:20px;padding:5px 10px;}
.trend .blueSub{font-size:16px;line-height:1.2em;position:relative;top:-3px;}
.trend .blueSub .icoCaution{margin-right:5px;position:relative;top:4px;}

.data{width:370px;left:600px;left:580px;top:130px;line-height:1.4em;}
.data .blueSub{font-size:14px;}

.rewards .icoMoney{position:relative;top:15px;}
.rewards .amount{background:#d8e1e9;color:#0d8fb5;padding:8px 12px;font-size:20px;font-weight:bold;line-height:1.2em;}
.rewards .negative{background:#eedfe6;color:#9f030a;}

.data .remark{color:#30465d;font-size:12px;margin-top:30px;}




.endPop{position:absolute;z-index:100;padding-bottom:15px;}
.endPop .grayPop,
.endPop .bluePop{position:relative;}
.endPop .arrow{position:absolute;left:50%;top:100%;}
.endPop .popText{font-size:14px;font-weight:bold;color:#FFF;line-height:1.4em;text-align:center;}
.endPop .popText .highlight{color:#d5f1fd;font-size:24px;line-height:1.4em;}
.endPop .popText .grayText{color:#e6e7e7;}


.endPop .grayPop{background:#c9cccd;padding:3px;}
.endPop .grayPop .arrow{border-top:6px solid #c9cccd;border-left:6px solid transparent;border-right:6px solid transparent;margin-left:-3px;}
.endPop .bluePop{background:#356fa8;padding:10px 20px;}
.endPop .bluePop .arrow{border-top:6px solid #356fa8;border-left:6px solid transparent;border-right:6px solid transparent;margin-left:-3px;}







.calForm{border-top:4px solid #0082af;width:500px;top:20px;left:20px;}
.calForm tr td{padding:5px 10px;font-size:16px;vertical-align:middle;}
.calForm tr.odd td{background:#e6e7e7;}
.calForm tr.even td{background:#d1dfe2;}

.calForm .label{color:#03549f;font-weight:bold;}
.calForm .field{color:#30465d;font-size:14px;}
.calForm .field select{width:159px;padding-left:5px;}
.calForm .field input{width:150px;padding-left:5px;}
.calForm .field input.shortText{width:110px;}

.calForm .blueBtn{font-size:28px;text-align:right;}
.calForm .blueBtn .icoCal3{position:absolute;margin:-6px 0 0 -45px;}
.calForm .remarks{color:#30465d;font-size:11px;margin-top:5px;line-height:1.4em;}
.calForm .remarks .highlight{color:#03519e;}


.scenarioContainer{position:absolute;top:0;left:550px;width:330px;}
.scenario{padding:20px 0;}
.scenario .blueTitle{font-size:21px;padding-bottom:5px;color:#115aa3;line-height:1.2em;font-weight:bold;}
.scenario .blueSub{font-size:14px;}
.scenario .rewards .amount{display:inline-block;width:230px;}



.scenarioContainer hr{border-color:#115aa3;padding:0;margin:0;}
















.packet{width:45px;height:45px;}
#break_pig{z-index:1000;}
#coin{margin:-80px 0 0 -80px;z-index:1000}



.remarktxt{font-size:0.8em; font-color: #333; line-height:1.4em;}


.disclaimer{padding:200px 0 100px;}
.disclaimer h1{font-size:13px;font-weight:bold;}
.disclaimer p{font-size:12px;line-height:1.2em;}
.disclaimer p.box{border:1px solid #999;padding:10px;}


.grayTable tr td {
    border-bottom: 1px solid #FFF;
    font-size: 13px;
    line-height: 1.4em;
}

.viewport .tab .tabTop a {
    position: relative;
    z-index: 200;
    display: block;
    width: 235px;
    height: 34px;
    padding-top: 10px;
    padding-right: 20px;
    text-align: center;
    color: #03509e;
    background: url(images/tab.gif) no-repeat 0 0;
    float: right;
    font-size: 14px;
    font-weight: bold;
    line-height: 2.0em;
    margin-top: -18px;
    margin-right: -20px;
}

.viewport .paragraph {
    line-height: 1.3em;
    font-size: 13px;
    text-align: justify;
    color: #30465D;
}

.viewport .tab .tabLong a {
    width: 332px;
    background: url(images/tab_long.gif) no-repeat;
}

.viewport .darkBlueText {
    color: #30465d;
    font-size: 12px;
    line-height: 1.4em;
}