@charset "utf-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosanstc.css);
/* CSS Document */
body {
    margin: 0px;
    font-family: sans-serif;
    background: url("../images/bgall.jpg");
}

.left{ float:left;}
.right{ float:right;}
.clean{ clear:both;}
.container980{ width:980px;}
.positionRela{ position:relative;}
.positionAbsou{ position:absolute;}
/*-----------------header--------------------*/
/*logo*/
.logo{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll 0 0 transparent; width:145px; height:95px; }
/*icon註冊 鎖頭*/
.icon_signup{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -153px 0 transparent; width:18px; height:18px; }
/*icon登入 鑰匙*/
.icon_login{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -176px 0 transparent; width:18px; height:18px;  }
#header{ height:95px;}
#header .menu{ margin-left:40px;}
#header .menuBtn{ margin-left:10px;}
#header a{ color:#222222;  font-size:16px; font-family:'微軟正黑體'; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); line-height:92px; text-decoration:none;}
#header a:hover{ color:#ff7a68;}
#header a.tex_highlight{ color:#4baca5;}
#header a.tex_highlight:hover{ color:#ff7a68;}
#header a.tex_on{ color:#ff7a68;}

#header a.button.yellow {
    line-height: 30px;
    margin-top: 31px;
    box-shadow: none;
    border: 1px solid #DD9733;
    font-weight: normal;
    text-shadow:1px 1px 0px rgba(255, 255, 255, 0.4);
    color: #555
}
#header a.button.yellow:hover {
    color: inherit;
}
/*登入後的按鈕--使用者*/
.btn_user{ margin-top:33px; color:#fff; font-size:12px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); line-height:30px; line-height:32px\9; cursor:pointer;}
.btn_user .L{ background: url("../images/nonlogin_btn_login.png") no-repeat scroll 0 0 transparent; width:10px; height:30px;  }
.btn_user .R{ background: url("../images/nonlogin_btn_login.png") no-repeat scroll 0 -35px transparent; width:10px; height:30px;  }
.btn_user .Body{ background: url("../images/nonlogin_btn_login.png") repeat-x scroll 0 -70px transparent; height:30px;  }
.btn_user .icon{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -153px -23px transparent;  width:16px; height:16px; margin-top:6px; margin-right:3px;}
.btn_user:hover .L{ background: url("../images/nonlogin_btn_login.png") no-repeat scroll 0 -105px transparent; width:10px; height:30px;  }
.btn_user:hover .R{ background: url("../images/nonlogin_btn_login.png") no-repeat scroll 0 -140px transparent; width:10px; height:30px;  }
.btn_user:hover .Body{ background: url("../images/nonlogin_btn_login.png") repeat-x scroll 0 -175px transparent; height:30px;  }
/*登入後的按鈕--登出*/
.btn_logout{ margin-top:33px; color:#fff; font-size:12px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); line-height:30px; line-height:32px\9; cursor:pointer;}
.btn_logout .L{ background: url("../images/nonlogin_btn_login.png") no-repeat scroll 0 -210px transparent; width:10px; height:30px;  }
.btn_logout .R{ background: url("../images/nonlogin_btn_login.png") no-repeat scroll 0 -245px transparent; width:10px; height:30px;  }
.btn_logout .Body{ background: url("../images/nonlogin_btn_login.png") repeat-x scroll 0 -280px transparent; height:30px;  }
.btn_logout .icon{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -176px -23px transparent;  width:16px; height:16px; margin-top:6px; margin-right:3px;}
.btn_logout:hover .L{ background: url("../images/nonlogin_btn_login.png") no-repeat scroll 0 -315px transparent; width:10px; height:30px;  }
.btn_logout:hover .R{ background: url("../images/nonlogin_btn_login.png") no-repeat scroll 0 -350px transparent; width:10px; height:30px;  }
.btn_logout:hover .Body{ background: url("../images/nonlogin_btn_login.png") repeat-x scroll 0 -385px transparent; height:30px;  }


/*-----------------KV--------------------*/
.kv{ background: url("../images/index/nonlogin_2in1kv.jpg") no-repeat scroll 50% 0 #4baca5; height: 450px; }
.kv .texContainer{ width: 400px; top:0px; left: -25px; padding-top: 45px;}
.kv .texContainer .tex_title{ margin-left: -35px; margin-top: 40px; color:#ffffff; font-size:29px; font-family:'微軟正黑體'; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); font-weight:bold;}
.kv .texContainer .tex_tip{ color:#fafafa; font-size:20px;  font-family:'微軟正黑體'; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); margin-top: 7px; margin-bottom: 18px;}

/*-----6大功能圖示-----*/
.function6Container{ margin-top:35px; margin-bottom: 60px;}
.function6Container .tex_title{ color:#333; font-size:26px; font-family:'微軟正黑體'; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); margin-bottom:15px;}
.function6Container .one{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -613px -175px transparent; width:122px; height:133px; cursor: pointer; margin: 0 20px;}
.function6Container .one .pic1{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -231px -175px transparent; width:122px; height:93px;}
.function6Container .one .pic2{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -358px -175px transparent; width:122px; height:93px;}
.function6Container .one .pic3{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -485px -175px transparent; width:122px; height:93px;}
.function6Container .one .pic4{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -231px -273px transparent; width:122px; height:93px;}
.function6Container .one .pic5{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -358px -273px transparent; width:122px; height:93px;}
.function6Container .one .pic6{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -485px -273px transparent; width:122px; height:93px;}
.function6Container .one .tex{ color:#4baca5; font-size:15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); margin-top: 8px;}
.function6Container .one:hover{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -740px -175px transparent; width:122px; height:133px; }
.function6Container .one:hover .tex{ color:#ff7a68; }

/*-----2014/03/05新增  for強大功能調整------------------------------------------*/
.function6Container .oneON .one{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -740px -175px transparent; width:122px; height:133px; }
.function6Container .oneON .one .tex{ color:#ff7a68; }
.function6Container .spaceX6{ margin: 0 20px; }
/*功能TABx6*/
.featureTab6 .tabFrame{ width:980px; margin-top:18px;}
.featureTab6 .tabFrame .tabL{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll 0 0 transparent; width:165px; height:83px; color:#222222; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.featureTab6 .tabFrame .tabL:hover{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll 0 -88px transparent; width:165px; height:83px; color:#f3f3f3; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureTab6 .tabFrame .tabL:active{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll 0 -176px transparent; width:165px; height:83px; color:#f3f3f3; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureTab6 .tabFrame .tabLON{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll 0 -176px transparent; width:165px; height:83px; color:#f3f3f3; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureTab6 .tabFrame .tabM{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll -165px 0 transparent; width:162px; height:83px; color:#222222; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.featureTab6 .tabFrame .tabM:hover{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll -165px -88px transparent; width:162px; height:83px; color:#f3f3f3; font-size:16px; text-align:center; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureTab6 .tabFrame .tabM:active{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll -165px -176px transparent; width:162px; height:83px; color:#f3f3f3; font-size:16px; text-align:center; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureTab6 .tabFrame .tabMON{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll -165px -176px transparent; width:162px; height:83px; color:#f3f3f3; font-size:16px; text-align:center; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureTab6 .tabFrame .tabR{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll -327px 0 transparent; width:165px; height:83px; color:#222222; font-size:16px; text-align:center; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.featureTab6 .tabFrame .tabR:hover{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll -327px -88px transparent; width:165px; height:83px; color:#f3f3f3; text-align:center; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureTab6 .tabFrame .tabR:active{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll -327px -176px transparent; width:165px; height:83px; color:#f3f3f3; text-align:center; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureTab6 .tabFrame .tabRON{ background: url("../images/nonlogin_featureTab6.png") no-repeat scroll -327px -176px transparent; width:165px; height:83px; color:#f3f3f3; text-align:center; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}


/*-----大功能介紹-----*/
.functionArrowFrame{ top:-51px; left: 380px;}
.functionArrow{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -613px -313px transparent; width:208px; height:74px; }
.functionBig{ color:#222; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
.functionBig .bg1{ background: url("../images/index/nonlogin_2in1bg1.jpg") no-repeat scroll 50% 0 #e8e7da; height: 430px; }
.functionBig .bg2{ background: url("../images/index/nonlogin_2in1bg2.jpg") no-repeat scroll 50% 0 #dce5e4; height: 430px; }
.functionBig .texContainer{ text-align: left; white-space: nowrap;}
.functionBig .texContainer .icon1{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll 0 -377px transparent; width:42px; height:42px; }
.functionBig .texContainer .icon2{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -47px -377px transparent; width:42px; height:42px; }
.functionBig .texContainer .icon3{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -94px -377px transparent; width:42px; height:42px; }
.functionBig .texContainer .icon4{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -141px -377px transparent; width:42px; height:42px; }
.functionBig .texContainer .icon5{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -188px -377px transparent; width:42px; height:42px; }
.functionBig .texContainer .icon6{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -235px -377px transparent; width:42px; height:42px; }
.functionBig .texContainer .tex_name{ color:#4baca5; font-size:15px; line-height: 42px; margin-left: 7px;}
.functionBig .texContainer .tex_slogen{ font-size:26px; line-height: 34px; font-family:'微軟正黑體'; font-weight: bold; margin-top: 18px; margin-bottom: 16px; }
.functionBig .texContainer .tex_info{ font-size:15px; line-height: 28px; }
.functionBig .texContainer .tex_infoDot{ font-size:13px; color: #4c4c4c; line-height: 24px; line-height: 22px\9;}
.functionBig .texContainer .tex_more{ margin-top: 25px; margin-left: 13px; font-size:15px;}
.functionBig .texContainer .tex_moreArrow{ font-size: 13px;}
.functionBig .texContainer a{ color: #3384d0; text-decoration: none;}
.functionBig .texContainer a:hover{ color: #ff7a68;}


/*-------------------新聞報導----------------------*/
#newslist{ margin-top: 100px; margin-bottom:80px;}
#newslist .tex_title{ color:#333; font-size:26px; font-family:'微軟正黑體'; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); margin-bottom:35px;}
#newslist .bg{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll 0 -100px transparent; width:226px; height:272px; position:relative; text-align:center; margin-right:18px; cursor:pointer}
#newslist .news1logo{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -231px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .news2logo{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -426px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .news3logo{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -621px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .news4logo{ background: url("../images/index/nonlogin_2in1pic.png") no-repeat scroll -816px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .bg .texFrame{ width:225px; height:45px; padding-top:22px; position:absolute; top:200px; left:0px;}
#newslist .bg .tex{ color:#3384d0; font-size:15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); line-height:21px; text-decoration:none;}
#newslist .bg:hover .tex{ color:#ff7a68;}

/*-------------------------------------------------------------------超值價格頁--------------------------------------------------------------------------------*/
.kvColor{ background: url("../images/nonlogin_kvcolor.jpg") no-repeat scroll 50% 0;}
.kvColorTexFrame{ color:#fff;  font-size:26px; font-family:'微軟正黑體'; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); height: 120px; line-height:125px; }
/*背景白底大框*/
.bgFrame{ width:980px; }
.bgFrame .H{ background: url("../images/nonlogin_pageFrame.png") no-repeat scroll 0 0 transparent; width:980px; height:93px;}
.bgFrame .Body{ background: url("../images/nonlogin_pageFrame.png") repeat-y scroll -980px 0 transparent; width:980px; }
.bgFrame .F{ background: url("../images/nonlogin_pageFrame.png") repeat-y scroll -1960px 0 transparent; width:980px; height:93px;}

/*btn前往付款*/
.btn_gopay{ background: url("../images/nonlogin_price.png") no-repeat scroll 0 0 transparent; width:276px; height:84px; cursor:pointer;}
.btn_gopay:hover{ background: url("../images/nonlogin_price.png") no-repeat scroll 0 -89px transparent; width:276px; height:84px; }
.btn_gopay:active{ background: url("../images/nonlogin_price.png") no-repeat scroll 0 -178px transparent; width:276px; height:84px;}
/*btn重新付款*/
.btn_regopay{ background: url("../images/nonlogin_price.png") no-repeat scroll -281px 0 transparent; width:276px; height:84px; cursor:pointer;}
.btn_regopay:hover{ background: url("../images/nonlogin_price.png") no-repeat scroll -281px -89px transparent; width:276px; height:84px; }
.btn_regopay:active{ background: url("../images/nonlogin_price.png") no-repeat scroll -281px -178px transparent; width:276px; height:84px;}

/*客服frame*/
.serviceBg{ background: url("../images/nonlogin_price.png") no-repeat scroll 0 -267px transparent; width:958px; height:132px; margin:18px 0; text-align:left;}
.service_iconMail{ background: url("../images/nonlogin_price.png") no-repeat scroll -957px -293px transparent; width:20px; height:20px; margin-right:5px;}
.service_iconPhone{ background: url("../images/nonlogin_price.png") no-repeat scroll -957px -316px transparent; width:20px; height:20px; margin-right:5px;}
.serviceBg .infoContainer{ width:330px; padding-top:33px; padding-left:40px; text-align:left;}
.serviceBg .infoContainer .title{ color:#404040; font-size:15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); margin-bottom:10px;}
.serviceBg .infoContainer .tex{ color:#787878; font-size:13px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); margin:3px 0;}
.serviceBg .infoContainer a{ color:#404040;}
.serviceBg .infoContainer a:hover{ color:#ff7a68;}
.serviceBg .texTip{ width:150px; color:#787878; font-size:13px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:left; padding-top:60px; padding-left:40px;}

/*交易結果POP視窗*/
.popResult_container{ text-align:center; padding:5px 50px;}
.popResult_texRed{ color:#d32b2b; font-size:20px; margin-bottom:20px;}
.popResult_texOrange{ color:#f9733e; font-size:20px; margin-bottom:12px; line-height:30px;}
.popResult_texBlack{ color:#222; font-size:13px; line-height:20px;}
.popResult_texBlack16{ color:#222; font-size:16px; line-height:24px;}
.popResult_texGrey{ color:#aaaaaa; }
.popResult_texGrey999{ color:#999; font-size:12px; line-height:22px;}
.popResult_sep{ border-bottom:1px dotted #d9d9d9; margin-top:55px; margin-bottom:18px;}
.popResult_service{ text-align:left; padding:0 40px;}
.popResult_service .title{ color:#7e7d7d; font-size:13px; margin-bottom:5px;}
.popResult_service .tex{ color:#999999; font-size:13px;}
.popResult_service .service_iconPhone{ background: url("../images/nonlogin_price.png") no-repeat scroll -957px -319px transparent; width:20px; height:20px; margin-right:5px; }
.popResult_service a{ color:#999999;}
.popResult_service a:hover{ color:#ff7a68;}
/*分享FB frame*/
.fbshareBg{ background: url("../images/nonlogin_price.png") no-repeat scroll -562px 0 transparent; width:514px; height:207px; margin-top:30px;}
.fbshareBg .Container{ padding-top:95px; color:#5b8daa; font-size:13px; line-height:22px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
.fbshareBg .texOrange{ font-size:16px; color:#e46634;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); margin-top:6px;}
.fbshareBg .texOrangeCode{ font-size:20px; color:#e46634;  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8);}
/*分享FB 按鈕*/
.fbshare_btn{ background: url("../images/nonlogin_price.png") no-repeat scroll -562px -212px transparent; width:167px; height:38px; cursor:pointer;}
.fbshare_btn:hover{ background: url("../images/nonlogin_price.png") no-repeat scroll -734px -212px transparent; width:167px; height:38px;}
.fbshare_btn:active{ background: url("../images/nonlogin_price.png") no-repeat scroll -906px -212px transparent; width:167px; height:38px;}
/*綠界pic*/
.picSSL{ background: url("../images/nonlogin_price.png") no-repeat scroll -648px -404px transparent; width:117px; height:106px;}
/*icon好友碼*/
.icon_gfcode{ background: url("../images/nonlogin_price.png") no-repeat scroll -957px -269px transparent; width:20px; height:20px; margin-right:3px;}


/*購買版本選擇Form*/
.choseOne{ width:840px; padding:1px 50px 0 50px; text-align:left;}
.choseOne .title{ width:210px; color:#888888; font-size:15px; margin-right:25px; line-height:31px; *line-height:33px;}
.choseOne .one{ margin-top:30px; margin-bottom:30px;}
.choseOne .oneFirst{ margin-bottom:30px;}
.sepDot{ border-bottom:1px dotted #e2e2e2; margin-top:45px; margin-bottom:45px;}
.sepLine{ border-bottom:1px solid #eeeeee; margin-top:45px; margin-bottom:45px;}
.texMoney{ color:#f37a33;}
.size32{ font-size:32px; }
.size20{ font-size:20px; }
.size26{ font-size:26px; }
.size16{ font-size:16px; }
.size11{ font-size:11px; }
.size12{ font-size:12px; }
.texGrey12{ color:#aaa; font-size:12px;}
.texType{ color:#4baca5; font-size:28px; font-family:'微軟正黑體'; margin-top:-5px; margin-left:-12px;}
.texUseGfcode{ color:#888888; font-size:13px;}

/*option*/
.optionContainer{ margin-top:13px;}
.optionContainer .radioBtnPosi{ margin-top:5px;}
.optionChoseTempOne{ margin-right:30px;}
/*radioBtn Option*/
.optionOne{ background: url("../images/nonlogin_price.png") no-repeat scroll 0 -404px transparent; width:125px; height:125px; cursor:pointer;}
.optionOne:hover{ background: url("../images/nonlogin_price.png") no-repeat scroll -130px -404px transparent; width:125px; height:125px; }
.optionOne_Check{ background: url("../images/nonlogin_price.png") no-repeat scroll -130px -404px transparent; width:125px; height:125px; }
.optionOneHighlight{ background: url("../images/nonlogin_price.png") no-repeat scroll -260px -404px transparent; width:150px; height:125px; cursor:pointer;}
.optionOneHighlight:hover{ background: url("../images/nonlogin_price.png") no-repeat scroll -415px -404px transparent; width:150px; height:125px;}
.optionOneHighlight_Check{ background: url("../images/nonlogin_price.png") no-repeat scroll -415px -404px transparent; width:150px; height:125px;}
.option_picGift{ background: url("../images/nonlogin_price.png") no-repeat scroll -570px -404px transparent; width:73px; height:92px;}
.optionTexContainer{ padding:20px;}
.optionTexContainer .texMonth{ color:#222; font-size:20px;}
.optionTexContainer .texDay{ color:#a8a8a8; font-size:13px; margin-top:4px; margin-bottom:18px;}
.optionTexContainer .texDayGreen{ color:#4baca5; font-size:13px; margin-top:4px; margin-bottom:18px;}
/*升級條*/
.upgradeBg{ background-color:#f4f9fd; border-bottom:1px solid #f0f1f5; border-top:1px solid #f0f1f5; margin-top:20px; font-size:13px; color:#222px; padding:10px 15px; line-height:20px; width:430px;}
.texUpgrade{ color:#222; font-size:15px;}

/*點選使用好友碼後展開欄位*/
.useGFcodeFrame{ background-color:#f8f8f8; border-radius:5px; padding:15px 15px 10px 15px; margin-top:6px; width:450px;}
.useGFcodeFrame .texGreen{ color:#85ae4d; font-size:13px;}
.useGFcodeFrame .texGreenLight{ color:#4baca5; font-size:13px; font-weight:bold;}
.useGFcodeFrame .texRed{ color:#d32b2b; font-size:13px;}

/*點選不捐贈發票後展開欄位*/
.nodonateFrame{ background-color:#f8f8f8; border-radius:5px; padding:8px 15px 15px 15px; margin-top:6px; width:530px;}
.receiptFrame{ padding-top:8px; padding-left:35px;}
.receiptFrame .texGreen{ color:#85ae4d; font-size:12px; line-height:22px;}
.receiptFrame .texOrange{ color:#f37a33; font-size:12px; margin-top:5px; margin-left:4px;}
/*填寫Form*/
.infoOne{ text-align:left; padding-top:8px;}
.infoOne .title{ width:70px; color:#222; font-size:13px; margin-right:15px; line-height:31px; *line-height:33px; margin-left:2px;}
.infoOne .one{ margin-top:30px; margin-bottom:30px;}

/*加購的背景線*/
.addBuyBg{ background: url("../images/nonlogin_price.png") no-repeat scroll -562px -252px transparent; width:465px; height:14px; text-align:center; color:#e36767; font-size:13px; margin-left:-28px; margin-top:28px; margin-bottom:17px;}
/*-------------------------------------------------------------------超值價格頁 一開始畫面--------------------------------------------------------------------------------*/
/*活動banner*/
.kvColorTexFrameB{ color:#fff;  font-size:22px; font-family:'微軟正黑體'; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); height: 130px; line-height:180px; }
/*btn購買*/
.btn_pricingBuy{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -750px 0 transparent; width:151px; height:54px; cursor:pointer; }
.btn_pricingBuy:hover{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -750px -59px transparent; width:151px; height:54px; }
.btn_pricingBuy:active{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -750px -118px transparent; width:151px; height:54px; }
/*btn體驗*/
.btn_pricingTouch{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -750px -176px transparent; width:151px; height:54px; cursor:pointer; }
.btn_pricingTouch:hover{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -750px -235px transparent; width:151px; height:54px; }
.btn_pricingTouch:active{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -750px -294px transparent; width:151px; height:54px; }
.btn_pricingSpace{ width:245px; margin-top:22px;}
/*icon Q*/
.iconQA{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -750px -354px transparent; width:34px; height:34px; margin-right:7px;}
/*icon 人氣商品*/
.iconHotpd{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -789px -354px transparent; width:20px; height:20px; }
/*版本type bg*/
.viptypebg1{ background: url("../images/nonlogin_pricing.png") no-repeat scroll 0 0 transparent; width:245px; height:396px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center;}
.viptypebg2{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -250px 0 transparent; width:245px; height:396px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center;}
.viptypebg3{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -500px 0 transparent; width:245px; height:396px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center;}
/*版本type裡的文字*/
.viptype_texPdname{ font-size:30px; color:#222222; font-family:'微軟正黑體'; margin-top:20px; margin-bottom:8px;}
.viptype_texPdnameGrey{ font-size:30px; color:#5a5a5a; font-family:'微軟正黑體'; margin-top:20px; margin-bottom:8px;}
.viptype_texPrice{ font-size:36px; color:#47aba4; font-family:'Arial';}
.viptype_texPriceSign{ font-size:20px;}
.viptype_texPriceMonth{ font-size:15px; color:#afa59a;}
.viptype_texRemark{ font-size:13px; color:#afa59a; line-height:12px;}
.viptype_texRemarkRed{ font-size:13px; color:#e65d69; line-height:12px;}
.viptype_texList{ font-size:16px; color:#545454; line-height:32px;}
.viptype_texListOrange{ font-size:16px; color:#ff7a68; font-weight:bold; line-height:32px;}
.viptype_texContact{ font-size:13px; color:#222;text-shadow: 0 1px 0 rgba(255, 255, 255, 1); margin-top:20px; margin-bottom:20px;}
/*分隔線*/
.picSepline{ background: url("../images/nonlogin_pricing.png") no-repeat scroll 0-401px transparent; width:978px; height:118px; }
.viptype_faqFrame{ text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:left; margin-bottom:50px;}
.viptype_faqOne{ width:450px; height:110px; padding-left:5px;}
.viptype_faqTexQ{font-size:15px; color:#222222; font-weight:bold;  margin-top:8px; margin-bottom:8px;}
.viptype_faqTexA{font-size:13px; color:#555555; line-height:20px;}


/*-------------------------------------------------------------------序號兌換頁--------------------------------------------------------------------------------*/
.couponBg{ background: url("../images/couponpic.png") no-repeat scroll 0 0 transparent; width:980px; height:404px; position:relative;}
.couponPicX3{ background: url("../images/couponpic.png") no-repeat scroll 0 -409px transparent; width:980px; height:356px; margin-top:20px; margin-bottom:120px;}
.coupon_input{ background: url("../images/couponpic.png") no-repeat scroll 0 -770px transparent; width:430px; height:82px;}
.coupon_btnChange{ background: url("../images/couponpic.png") no-repeat scroll -435px -770px transparent; width:175px; height:81px; cursor:pointer; margin-left:15px;}
.coupon_btnChange:hover{ background: url("../images/couponpic.png") no-repeat scroll -615px -770px transparent; width:175px; height:81px;}
.coupon_btnChange:active{ background: url("../images/couponpic.png") no-repeat scroll -795px -770px transparent; width:175px; height:81px;}
.coupon_nonloginBg{ background: url("../images/couponpic.png") no-repeat scroll 0 -855px transparent; width:371px; height:145px;}
.couponBg .frame{ width:640px; height:200px; position:absolute; top:110px; left:218px; text-align:left;}
.couponBg .frame .errorSpace{ height:54px;}
.couponBg .frame .textip{ color:#a0a0a0; font-size:11px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-family:'Arial'; text-align:left; line-height:36px; margin-left:15px;}
.couponBg .frame input.coupon {
    background-color: transparent;
    border: 0 none;
    box-shadow: none;
    height: 78px;
    outline: medium none;
    padding-left: 0;
    width: 400px;
    font-size:20px;
}
.couponBg .frame .errorMsg{ background-color:#d32b2b; color:#fff; font-size:13px; border-radius: 3px; padding:5px 10px 5px 6px; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3)inset;}
.couponBg .frame .coupon_nonloginBgFrame{ margin-left:90px; *margin-left:-90px; margin-top:26px; text-align:center;}

.contactusOne{ width:840px; padding:1px 50px 1px 50px; text-align:left;}
.contactusOne .title{ width:210px; color:#888888; font-size:15px; margin-right:25px; line-height:31px; *line-height:33px;}
.contactusOne .one{ margin-top:15px; margin-bottom:15px;}
.contactusOne .oneBtn{ margin-top:40px; margin-bottom:20px;}
.contactusOne .oneFirst{ margin-bottom:15px;}

.contactus_infoContainer{ float:right; width:440px; margin-right:120px; margin-top:-25px;}
.contactus_infoContainer .sepDot{ border-bottom:1px dotted #e2e2e2;}
.contactus_infoContainer .tex{ color:#999999; font-size:13px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1);}
.contactus_infoContainer a{ color:#999999;}
.contactus_infoContainer a:hover{ color:#ff7a68;}


/*功能TAB*/
.feature .tabFrame{ width:980px; margin-top:18px;}
.feature .tabFrame .tabL{ background: url("../images/nonlogin_feature.png") no-repeat scroll 0 0 transparent; width:197px; height:83px; color:#222222; font-size:20px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.feature .tabFrame .tabL:hover{ background: url("../images/nonlogin_feature.png") no-repeat scroll 0 -88px transparent; width:197px; height:83px; color:#f3f3f3; font-size:20px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature .tabFrame .tabL:active{ background: url("../images/nonlogin_feature.png") no-repeat scroll 0 -176px transparent; width:197px; height:83px; color:#f3f3f3; font-size:20px; line-height:86px; line-height:89px\9; *line-height:89px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature .tabFrame .tabLON{ background: url("../images/nonlogin_feature.png") no-repeat scroll 0 -176px transparent; width:197px; height:83px; color:#f3f3f3; font-size:20px; line-height:86px; line-height:89px\9; *line-height:89px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature .tabFrame .tabM{ background: url("../images/nonlogin_feature.png") no-repeat scroll -197px 0 transparent; width:194px; height:83px; color:#222222; font-size:20px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.feature .tabFrame .tabM:hover{ background: url("../images/nonlogin_feature.png") no-repeat scroll -197px -88px transparent; width:194px; height:83px; color:#f3f3f3; font-size:20px; text-align:center; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature .tabFrame .tabM:active{ background: url("../images/nonlogin_feature.png") no-repeat scroll -197px -176px transparent; width:194px; height:83px; color:#f3f3f3; font-size:20px; text-align:center; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature .tabFrame .tabMON{ background: url("../images/nonlogin_feature.png") no-repeat scroll -197px -176px transparent; width:194px; height:83px; color:#f3f3f3; font-size:20px; text-align:center; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature .tabFrame .tabR{ background: url("../images/nonlogin_feature.png") no-repeat scroll -391px 0 transparent; width:199px; height:83px; color:#222222; font-size:20px; text-align:center; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.feature .tabFrame .tabR:hover{ background: url("../images/nonlogin_feature.png") no-repeat scroll -391px -88px transparent; width:199px; height:83px; color:#f3f3f3; text-align:center; font-size:20px; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature .tabFrame .tabR:active{ background: url("../images/nonlogin_feature.png") no-repeat scroll -391px -176px transparent; width:199px; height:83px; color:#f3f3f3; text-align:center; font-size:20px; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature .tabFrame .tabRON{ background: url("../images/nonlogin_feature.png") no-repeat scroll -391px -176px transparent; width:199px; height:83px; color:#f3f3f3; text-align:center; font-size:20px; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
/*功能圖*/
.feature .picFrame{ width:980px; padding-top:50px; text-align:left; margin-bottom:20px;}
.feature .picTexSayFrame{ position:absolute;}
.feature .picTexSayFrame .title{ color:#ff7a68; font-size:20px; font-weight:bold; margin-bottom:6px; text-shadow: 0 1px 0 rgba(255, 255, 255,0.9); font-family:'Arial';}
.feature .picTexSayFrame .tex{ color:#222222; font-size:13px; line-height:20px; text-shadow: 0 1px 0 rgba(255, 255, 255,0.9); margin-left:2px; font-family:'Arial';}

/*-------------------------------------------------------------------各別條款2013/01/04-------------------------------------------------------------------*/
.legaldocsFrame{ width:700px; padding:1px 50px 30px 50px; text-align:left; font-family:'Arial';}
.legaldocsFrame .tex15{ color:#222; line-height:30px; font-size:15px;}
.legaldocsFrame .texGrey{ color:#aaa;}
.legaldocsFrame .tex15blod{ color:#8dad40; line-height:30px; font-size:15px; font-weight:bold; margin-bottom:15px;}
.legaldocsFrame .tex13{ color:#222; line-height:24px; font-size:13px;}
.legaldocsFrame .oneFrame{ margin-top:50px;}
.legaldocsFrame .oneFrameInfo{ padding-left:30px;}


/*------------------------------------------------------------------關於我們2013/01/04-------------------------------------------------------------------*/
.aboutusFrame{ width:980px; margin-top:125px; text-shadow: 0 1px 0 rgba(255, 255, 255,1); font-family:'Arial';}
.aboutusFrame .iShellyFrame{ text-align:center; }
.aboutusFrame .texGrey{ color:#888; font-size:13px; line-height:22px; }
.aboutusFrame .texGreen{ color:#4baca5; font-size:20px; margin-top:10px; margin-bottom:60px;}
.aboutusFrame .tex15{ width:950px; color:#222; font-size:15px; line-height:26px; text-align:left;}
.aboutusFrame .texName{ color:#2e2e2e; font-size:28px; margin-bottom:50px;}

/*------------------------------------------------------------------推薦文章2013/01/14-------------------------------------------------------------------*/
.recommendFrame{ width:890px; padding:25px 50px 30px 50px; text-align:left; font-family:'Arial'; position:relative;}
.recommendTexFrame{ width:625px; margin-left:230px;}
.recommendTexFrame .texGreen{ color:#85ae4d; }
.recommendTexFrame .texTitle{ font-size:36px; font-family:'微軟正黑體'; margin-top:-35px; margin-bottom:35px; display:block;}
.recommendTexFrame .texInfo{ font-size:13px; line-height:28px; color:#222;}
.recommendTexFrame .texGrey{ color:#aaaaaa;}
.recommendTexFrame .sepDot{ border-bottom:1px dotted #c5c5c5; margin:60px 0 50px 0;}
.recommendTexFrame .texAuthorTitle{ font-size:15px; margin-bottom:15px;}
.recommendTexFrame .texAuthorList{ color:#949494; margin-left:18px; line-height:28px;}
.recommendBtnFrame{ position:relative; padding:20px 0;}
/*分隔線圖*/
.recommendSep{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll -70px -469px transparent; width:875px; height:14px; margin-top:60px; margin-bottom:20px;}
/*勾勾icon*/
.recommendCheck{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll -70px -488px transparent; width:18px; height:18px; margin-right:5px; }

/*列表頁背景-上面S*/
.recommendList_upS{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll 0 0 transparent; width:980px; height:5px;}
/*列表頁1*/
.recommendList1{ color:#222; font-size:13px; line-height:24px; text-shadow: 0 1px 0 rgba(255, 255, 255,1); font-family:'Arial';}
.recommendList1 .bg{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll 0 -5px transparent; width:980px; height:200px;}
.recommendList1 .width1{ width:926px; height:200px; text-align:left;}
.recommendList1 .logoFrame{ width:180px; height:180px; margin-top:11px; margin-left:75px; margin-right:15px;}
.recommendList1 .texFrame{ width:610px; margin-top:48px;}
.recommendList1 .texFrame .texTitle{ font-size:22px; font-family:'微軟正黑體'; margin-bottom:15px;}
.recommendList1 .width2btn{ width:30px;  height:200px; cursor:pointer;}
.recommendList1 .width2btn:hover{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll 0 -469px transparent; width:30px; height:200px; }
/*列表頁2*/
.recommendList2{ color:#222; font-size:13px; line-height:24px; text-shadow: 0 1px 0 rgba(255, 255, 255,1); font-family:'Arial';}
.recommendList2 .bg{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll 0 -205px transparent; width:980px; height:200px;}
.recommendList2 .width1{ width:926px; height:200px; text-align:left;}
.recommendList2 .logoFrame{ width:180px; height:180px; margin-top:11px; margin-left:75px; margin-right:15px;}
.recommendList2 .texFrame{ width:610px; margin-top:48px;}
.recommendList2 .texFrame .texTitle{ font-size:22px; font-family:'微軟正黑體'; margin-bottom:15px;}
.recommendList2 .width2btn{ width:30px;  height:200px; cursor:pointer;}
.recommendList2 .width2btn:hover{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll -35px -469px transparent; width:30px; height:200px; }
/*列表頁背景-下面S*/
.recommendList_bottomS{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll 0 -405px transparent; width:980px; height:6px; margin-bottom:100px;}

/*列表頁背景-1底 btnM*/
.recommendList1_btnM{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll 0 -469px transparent; width:30px; height:200px;}
/*列表頁背景-2底 btnM*/
.recommendList2_btnM{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll -35px -469px transparent; width:30px; height:200px;}

/*單一頁-上方返回綠底條*/
.recommendBack_bg{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll 0 -416px transparent; width:980px; height:32px;}
.recommendBackBtn{  padding-top:8px; padding-left:24px; }
.recommendBackBtn .icon{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll -93px -488px transparent; width:18px; height:18px; margin-right:2px; }
.recommendBackBtn .tex{  color:#FFF; font-size:13px; text-shadow: 0 -1px 0 rgba(0, 0, 0,0.2); margin-top:1px; margin-top:3px\9;}
.recommendBackBtn:hover .icon{ background: url("../images/nonlogin_recommendPic.png") no-repeat scroll -93px -488px transparent; width:18px; height:18px; margin-left:-2px; margin-right:4px; }
.recommendBackBtn:hover .tex{ color:#ffdc88; font-size:13px; text-shadow: 0 -1px 0 rgba(0, 0, 0,0.2); margin-top:1px;  margin-top:3px\9;}

/*版本type bg*/
.viptypebg1{ background: url("../images/nonlogin_pricing.png") no-repeat scroll 0 0 transparent; width:245px; height:425px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center;}
.viptypebg2{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -250px 0 transparent; width:245px; height:425px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center;}
.viptypebg3{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -500px 0 transparent; width:245px; height:425px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center;}
/*分隔線*/
.picSepline{ background: url("../images/nonlogin_pricing.png") no-repeat scroll 0 -468px transparent; width:978px; height:118px; }

/*------------------------------------------------------------------保險版2013/02/22-------------------------------------------------------------------*/
.insuranceFrame{ margin-top:120px;}
.insuranceFrame .titleName{ color:#2e2e2e; font-size:36px; font-family:'微軟正黑體'; text-shadow: 0 1px 0 rgba(255, 255, 255,1); margin-top:10px; margin-bottom:40px;}
.insuranceFrame .picTexSayFrame{ position:absolute; text-align:left;}
.insuranceFrame .picTexSayFrame .title{ color:#ff7a68; font-size:20px; line-height:28px; font-weight:bold; margin-bottom:6px; text-shadow: 0 1px 0 rgba(255, 255, 255,0.9); font-family:'Arial';}
.insuranceFrame .picTexSayFrame .texGrey{ color:#848484; font-size:13px; line-height:20px; text-shadow: 0 1px 0 rgba(255, 255, 255,0.9);  font-family:'Arial'; margin-top:11px;}


/*------------------------------------------------------------------以下是未登入保險版2013/03/13-------------------------------------------------------------------*/
/*-----------------header--------------------*/
#headerInsurance{ background: url("../images/header.png") repeat-x scroll 0 -590px transparent; height:75px;}
#headerInsurance .logo{ background: url("../images/nonloginInsurance_pic.png") no-repeat scroll 0 -568px transparent; width:189px; height:75px; }
/*icon註冊 鎖頭*/
#headerInsurance .icon_signup{ background: url("../images/nonloginInsurance_pic.png") no-repeat scroll -75px -647px transparent; width:18px; height:18px; }
/*icon登入 鑰匙*/
#headerInsurance .icon_login{ background: url("../images/nonloginInsurance_pic.png") no-repeat scroll -98px -647px transparent; width:18px; height:18px;  }
#headerInsurance .menu{ margin-left:40px;}
#headerInsurance .menuBtn{ margin-left:10px;}
#headerInsurance a{ color:#d9d9d9;  font-size:16px; font-family:'微軟正黑體'; text-shadow: 0 1px 0 rgba(0, 0, 0, 1); line-height:75px; text-decoration:none;}
#headerInsurance a:hover{ color:#ff7a68;}
#headerInsurance a.tex_on{ color:#ff7a68;}
/*登入後的按鈕--馬上試用*/
#headerInsurance .btn_user{ margin-top:23px; color:#fff; font-size:12px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); line-height:30px; line-height:32px\9; cursor:pointer;}
/*登入後的按鈕--返回一般版*/
#headerInsurance .btn_logout{ margin-top:23px; color:#fff; font-size:12px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); line-height:30px; line-height:32px\9; cursor:pointer;}
/*-----------------KV--------------------*/
#kvInsurance{ background: url("../images/nonloginInsurance_kvbg.jpg") no-repeat scroll 50% 0 #dcdbaf; height: 450px; }
/*kv pic電腦*/
#kvInsurance .kvPic{ background: url("../images/nonloginInsurance_kvPic.png") no-repeat scroll 0 0 transparent; width:790px; height:348px; }
/*kv 雲端pic*/
#kvInsurance .kvCloud{ background: url("../images/nonloginInsurance_pic.png") no-repeat scroll 0 -647px transparent; width:70px; height:52px;}
#kvInsurance .tex_title{ color:#2c2c2c; font-size:34px; font-family:'微軟正黑體'; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); font-weight:bold;}
#kvInsurance .tex_link{ color:#ffffff; font-size:13px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); margin-top:8px;}
#kvInsurance a{ color:#ffffff; font-size:13px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); text-decoration:none; }
#kvInsurance a:hover{ color:#ff7a68; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3);}
/*-------------------下面文字配圖----------------------*/
#functionInsurance{ margin-top:-20px; margin-bottom:70px;}
#functionInsurance .functionPic{ background: url("../images/nonloginInsurance_pic.png") no-repeat scroll 0 0 transparent; width:980px; height:285px;}
#functionInsurance .functionFrame{ width:142px; margin-right:24px; margin-top:10px; text-align:left;}
#functionInsurance .functionFrameLast{ width:140px; margin-top:10px; text-align:left;}
#functionInsurance .tex_functionTitle{ color:#222; font-size:16px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); font-weight:bold; margin-bottom:8px;}
#functionInsurance .tex_functionInfo{ color:#555555; font-size:13px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); line-height:22px; }

/*-----------------下方按鈕及看更多--------------------*/
#moreInsurance{ margin-bottom:70px;}
#moreInsurance .tex_or{ color:#555555; font-size:13px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); margin-top:12px; margin-bottom:8px;}
#moreInsurance a{ color:#3384d0; font-size:13px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-decoration:none;}
#moreInsurance a:hover{ color:#ff7a68;}



/*------------------------------------超值價格頁----------------------------------------------*/
/*活動banner*/
.bannerGiftInsurance{ background: url("../images/nonloginInsuranc_price_giftbanner.png") ; width:700px; height:62px; }
.kvColorInsurance{ background: url("../images/nonloginInsurance_kvcolor.jpg") no-repeat scroll 50% 0; }
#pricingInsurance{}
/*btn購買*/
#pricingInsurance .btn_pricingBuy{ background: url("../images/nonloginInsuranc_pricing.png") no-repeat scroll -771px -137px transparent; width:246px; height:54px; cursor:pointer; }
#pricingInsurance .btn_pricingBuy:hover{ background: url("../images/nonloginInsuranc_pricing.png") no-repeat scroll -771px -195px transparent; width:246px; height:54px; }
#pricingInsurance .btn_pricingBuy:active{ background: url("../images/nonloginInsuranc_pricing.png") no-repeat scroll -771px -254px transparent; width:246px; height:54px; }
#pricingInsurance .btn_pricingSpace{ width:378px; margin-top:22px;}
/*icon Q*/
#pricingInsurance .iconQA{ background: url("../images/nonloginInsuranc_pricing.png") no-repeat scroll -983px 0 transparent; width:34px; height:34px; margin-right:7px;}
/*版本type bg*/
#pricingInsurance .viptypebg1{ background: url("../images/nonloginInsuranc_pricing.png") no-repeat scroll 0 -137px transparent; width:380px; height:460px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center; margin-left:295px;}
#pricingInsurance .viptypebg2{ background: url("../images/nonloginInsuranc_pricing.png") no-repeat scroll -385px -137px transparent; width:380px; height:460px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center;}
/*分隔線*/
#pricingInsurance .picSepline{ background: url("../images/nonloginInsuranc_pricing.png") no-repeat scroll 0 0 transparent; width:978px; height:118px; }



/*----------------------------保險版-強大功能頁2013/03/18------------------*/
/*功能TAB*/
.featureInsurance .tabFrame{ width:980px; margin-top:18px;}
.featureInsurance .tabFrame .tabL{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll 0 0 transparent; width:143px; height:83px; color:#222222; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.featureInsurance .tabFrame .tabL:hover{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll 0 -88px transparent; width:143px; height:83px; color:#f3f3f3; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureInsurance .tabFrame .tabL:active{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll 0 -176px transparent; width:143px; height:83px; color:#f3f3f3; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureInsurance .tabFrame .tabLON{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll 0 -176px transparent; width:143px; height:83px; color:#f3f3f3; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureInsurance .tabFrame .tabM{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -143px 0 transparent; width:139px; height:83px; color:#222222; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.featureInsurance .tabFrame .tabM:hover{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -143px -88px transparent; width:139px; height:83px; color:#f3f3f3; font-size:16px; text-align:center; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureInsurance .tabFrame .tabM:active{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -143px -176px transparent; width:139px; height:83px; color:#f3f3f3; font-size:16px; text-align:center; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureInsurance .tabFrame .tabMON{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -143px -176px transparent; width:139px; height:83px; color:#f3f3f3; font-size:16px; text-align:center; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureInsurance .tabFrame .tabR{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -282px 0 transparent; width:140px; height:83px; color:#222222; font-size:16px; text-align:center; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.featureInsurance .tabFrame .tabR:hover{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -282px -88px transparent; width:140px; height:83px; color:#f3f3f3; text-align:center; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureInsurance .tabFrame .tabR:active{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -282px -176px transparent; width:140px; height:83px; color:#f3f3f3; text-align:center; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.featureInsurance .tabFrame .tabRON{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -282px -176px transparent; width:140px; height:83px; color:#f3f3f3; text-align:center; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
/*功能圖*/
.featureInsurance .picFrame{ width:980px; padding-top:50px; text-align:left; margin-bottom:20px;}
.featureInsurance .picTexSayFrame{ position:absolute;}
.featureInsurance .picTexSayFrame .title{ color:#ff7a68; font-size:20px; font-weight:bold; margin-bottom:6px; text-shadow: 0 1px 0 rgba(255, 255, 255,0.9); font-family:'Arial';}
.featureInsurance .picTexSayFrame .tex{ color:#222222; font-size:13px; line-height:20px; text-shadow: 0 1px 0 rgba(255, 255, 255,0.9); margin-left:2px; font-family:'Arial';}

/*dan*/
#functionInsurance .tex_functionTitle a{ color:#222; font-size:16px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); font-weight:bold; margin-bottom:8px;}
#functionInsurance .tex_functionTitle a:hover{ color:#ff7a68; font-size:16px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); font-weight:bold; margin-bottom:8px;}
.iconEncourageStar{ background: url("../images/header_pic.png") no-repeat scroll -200px -179px transparent; width:36px; height:36px; }
/*------------------------------------------------------------------保險版-團隊activate狀態 2013/04/25---------------------------------------------------------------------------*/
.teamworkActivateStateBg{  background: url("../images/nonlogin_insuranceTeamworkState.png") no-repeat scroll 0 0 transparent; width:707px; height:306px; margin-top:25px; }
.teamworkActivateStateBg .frame{ padding:20px; color:#222; font-size:20px; text-shadow: 0 1px 0 rgba(255,255,255,0.5);}
.teamworkActivateStateBg .frame .texRed{ color:#d32b2b;}
.teamworkActivateStateBg .frame .tex15{ font-size:15px; line-height:24px;}
.teamworkActivateStateBg .frame .texGrey{ color:#888;}
/*彈出視窗相關文字*/
.texGrey{ color:#aaa;}
.texOrange{ color:#f37a33;}
.teamworkActivateStatePop_texContainer{  text-align:center; padding-top:55px; padding-bottom:45px; font-family:'Arial';}
.vipMoneybg{ background-color:#f3f9fd; border:1px solid #d0e0eb; width:140px; border-radius:8px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); font-size:13px;  color:#f37a33; text-align:center;}
.vipMoneybg .texGrey{ color:#aaaaaa; margin:5px 0;}
.vipMoneybg .money{ font-size:38px; font-family:'Arial';}
.vipMoneybg .moneySign{ font-size:24px; font-family:'Arial';}
.teamworkActivateStatePop_ListFrame{ width:450px; }
.teamworkActivateStatePop_ListFrame .texFrame{ margin-left:20px; color:#464646; font-size:15px;}
.teamworkActivateStatePop_ListFrame .texGrey{ color:#888; font-size:13px; text-align:left; margin-bottom:15px;}
.teamworkActivateStatePop_ListFrame .texFrame .one{ margin-top:6px;}
.icon_tipCheck{ background: url("../images/basicpic.png") no-repeat scroll -81px -154px transparent; width:20px; height:20px; margin-right:5px; margin-top:2px;}
.tex_otherGift a{ color:#aaa; font-size:12px;}
.teamworkActivateStatePop_tex15{ font-size:15px; line-height:24px;}
.teamworkActivateStatePop_texContainerSucess{  text-align:left; padding-top:40px; padding-bottom:45px; font-family:'Arial'; width:450px; height:210px;*height: 282px;}
.teamworkActivateStatePop_texContainerSucess .texOrangeTitle{ color:#f37a33; font-size:22px; margin-bottom:30px; font-family:'微軟正黑體';}
.teamworkActivateStatePop_texContainerSucess .tex{ color:#464646; font-size:13px; line-height:22px;}

.teamworkActivateStatePop_texContainerSucess .shareSettingAtea{
    margin-top: 12px;
}

.teamworkActivateStatePop_texContainerSucess .shareMsg{
    color: #222;
    font-size: 15px;
    line-height: 24px;
}

.shareComplete{
    padding: 57px 0px;
}
.icon_hot{ background: url("../images/nonloginInsurance_pic.png") no-repeat scroll -121px -647px transparent; width:40px; height:22px; }
.report-qtip{
    background-color: #db6245 ; border:1px solid #ca4d2f ; font-size:13px; color:#fafafa; border-radius: 3px; padding: 2px;
}
/*--------20130808改改改-超值價格頁--------*/
.viptypebg{ background: url("../images/nonlogin_pricing.png") no-repeat scroll 0 -177px transparent; width:980px; height:500px;}
.viptype1{  width: 280px; margin-top: 37px; margin-left: 26px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center;}
.viptype1 .btn_pricingSpace{ width:280px; *margin-top: 40px;}
.viptype1 .btn_pricingBuy{ background: url("../images/nonlogin_pricing.png") no-repeat scroll 0 0 transparent; width:151px; height:54px; cursor:pointer; }
.viptype1 .btn_pricingBuy:hover{ background: url("../images/nonlogin_pricing.png") no-repeat scroll 0 -59px transparent; width:151px; height:54px;}
.viptype1 .btn_pricingBuy:active{ background: url("../images/nonlogin_pricing.png") no-repeat scroll 0 -118px transparent; width:151px; height:54px;}
.plusBuyFrame{ padding-top: 8px; padding-bottom: 16px;}
.plusBuyFrame .tex{ font-size: 15px; color: #545454; line-height: 42px;}
.viptype1 .plusBuybg{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -354px -61px transparent; width:240px; height:40px; margin: 10px 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);}
.viptype2 .plusBuybg{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -354px -105px transparent; width:240px; height:40px; margin: 10px 50px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);}
.plusBuybg .space{ padding-left: 16px;}
.texFreetest{ font-size: 13px; margin-top: 6px;}
.viptype2{ width: 344px; margin-top: 37px; margin-left: 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center;}
.viptype2 .btn_pricingSpace{ width:348px; *margin-top: 40px;}
.viptype2 .btn_pricingBuy{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -156px 0 transparent; width:193px; height:54px; cursor:pointer; }
.viptype2 .btn_pricingBuy:hover{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -156px -59px transparent; width:193px; height:54px;}
.viptype2 .btn_pricingBuy:active{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -156px -118px transparent; width:193px; height:54px;}
.viptype1space{ margin-left: 8px;}
.iconQA{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -599px -61px transparent; width:34px; height:34px; margin-right:7px;}
.icon_vipAll{background: url("../images/nonlogin_pricing.png") no-repeat scroll -638px -61px transparent; width:18px; height:18px; margin: 0 8px;}
.viptypeAllFrame{ margin-top: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1);}
.viptypeAllFrame .texContact{ font-size:13px; color:#888888; margin-top:12px;}



/*--------------2013/08/13訂購流程改改改 新增--------------------------------------------*/
.changeTex{ color: #222; font-size: 20px;}
.changeBtnFrame{ border-top: 1px solid #eee; width: 950px; margin-top: 70px; padding-top: 20px;}
.changeBtnFrame .btnTex{ line-height: 36px; line-height: 40px\9;}
.changeOneFrame{ text-align: center; padding-top: 50px;}
.changeOneFrame .tip{color:#999999; font-size: 15px;  margin-bottom: 6px;}
.changeOnetype{ background-color: #f3f9fd; border: 1px solid #d0e0eb; color: #464646; font-size: 13px; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); width: 186px; height:130px; border-radius: 10px;}
.changeOnetype .name{  font-size: 15px; padding-top: 15px;}
.changeOnetype .days{ font-size: 48px; padding-top: 2px; color: #f37a33;}
.changeOnetype .price{ border-top: 1px dotted #aac7db; color: #888888; font-size: 13px; margin-top: 10px; line-height: 28px; *line-height: 24px;}
.texArrow{ color: #aac7db; font-size: 25px; line-height: 28px; padding: 25px 15px;}
.changeCheck{ margin-top: 20px; font-size: 15px;}
.popChangeContainer{ padding-top: 50px; padding-bottom: 40px;}
.popChangeContainer .tex{ font-size: 15px; line-height: 26px;}
.gmobileFrame{ background-color: #f4faff; border: 1px solid #d0e0eb; color: #464646; font-size: 13px; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); width: 440px; height:165px; border-radius: 10px; margin-top: 25px;}
.gmobileFrame .w1{ border-right: 1px dotted #aac7db; width: 170px; height: 156px; color: #999999; font-size: 13px; padding-top: 9px;}
.gmobileFrame .w2{ width: 200px; *width: 210px; padding-left: 20px; color: #787878; font-size: 15px; line-height: 20px;}

.texPricetip{ font-size: 15px; color: #888888; margin-left: 5px;}
.changeOKtip{ background-color: #ffc450; width: 950px; border-top: 1px solid #ffdf9f; color: #3d3d3d; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.3); line-height: 40px; font-size: 15px;}

.icon_free{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -155px -46px transparent;height:22px; width: 40px;}



/*-----------------------------2013/09/02新增:二合一特色頁---------------------------------------*/
/*功能TAB*/
.feature2in1tab .tabFrame{ width:980px; margin-top:18px;}
.feature2in1tab .tabFrame .tabL{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll 0 0 transparent; width:143px; height:83px; color:#222222; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.feature2in1tab .tabFrame .tabL:hover{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll 0 -88px transparent; width:143px; height:83px; color:#f3f3f3; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature2in1tab .tabFrame .tabL:active{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll 0 -176px transparent; width:143px; height:83px; color:#f3f3f3; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature2in1tab .tabFrame .tabLON{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll 0 -176px transparent; width:143px; height:83px; color:#f3f3f3; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-align:center; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature2in1tab .tabFrame .tabM{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -143px 0 transparent; width:139px; height:83px; color:#222222; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-align:center; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.feature2in1tab .tabFrame .tabM:hover{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -143px -88px transparent; width:139px; height:83px; color:#f3f3f3; font-size:16px; text-align:center; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature2in1tab .tabFrame .tabM:active{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -143px -176px transparent; width:139px; height:83px; color:#f3f3f3; font-size:16px; text-align:center; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature2in1tab .tabFrame .tabMON{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -143px -176px transparent; width:139px; height:83px; color:#f3f3f3; font-size:16px; text-align:center; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature2in1tab .tabFrame .tabR{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -282px 0 transparent; width:140px; height:83px; color:#222222; font-size:16px; text-align:center; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); cursor:pointer;}
.feature2in1tab .tabFrame .tabR:hover{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -282px -88px transparent; width:140px; height:83px; color:#f3f3f3; text-align:center; font-size:16px; line-height:78px; line-height:83px\9; *line-height:83px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature2in1tab .tabFrame .tabR:active{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -282px -176px transparent; width:140px; height:83px; color:#f3f3f3; text-align:center; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.feature2in1tab .tabFrame .tabRON{ background: url("../images/nonloginInsuranc_feature.png") no-repeat scroll -282px -176px transparent; width:140px; height:83px; color:#f3f3f3; text-align:center; font-size:16px; line-height:86px; line-height:89px\9; *line-height:89px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}

.feature2in1{ text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}
.feature2in1 .texUpFrame{ padding-top: 80px; width: 910px; padding-left: 20px; text-align: left;}
.feature2in1 .texUpFrame .texTitle{ color: #4baca5; font-size: 28px; font-weight: bold; font-family: '微軟正黑體'; margin-bottom: 15px;}
.feature2in1 .texUpFrame .texTitleModule{ color:#333; font-size: 16px;}
.feature2in1 .texUpFrame .texDescribe{ color: #333333; font-size: 15px; line-height: 30px;}
.pic_sepUp{ background: url("../images/nonlogin_2in1featureSepup.jpg") no-repeat scroll 50% 0; height:150px; }
.pic_sepMid{ background: url("../images/nonlogin_2in1featureSepmid.jpg") no-repeat scroll 50% 0; height:150px; }
.feature2in1 .picContainer{ width: 640px;}
.feature2in1 .texFunctionContainer{ width: 340px; text-align: left; white-space: nowrap;}
.feature2in1 .texFunctionContainer .texTitle{ color: #4baca5; font-size: 20px; font-weight: bold; font-family: '微軟正黑體'; border:1px solid #4baca5; padding: 3px 0; text-align: center; box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.8); margin-bottom: 12px;}
.feature2in1 .texFunctionContainer .texSlogen{ color: #222; font-size: 28px; font-weight: bold; font-family: '微軟正黑體'; margin-bottom: 8px;}
.feature2in1 .texFunctionContainer .texSay{ color: #333333; font-size: 15px; line-height: 30px;}
.feature2in1 .texFunctionContainerBottom{ width: 460px; text-align: left;}
.feature2in1 .texFunctionContainerBottom .texTitle{ color: #4baca5; font-size: 20px; font-weight: bold; font-family: '微軟正黑體'; border:1px solid #4baca5; padding: 3px 0; text-align: center; box-shadow: 0px 1px 0 rgba(255, 255, 255, 0.8); margin-bottom: 12px;}
.feature2in1 .texFunctionContainerBottom .texSay{ color: #333333; font-size: 15px; line-height: 30px;}
/*.feature2in1 .moreFunctionBG{ background: url("../images/nonlogin_2in1bg1.jpg") no-repeat scroll 50% 0 #e8e7da; height: 320px; border-bottom: 1px solid #fff; margin-top: 100px;}*/
.feature2in1 .moreFunctionBG{ height: 320px;}
.moreFunctionBG .function6Container{ padding-top:0px; *padding-top:40px;}
/*.moreFunctionBG .function6Container{ padding-top:80px; *padding-top:40px;}*/
.moreFunctionBG .function6Container .tex_title{ color:#333; font-size:26px; font-family:'微軟正黑體'; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); margin-bottom:15px;}
.function6Container .one .pic7{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -867px -175px transparent; width:122px; height:93px;}
.dobtnFrame{ margin-top: 60px;}

/*-------強大功能頁-APP 20131011-------*/
.pic_app0{ background: url("../images/nonlogin_2in1feature7pic0.jpg") no-repeat scroll 50% 0; height:550px; margin-top: 50px;}
.pic_app1{ background: url("../images/nonlogin_2in1feature7pic1.jpg") no-repeat scroll 50% 0; height:436px;}
.pic_app2{ background: url("../images/nonlogin_2in1feature7pic2.jpg") no-repeat scroll 50% 0; height:490px;}
.pic_app3{ background: url("../images/nonlogin_2in1feature7pic3.jpg") no-repeat scroll 50% 0; height:490px;}
.pic_app4{ background: url("../images/nonlogin_2in1feature7pic4.jpg") no-repeat scroll 50% 0; height:497px;}
.pic_app5{ background: url("../images/nonlogin_2in1feature7pic51.jpg") no-repeat scroll 50% 0; height:574px; }


/* Footer login form 2013-11-26 */
.landing_signupContainer{ margin-top: 80px; margin-bottom: 0; text-align: left; height: 450px;}
.landing_signupContainer .bgFrame{ width: 980px; position: relative;}
.landing_signupContainer .bgArrow{ background: url("../images/landing_signupPic.png") no-repeat scroll -1102px 0 transparent; width:49px; height:60px; position: absolute; z-index: 1; left: 0px; top:0px;}
.landing_signupContainer .bgHole{ background: url("../images/landing_signupPic.png") no-repeat scroll -985px 0 transparent; width:44px; height:410px; position: absolute; z-index: 1; left: 936px; top:0px;}
.landing_signupContainer .bg{ background: url("../images/landing_signupPic.png") no-repeat scroll 0 0 transparent; width:980px; height:410px; position: absolute; z-index: 2; left: 0px;}
.landing_signupContainer .bgUpshadow{ background: url("../images/landing_signupPic.png") no-repeat scroll -1038px 0 transparent; width:59px; height:410px; position: absolute; z-index: 5; left: 925px;}
.landing_signupContainer .iconPowpow{ background: url("../images/landing_signup_iconPowpow.gif"); width:158px; height:144px; position: absolute; z-index: 3; left: 25px; top:33px;}
.landing_signupContainer .signupFrame{ width: 948px; height: 247px; position: absolute; z-index: 4; left: 8px; top:110px;}
.landing_signupContainer .btn{ background: url("../images/landing_signup_btn.gif"); width:170px; height:97px; cursor: pointer; margin-left: 10px;}
.landing_signupContainer .btnM{ background: url("../images/landing_signup_btnM.gif"); width:170px; height:97px; cursor: pointer; margin-left: 10px;}
.landing_signupContainer .btnClick{ background: url("../images/landing_signup_btnClick.gif"); width:170px; height:97px; cursor: pointer; margin-left: 10px;}

.landing_signupContainer .useridMOVE{ margin-left: 52px; }

.landing_signupContainer .registerFrame{ padding-top: 78px;}
.landing_signupContainer .registerFrame .userid{ margin-left: 48px; }
.landing_signupContainer .registerFrame .userinfo{ margin-left: 42px; }
.landing_signupContainer .registerFrame .usersend{ margin-left: 36px; }
.landing_signupContainer .registerFrame .onecolum{ margin-bottom: 10px; width: 310px;}
.landing_signupContainer .registerFrame .onecolum input{ width:300px;}
.landing_signupContainer .registerFrame .onecolum .columL{ float: left;}
.landing_signupContainer .registerFrame .onecolum .columL input{ width:140px;}
.landing_signupContainer .registerFrame .onecolum .columR{ float: right;}
.landing_signupContainer .registerFrame .onecolum .columR input{ width:140px;}
.landing_signupContainer .registerFrame .policyFrame{ margin-top: 45px; font-size: 12px; color: #a9adae;}
.landing_signupContainer .registerFrame .policyFrame a{ text-decoration: underline; color: #a9adae;}
.landing_signupContainer .registerFrame .policyFrame a:hover{ color: #ff7a68; }
.landing_signupContainer .registerFrame .texLogin{ font-size: 13px; *margin-top: -2px;}

/*往右移*/
.bgMove{ margin-left: 5px;}
.bgMoveOnclick{ margin-left: 8px;}
.bgMoveClick{ margin-left: 11px;}

/*header加註冊按鈕調整*/
.menuSeplineFrmae{ margin-top: 34px; margin-left: 30px;  margin-right: -15px;}
.menuSepline{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -996px -273px transparent; width:2px; height:25px;}
.menu_btnSignupFrmae{ margin-top: 31px; margin-left: 25px;}
.menu_btnSignup{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -867px -273px transparent; width:124px; height:33px; cursor: pointer;}
.menu_btnSignup:hover{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -867px -311px transparent; width:124px; height:33px;}
.menu_btnSignup:active{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -867px -349px transparent; width:124px; height:33px;}
.kvpicCloud{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -282px -377px transparent; width:53px; height:39px; position: absolute; top:23px; left: 270px;}

/*預約專人說明頁*/
.kvTraining{ background: url("../images/training_bg.jpg") no-repeat scroll 50% 0 #d3d5d2; height: 937px; }
.kvTraining .frameLeft{ width: 598px; text-align: left; padding-top: 87px; color: #222; }
.kvTraining .frameLeft .texTitle{ font-size: 30px; font-family: '微軟正黑體'; margin-bottom: 25px;}
.kvTraining .frameLeft .texDes{ font-size: 15px;line-height: 26px;}
.kvTraining .frameRight{ width: 380px; font-family: 'Arial'; }
.kvTraining .frameRight .frameSignup{ font-size: 16px; color: #222222; text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); margin-left: 5px;padding-top: 94px;}
.kvTraining .frameRight .frameSignup .oneType{ margin-bottom: 18px;}
.kvTraining .frameRight .frameSignup .oneType .title{ width: 50px; color: #fafafa; text-align: right; margin-right: 20px; line-height: 40px;}
.kvTraining .frameRight .frameSignup .oneType input{ height:38px; width: 288px;}
.kvTraining .frameRight .frameSignup .oneType .textip{ color: #979797; font-size: 13px; margin-top: 13px; margin-left: 32px;}
.kvTraining .btnFrame{ margin-left: 65px;}
.kvTraining .btn1{ background: url("../images/training_btn.png") no-repeat scroll 0 0; width: 299px; height: 52px; cursor: pointer;}
.kvTraining .btn2{ background: url("../images/training_btn.png") no-repeat scroll 0 -57px; width: 299px; height: 52px; cursor: pointer;}
.kvTraining .btn1:hover,.kvTraining .btn2:hover{ background: url("../images/training_btn.png") no-repeat scroll 0 -114px; width: 299px; height: 52px; }
.kvTraining .btn1:active,.kvTraining .btn2:active{ background: url("../images/training_btn.png") no-repeat scroll 0 -171px; width: 299px; height: 52px; }

/*--------------2014/02/05訂購流程改改改改改改改改改 新增-------------------------------*/
.stopOrderTex{ color: #222; font-size: 20px; line-height: 42px;}
.btnStop{ line-height: 36px; line-height: 42px\9; width: 200px; margin-top: 60px;}
.contactUsA{ color: #222; text-decoration: underline;}

.choseOne .OrderTypeOne{ margin-bottom: 60px; width: 790px; margin-left: 30px;}
.choseOne .OrderTypeOne .OrderTypeTitle{ margin-bottom: 10px; }
.choseOne .OrderTypeOne .iconOrderType{ background: url("../images/nonlogin_price.png") no-repeat scroll -957px -344px transparent; width:20px; height:20px;}
.choseOne .OrderTypeOne .texOrderType{ color: #888888; font-size: 15px; font-weight: bold;}
.choseOne .OrderTypeOne .texOrderInfoFrame{ width: 760px; margin-left: 20px;}
.choseOne .OrderTypeOne .texOrderInfo{ color: #222; font-size: 15px; line-height: 30px;}
.choseOne .one .title{ width: 150px; line-height: 42px;}
.buyerInfoFrame{ background-color: #f3f9fd; border: 1px solid #d0e0eb; border-radius: 5px; padding: 20px 0; width: 745px;}
.buyerInfoFrame .nodonateFrame{ border: 1px solid #e1e1e1; width: 500px;}
.buyContentInfoTab { font-size: 15px; padding-left: 15px; position: absolute;}
.buyContentInfoTab .tabON{ background-color: #f3f9fd; border: 1px solid #d0e0eb; border-bottom: 1px solid #f3f9fd; border-radius: 5px 5px 0 0; padding: 11px 35px; color: #222;}
.buyContentInfoTab .tabOFF{ background-color: #d0e0eb; border: 1px solid #d0e0eb; border-bottom: 1px solid #d0e0eb; border-radius: 5px 5px 0 0; padding: 11px 35px; color: #3384d0; cursor: pointer;}
.buyContentInfoTab .tabOFF:hover{ background-color: #d6edfc; border: 1px solid #d0e0eb; border-bottom: 1px solid #d0e0eb; border-radius: 5px 5px 0 0; padding: 11px 35px; color: #3384d0;}
.buyContentInfoFrameSpace { width: 1px; height: 40px;}
.buyContentInfoFrame { background-color: #f3f9fd; border: 1px solid #d0e0eb; border-radius: 5px; padding-top: 1px; width: 745px; }
.buyContentInfoFrame .texTipNowall{ font-size: 13px; margin-left: 15px; line-height: 42px; color: #222;}
.buyContentInfoFrame .texMoney{ color:#222; margin-top: 6px;}
.size24{ font-size:24px; }
.size16{ font-size:16px; }
.buyContentInfoFrame .sepDotLine{ width: 745px; height: 1px; border-top: 1px dotted #bbd3e3;}
.buyContentInfoFrame .texDetail{ color: #aaaaaa; font-size: 13px; text-decoration: underline; margin-left: 10px; cursor: help;}

.choseOne .sepLine{ border-bottom:1px solid #eeeeee; margin-top:90px; margin-bottom:45px;}

.radioBtn_texDisable{
    color: #bbbbbb;
    font-size:13px;
    line-height:20px;
}


/*--------20140207改改改改改改-超值價格頁--------------------------------------------------*/
/*--------以下為已有的CSS名稱，改成新的內容-----------------------------------*/
.bannerGift{ background: url("../images/nonlogin_pricing.png") no-repeat scroll 0 0 transparent; width:505px; height:44px; margin-bottom: 18px;}
.bannerGiftUpspace{ padding-top: 38px;}
.iconQA{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -600px 0 transparent; width:34px; height:34px; margin-right:7px;}
/*--------以下新CSS------------------------------------------------------------*/
.viptypeX3{ padding-left: 220px;}
/*一般版本*/
.viptypeA .bg{ background: url("../images/nonlogin_pricing.png") no-repeat scroll 0 -49px transparent; width:252px; height:281px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); text-align:center; margin-left: 1px;}
.viptypeA .btn_pricingSpace{ width:252px; margin-top:6px; }
.viptypeA .btn_pricingBuy{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -514px -49px transparent; width:151px; height:54px; cursor:pointer; }
.viptypeA .btn_pricingBuy:hover{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -514px -108px transparent; width:151px; height:54px;}
.viptypeA .btn_pricingBuy:active{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -514px -167px transparent; width:151px; height:54px;}
.viptypeA .viptype_texUpTip{ height: 21px; }
.viptypeA .viptype_texPdname{ font-size:30px; color:#222222; font-family:'微軟正黑體'; margin-top:13px; margin-bottom:3px;}
.viptypeA .viptype_texRemark{ font-size:13px; color:#968a7d; height: 50px; line-height:17px;}
.viptypeA .viptype_texPrice{ font-size:36px; color:#222222; font-family:'Arial'; margin-top: 16px; height: 42px;}
.viptypeA .viptype_texPriceSign{ font-size:20px;}
.viptypeA .viptype_texPriceMonth{ font-size:13px; color:#afa59a;}
/*強調版本*/
.viptypeB .bg{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -257px -49px transparent; width:252px; height:281px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); text-align:center; margin-left: 1px;}
.viptypeB .btn_pricingSpace{ width:252px; margin-top:6px; }
.btn_pricingBuy2{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -670px -49px transparent; width:151px; height:54px; cursor:pointer; }
.btn_pricingBuy2:hover{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -670px -108px transparent; width:151px; height:54px;}
.btn_pricingBuy2:active{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -670px -167px transparent; width:151px; height:54px;}
.viptypeB .viptype_texUpTip{ height: 21px; color: #fff; font-size: 13px; text-shadow:none; line-height: 24px;}
.viptypeB .viptype_texPdname{ font-size:30px; color:#222222; font-family:'微軟正黑體'; margin-top:13px; margin-bottom:3px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1);}
.viptypeB .viptype_texRemark{ font-size:13px; color:#a88b7c; height: 50px; line-height:17px;}
.viptypeB .viptype_texPrice{ font-size:36px; color:#222222; font-family:'Arial'; margin-top: 16px; height: 42px;}
.viptypeB .viptype_texPriceSign{ font-size:20px;}
.viptypeB .viptype_texPriceMonth{ font-size:13px; color:#a78d80;}
.viptype_texTest{ font-size:13px; margin-top: 4px;}
/*功能比較表格*/
.vipCompare { *margin-top: -18px;}
.vipCompare tr{ line-height: 52px;}
.vipCompare .width1functionNone{ width: 165px ; height: 1px; padding: 0 30px; background-color: #d5d5d5;}
.vipCompare .width2typeNone{ width: 240px; background-color: #fff;}
.vipCompare .width3emptyNone{ width: 13px; }
.vipCompare .width4emptyNone{ width: 1px; }
.vipCompare .width1function{ width: 165px; padding: 0 30px; text-align: right;  border-top: 1px solid #fdfdfd; border-bottom: 1px solid #d5d5d5; border-left: 1px solid transparent;}
.vipCompare .texFunction{ color: #545454; font-size: 16px; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); }
.vipCompare .width2type{ width: 240px; background-color: #fff; text-align: center; border-top: 1px solid #fff; border-bottom: 1px solid #eeeeee;}
.vipCompare .texTypeinfo{ color: #222222; font-size: 16px; }
.vipCompare .texTypeinfoS{ font-size: 12px; }
.vipCompare .width3empty{ width: 13px; border-top: 1px solid transparent; border-bottom: 1px solid transparent;}
.vipCompare .width4empty{ width: 1px; border-left: 1px solid transparent;}
.vipCompare tr:hover .width1function{ border-top: 1px solid #ff7b69; border-bottom: 1px solid #ff7b69; border-left: 1px solid #ff7b69; -o-transition: border-color .20s linear; -webkit-transition: border-color .20s linear; -moz-transition: border-color .20s linear; transition: border-color .20s linear;}
.vipCompare tr:hover .width2type{ border-top: 1px solid #ff7b69; border-bottom: 1px solid #ff7b69;
 -o-transition: border-color .20s linear; -webkit-transition: border-color .20s linear; -moz-transition: border-color .20s linear; transition: border-color .20s linear;}
.vipCompare tr:hover .width3empty{ border-top: 1px solid #ff7b69; border-bottom: 1px solid #ff7b69;
 -o-transition: border-color .20s linear; -webkit-transition: border-color .20s linear; -moz-transition: border-color .20s linear; transition: border-color .20s linear;}
.vipCompare tr:hover .width4empty{ border-left: 1px solid #ff7b69;
 -o-transition: border-color .20s linear; -webkit-transition: border-color .20s linear; -moz-transition: border-color .20s linear; transition: border-color .20s linear;}
/*icon V & X*/
.iconV{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -507px 0px transparent; width:26px; height:26px;}
.iconV2{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -538px 0px transparent; width:26px; height:26px;}
.iconX{ background: url("../images/nonlogin_pricing.png") no-repeat scroll -569px 0px transparent; width:26px; height:26px;}
.iconVXspace{ width: 240px;}
/*立即聯絡*/
.vipContactus{ margin-bottom: 50px;}
.vipContactus .w1{ width: 161px ; height: 1px; padding: 0 30px;}
.vipContactus .w2{ width: 746px; background-color: #dcdcdc; font-size: 15px; color: #828282; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7); text-align: center; padding: 16px 0;}

/*--20130129新增 媒體報導-------*/
#newslist .news5logo{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -1011px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
.clickTrigger{
    cursor: pointer;
}
.texGopayError {
    font-size: 13px; color: #d32b2b; margin-bottom: 10px;
}

/*-----2014/03/07新增  for外首頁調整------------------------------------------*/
.function6Container .space{ margin: 0 36px; }
/*未登入註冊form*/
.nonlogin_signupForm{ background: url("../images/nonlogin_signupForm.jpg") no-repeat scroll 50% 0 #5db2ab; height: 240px; }
.atFooterup{ margin-bottom: -100px;}
.nonlogin_signupForm .texSlogen{ font-size: 26px; font-family: '微軟正黑體'; color: #ffffff; text-shadow: 0px 1px 0 rgba(0, 0, 0, 0.1); padding-top: 45px;}
.nonlogin_signupForm .inputFrame{ position: absolute; top: 119px; left: 56px;}
.nonlogin_signupForm .inputFrame input{ width: 330px;}
.nonlogin_signupForm .inputFrame .dropdownWidth{ width: 300px; margin-left: 10px;}
.nonlogin_signupForm .btnFrame{ position: absolute; top: 102px; left: 763px;}
.nonlogin_signupForm .texlinkFrame{ position: absolute; top: 188px; left: 769px; color: #2e6f6a; font-size: 13px;}
.nonlogin_signupForm .texlinkFrame a{ color: #2e6f6a; text-decoration: underline;}
.nonlogin_signupForm .texlinkFrame a:hover{ color: #8ceae2; text-decoration: none;}
/*文字功能x6*/
.functionTexContainer{ margin-top: 100px; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}
.functionTexContainer .one{ width: 300px; text-align: left;}
.functionTexContainer .space{ width: 40px; height: 1px;}
.functionTexContainer .one .texTitle{ font-size: 24px; font-family: '微軟正黑體'; color: #222; font-weight: bold; }
.functionTexContainer .one .texInfo{ font-size: 15px; line-height: 26px; color: #555; margin-top: 10px;}
.functionTexContainer .one .pic1{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -1011px -175px transparent; width:72px; height:72px; margin-right: 12px; margin-top: 3px;}
.functionTexContainer .one .pic2{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -1011px -252px transparent; width:72px; height:72px; margin-right: 12px; margin-top: 3px;}
.functionTexContainer .one .pic3{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -1011px -329px transparent; width:72px; height:72px; margin-right: 12px; margin-top: 3px;}
.functionTexContainer .one .pic4{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -1088px -175px transparent; width:72px; height:72px; margin-right: 12px; margin-top: 3px;}
.functionTexContainer .one .pic5{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -1088px -252px transparent; width:72px; height:72px; margin-right: 12px; margin-top: 3px;}
.functionTexContainer .one .pic6{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -1088px -329px transparent; width:72px; height:72px; margin-right: 12px; margin-top: 3px;}

.vipBtnOrder .w1{ width: 161px ; height: 80px; padding: 0 30px;}
.vipBtnOrder .w2{ width: 240px; background-color: #fff;}
.vipBtnOrder .w3{ width: 13px; }
.vipBtnOrder .w4{ width: 1px; }
.vipBtnOrder .btnSpace{ position: relative; top:2px; left: 47px; *left: 2px;}

.vipBtnOrder .w1{ width: 161px ; height: 80px; padding: 0 30px; border-top: 1px solid #fdfdfd;}
.vipCompare .texTypeinfoGrey{ color: #bbb; font-size: 15px; }


/*--20140328新增 媒體報導-------*/
#newslist .news6logo{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -1206px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .news7logo{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -1401px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .news8logo{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -1596px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .list2space{ margin-top: 20px;}

/*-------------------新聞報導----------------------*/
#newslist{ margin-bottom:80px; margin-top:30px;}
#newslist .tex_title{ color:#333; font-size:26px; font-family:'微軟正黑體'; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); margin-bottom:35px;}
#newslist .bg{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll 0 -100px transparent; width:226px; height:272px; position:relative; text-align:center; margin-right:18px; cursor:pointer}
#newslist .news1logo{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -231px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .news2logo{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -426px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .news3logo{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -621px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .news4logo{ background: url("../images/nonlogin_2in1pic.png") no-repeat scroll -816px 0 transparent; width:190px; height:170px; position:absolute; top:29px; left:17px;}
#newslist .bg .texFrame{ width:225px; height:45px; padding-top:22px; position:absolute; top:200px; left:0px;}
#newslist .bg .tex{ color:#3384d0; font-size:15px; font-weight: normal; text-shadow: 0 1px 0 rgba(255, 255, 255, 1); line-height:21px; text-decoration:none;}
#newslist .bg:hover .tex{ color:#ff7a68;}

/*--20140620新增:強大功能頁下方了解更多模組----------------------------*/
.learnMore{ margin-top: 10px; margin-bottom: 30px; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.5);}
.learnMore .texUp{ color: #333333; font-size: 36px; margin-bottom: 20px; font-family: '微軟正黑體'; text-shadow: 0px 1px 0 rgba(255, 255, 255, 1);}
.learnMore .frame1 .icon{ background: url("../images/nonlogin_2in1featureMore.png") no-repeat scroll -590px 0 transparent; width:125px; height:121px;}
.learnMore .frame1 .bgpic, .learnMore .frame2 .bgpic, .learnMore .frame3 .bgpic{ background: url("../images/nonlogin_2in1featureMore.png") no-repeat scroll 0 0 transparent; width:290px; height:381px; margin: 0 16px;}
.learnMore .frame1:hover .bgpic, .learnMore .frame2:hover .bgpic, .learnMore .frame3:hover .bgpic{ background: url("../images/nonlogin_2in1featureMore.png") no-repeat scroll -295px 0 transparent; width:290px; height:381px; margin: 0 16px; cursor: pointer;}
.learnMore .frame2 .icon{ background: url("../images/nonlogin_2in1featureMore.png") no-repeat scroll -590px -126px transparent; width:125px; height:121px;}
.learnMore .frame3 .icon{ background: url("../images/nonlogin_2in1featureMore.png") no-repeat scroll -590px -252px transparent; width:125px; height:121px;}
.learnMore .bgpic .space{ padding-top: 26px;}
.learnMore .bgpic .space .texTitle{ color: #43a39c; font-size: 24px; font-weight: bold; font-family: '微軟正黑體'; text-shadow: 0px 1px 0 rgba(255, 255, 255, 0.7); margin-top: 16px; margin-bottom: 10px;}
.learnMore .bgpic .space .texDesc{ color: #555555; font-size: 15px; line-height: 26px; width: 230px; text-align: left; margin-bottom: 30px;}
.learnMore .frame1 .bgpic .btn{ background: url("../images/nonlogin_2in1featureMore.png") no-repeat scroll 0px -386px transparent; width:217px; height:73px;}
.learnMore .frame2 .bgpic .btn{ background: url("../images/nonlogin_2in1featureMore.png") no-repeat scroll -222px -386px transparent; width:217px; height:73px;}
.learnMore .frame3 .bgpic .texPhone{ color: #555555; font-size: 28px; font-family: 'Arial';}
.learnMore .frame3 .bgpic .texTime{ color: #555555; font-size: 13px; margin-top: 8px;}
.learnMore .frame3 .bgpic .btn{ background: url("../images/nonlogin_2in1featureMore.png") no-repeat scroll -444px -386px transparent; width:217px; height:73px;}



.pic_app{ background: url("../images/nonlogin_2in1feature7pic.png") no-repeat scroll 50% 0; height:588px; margin-top: 100px;}
.btn_ios{ background: url("../images/nonlogin_2in1feature7.png") no-repeat scroll 0 0 transparent; width:194px; height:70px; }
.btn_ios:hover{ background: url("../images/nonlogin_2in1feature7.png") no-repeat scroll -196px 0 transparent; width:194px; height:70px; }
.btn_android{ background: url("../images/nonlogin_2in1feature7.png") no-repeat scroll 0 -74px transparent; width:194px; height:70px; }
.btn_android:hover{ background: url("../images/nonlogin_2in1feature7.png") no-repeat scroll -196px -74px transparent; width:194px; height:70px; }
.mobileAppFrame { text-shadow: 0px 1px 0 rgba(255, 255, 255, 1); text-align: left; margin-top: 60px;}
.mobileAppFrame .oneFrame{ width: 490px; margin-bottom: 80px;}
.mobileAppFrame .oneFrame .texTitle{ color: #4baca5; font-size: 26px; line-height: 68px; font-family: '微軟正黑體'; font-weight: bold; margin-left: 5px;}
.mobileAppFrame .oneFrame .texDescFrame{ margin-left: 78px; font-size: 15px; color: #222; line-height: 28px;}
.mobileAppFrame .oneFrame .icon1{ background: url("../images/nonlogin_2in1feature7.png") no-repeat scroll 0 -148px transparent; width:68px; height:68px; }
.mobileAppFrame .oneFrame .icon2{ background: url("../images/nonlogin_2in1feature7.png") no-repeat scroll -72px -148px transparent; width:68px; height:68px; }
.mobileAppFrame .oneFrame .icon3{ background: url("../images/nonlogin_2in1feature7.png") no-repeat scroll -145px -148px transparent; width:68px; height:68px; }
.mobileAppFrame .oneFrame .icon4{ background: url("../images/nonlogin_2in1feature7.png") no-repeat scroll -218px -148px transparent; width:68px; height:68px; }


.kv .arrange-explain,
.kv .trail-now {
    position:relative;
    display:inline-block;
}
.kv .arrange-explain .button {
    width:187px;
    height:65px;
    font-size:26px;
    line-height:70px;
    margin-bottom:10px;
    text-indent:-25px;
    margin-top: 20px;
}
.kv .trail-now .button {
    width:187px;
    height:45px;
    font-size:20px;
    line-height:49px;
    margin-bottom: 10px;
}
.kv .right-arrow {
    position: absolute;
    right: 23px;
    top: 40px;
}
.kv .right-arrow.step {
    right: 20px;
}



nav {
  display: block;
  background-color: #fff;
  box-shadow: 0 2px 2px rgba(0,0,0,.45);
  -webkit-animation: show-header .5s ease;
          animation: show-header .5s ease;
  position: relative;
  top: 0;
  height: 72px;
  min-width: 1024px;
  line-height: 16px;
  font-size: 16px;
  font-weight: 300;
  font-family: 'Microsoft JhengHei', 'Noto Sans TC', 'Hiragino Sans GB', sans-serif;
}

nav a, nav a:hover, nav a:focus,  nav a:active, nav a:visited {
  text-decoration: none;
}
nav a:hover {
  color: rgb(255, 147, 47) !important;
  text-shadow: 1px 1px 15px rgba(255,255,255,1);
}

nav .brand {
  display: inline-block;
  float: left;
  margin-left: 10%;
}

nav .brand .img-logo {
  display: block;
  background: url("../images/site/logo_header.png") no-repeat transparent; width:86px; height:70px;
}

nav .nav-toggle {
  color: #444;
  cursor: pointer;
  display: none;
  float: right;
  font-size: 1.25em;
  padding: 1em 0;
  z-index: 1000
}

nav .list-btn-intro {
  float: left;
  margin: 0 0 0 2em;
}

nav .list-btn-login {
  float: right;
  margin-right: 10%;
}

nav ul {
  border: none;
  clear: none;
  display: inline-block;
  padding: 25px 0;
  margin: 0;
}

nav .text-freetry {
  text-decoration: underline;
  font-size: 16px;

  width: 68px;
  height: 18px;
  margin-top: -6px;
  padding: 5px;

  text-decoration: none;

  color: #FFF;
  border: 1px solid #48B6AE;
  border-radius: 5px;
  background-color: #4CBEB6;
}

nav .text-freetry:hover {
  color: #fff !important;
  border: 1px solid #ff7a68 !important;
  background-color: #ff7a68 !important;
  transition: all 0.5s ease;
  text-shadow: none !important;
}

nav .text-demo {
  text-decoration: underline;
}

nav .text-user {
  background-color: #C33232;
  border: 1px solid #D0AFAF;
  padding: 5px 10px;
  margin-top: -7px;
  color: #FFFFFF !important;
}


nav ul li {
  border: none;
  display: inline-block;
  float: left;
  margin-right: 2em;
}

nav ul li a {
  color: #444;
  display: block;
  padding: 0;
}

nav.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 99999;
}
