/*共用Css*/
    body,div,ul,li{margin:0;padding:0;font-family:微軟正黑體, 新細明體;font-size:14px;color:#000;}
    body{background:#FFF url('/_img/headBg.png') top left repeat-x;}/**/
    ul,li{list-style :none;margin:0;padding:0;}
    p{margin:10px;padding:0;}
    h1{ font-size:14px; color:#0345bf; line-height:14px; display:inline-block;}
    a:link, a:visited {color:#000;}/*text-decoration:none;*/
    a img{border:0px none #FFF;}
    a{cursor:pointer;}
    .setTitle{font-size:18px;font-weight:bold;color:#0345bf;}
    .b7D2{border-bottom:2px solid #7D7D7D!important;}
    .sEdit{color: #009cff;cursor: pointer;}
     #sList .sLoad {color: #009cff;cursor: pointer; text-decoration:none; margin:5px 2px;font-size: 12px;}
    .Pw {filter:alpha(opacity=80); opacity:0.8;}
    .PwTip {position:absolute; text-align:left; vertical-align:middle; z-index:-2; display:none;}

/*物件*/
    .Btn{background:url('/_img/btnBg.png') repeat-x 0px 0px; text-decoration:none; display: inline-block; border:1px solid #1b1b1b;font-size:15px;width:53px;height:26px;cursor:pointer;color:#FFF;text-align:center;line-height:25px;margin-left:0px;*display:inline;*zoom:1;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;}
    .BDo{background:url('/_img/btnBg.png') repeat-x 0px -26px; text-decoration:none; display: inline-block; border:1px solid #1b1b1b;font-size:15px;width:53px;height:26px;cursor:pointer;color:#FFF;text-align:center;line-height:25px;margin-left:0px;*display:inline;*zoom:1;-moz-border-radius: 1px;-webkit-border-radius: 1px;border-radius: 1px;}
    .Btn2{text-decoration:none; display:inline-block; color:#009cff!important; border: 1px solid #009cff; text-align:center;line-height:25px; width:48px; height:22px;background-color:#FFF;cursor:pointer;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;}
    .B2Do{color:#888; border: 1px solid #AAA;}
    .iK{ background:#EEE url('/_img/iconKb.png') repeat-x 0px 0px; width:20px; height:20px; border:0px none; display: inline-block ; vertical-align:middle;}
/*main 主頁定版*/
    #main {
    width: 960px;/*73.9em*/
    margin: 0 auto;
    text-align: left;
    }
    #main .head{position: relative;width:960px;height:58px;}
    #main .head li{display:block;float:left;}
    #main .head img{width:118px;height:33px;float:left; margin:11px;}
    #main .head .RBox{ float:right;}
    #main .head .RBox a,#main .head .RBox span{float:right; margin:11px; color:#009cff;font-size:16px; line-height:36px; }
    #main .body {position: relative;width:960px; min-height:500px; *height:540px; max-height:1360px; }/*原20121113 max-height: 860*/
    /*#main .body a{color:#F80;}*/
    
    #main .foot {position: relative;width:960px;text-align:center;font-size: 12px; z-index:1;}
    #main .foot p a{margin:10px;color:#000;}

/*聯絡客服*/
    .serviceC{ padding:110px 290px;}
    .service{ width:360px; height: auto; border:0px;  text-align:left; vertical-align:middle;}  /*border:2px dotted #eb8e23; */
    .service li{ font-size:16px; padding:6px; }
    .service li h1{ font-size:18px; padding: 0px 0px 8px 40px; margin:0; border-bottom:2px dotted #009cff; background:url('/_img/ServiceIcon.png') 0px 0px no-repeat; height:40px; line-height:56px; color:#009cff;}
    .service li h2 {
        font-size: 18px;
        padding: 0px 0px 8px 40px;
        margin: 0;
        width:86px;
        border-bottom: 2px dotted #009cff;
        background: url('/_img/DocumentIcon.png') 0px 0px no-repeat;
        height: 40px;
        line-height: 56px;
        color: #009cff;
    }
    .service .pdf {
        font-size: 16px;
        padding: 0px 0px 0px 20px;
        margin: 0;
        background: url('/_img/pdf.png') 0px 6px no-repeat;
        text-decoration:none;
    }
/*帳戶設定*/
    #InfTab{width:1000px; margin:0 0;}
    #InfTab td{text-align:left; vertical-align:top;  width:120px; border-bottom:1px solid #DDD;}
    #InfTab td span{margin:10px; display:inline-block;}
    #InfTab .tl{text-align:right; width:110px;}
    #InfTab .tc{width:700px;}
    #main .body {*height:100%;}
    #ContentPlaceHolder1_Partner, #Partner{ width:1000px; margin:0 0; }
    #nav { width:1000px; height:48px; display:none;}
    #nav li{display:block;float:left;width:308px; margin:10px; padding:0px;}
        
    #PTab li{min-height:340px; height:100%; width:1000px; margin:10px; padding:0;  }
    #PTab table{ width:1000px;  }
    #PTab #doc a{display:block; float:left; width:490px; height:100px; margin:115px 5px; padding:0; text-align:center;}
    #PTab #doc a span{ display:block; width:65px; height:65px; margin:2px 210px; background:url('/_img/iconS.png') repeat-x top left;}
    #PTab #doc a .DWeb{ background-position:0 -70px;}
    #PTab #doc a .DVirturl{background-position:0 -140px;}
    #PTab #down {height:240px; width:550px; margin:10px; padding:0 200px;}
    #PTab #down table{ width:550px;}
    #sList{width:1000px;border: 0px solid #999;}
    #sList tr{ padding:0;  margin:0;}
    #sList td{height: 40px; line-height: 38px; vertical-align:middle; text-align:center; border-bottom: 1px solid #999; display:inline-block; overflow: hidden;white-space: nowrap; text-overflow: ellipsis;}
    #sList td input{margin:10px 5px;}
    #sList td span{margin: 5px 2px;}
    .likeTb {width:990px;  margin-top:5px; padding: 15px 0; height: 32px; vertical-align:middle; background: #CCC; -webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;} /*border: 1px solid #999;*/
    .likeTb input{width:200px; margin: 3px; }
    .likeTb a{width:80px; margin:2px 5px 0 25px; }
/*moLo夥伴*/
    .partner{width:800px; height: auto; text-align:left;}
    .partner li{ font-size:16px; padding-left:150px; padding-top:15px; width:650px;}
    .partner a{ color:#009cff;}

/*修改密碼*/
    #setPw{width:892px; height: 456px; text-align:left; padding:20px;}
    #setPw  table{ width:840px; height: auto; font-size:14px;}
    #setPw  td{ border-bottom:1px solid #d7d7d7; padding:6px 0 6px 0;}
    #setPw .f{ width:130px;}
    #setPw .s{ width:700px;}
    .setTitle{ font-size:18px; font-weight:bold; color:#0345bf;}
    .set_grayline{ width:1000px; height:2px; background-color:#7D7D7D;}

/*技術資源文件*/
    .doc table td{ padding: 0 10px;}
    .doc .arrow{ color:#3374c4; font-size:20px; font-weight:bold; padding:0; width:20px;}
    .doc .list{ width:150px; min-height:100px; height:auto; background-color:#8db3e2; border:1px solid #3374c4; line-height:22px;}
    .doc .list1{ width:165px; height:75px; background-color:#8db3e2; border:1px solid #3374c4; line-height:34px;}
    .doc .twidth table{ width:925px;}
    .doc .borderBg{ width:400px; height:230px;  background-color:#fff7be;margin: 0 0 5px 0;}
    .doc .colorBg{ background-color:#fffbec;}
    .doc a{ color:Black; text-decoration:none;}
    .doc img{ padding:5px;}
    #step01 .tdTilte, #step02 .tdTilte, #step03 .tdTilte, #step04 .tdTilte, #step05 .tdTilte{ background-color:#ffeed7;}
    #step01, #step02, #step03, #step04, #step05, #mainList td{ line-height:26px;}
    #mainList span{ padding:0 10px;}
    #thelist .borderBg img {margin:0px 20px;}

/*註冊教學圖片*/
#thelist img {margin:0px 210px;}
#thelist #reg img {margin:0px 210px;}
#thelist #changeD img {margin:0 120px;}
#thelist1 #nav img {margin:0px 30px;}
.cbtn{  text-decoration:underline; float:right; padding-right:30px; line-height:30px;}

/*scroller 捲軸*/
    #scroller {position:relative;  -webkit-tap-highlight-color:rgba(0,0,0,0); float:left; width:100%; padding:0;}
    /*-webkit-touch-callout:none;*/
    #scroller ul { position:relative; list-style:none; padding:0; margin:0; width:100%; text-align:left;}
    #scroller li { padding:0 10px 20px 10px; height: auto; line-height:25px; border-bottom:0px solid #ccc; border-top:0px solid #fff; font-size:14px; }
    #scroller li  a { color: #0f69e3; cursor: pointer;} /*display:block;*/
    .Icon01{ background:url('/_img/iconM.png') no-repeat 0px 0px; width:120px; height:85px;}
    .Icon02{ background:url('/_img/iconM.png') no-repeat 0px -170px; width:120px; height:85px;}
    .Icon03{ background:url('/_img/iconM.png') no-repeat 0px -85px; width:120px; height:85px;}
    .Icon04{ background:url('/_img/iconM.png') no-repeat 0px -255px; width:120px; height:85px;}
    .Icon05{ background:url('/_img/iconB.png') no-repeat 0px 0px; width:249px; height:90px;}
    .Icon06{ background:url('/_img/iconB.png') no-repeat 0px -81px; width:188px; height:188px;}
    .Icon07{ background:url('/_img/iconB.png') no-repeat 0px -264px; width:249px; height:90px;}
    .Icon08{ background:url('/_img/iconB.png') no-repeat 0px -368px; width:188px; height:188px;}
    .Icon09{ background:url('/_img/moLoBtn63.png') no-repeat 0px 0px; width:250px; height:80px;}
    .orangeF{ color:#009cff; }
    .redF{ color:Red;}

/* Vertical Scrollbar*/
     #wrapper {position: absolute; z-index: 1;top: 15px; bottom: 15px; left: 0; width: 100%; background: #fafafa; overflow: auto; overflow-x: hidden; overflow-y: hidden; }
    .myScrollbarV {position:absolute; z-index:100; width:8px; bottom:7px;top:2px;right:1px; pointer-events: none; -webkit-transition-property: opacity; -webkit-transition-duration: 0ms; overflow-x: hidden; overflow-y: hidden; -webkit-transition-delay: 0ms; opacity: 1;}
    .myScrollbarV  div {position:absolute; z-index:100; width:100%;
	/* The following is probably what you want to customize */
	background:-webkit-gradient(linear, 0 0, 100% 0, from(#fe9445), to(#ec7300));
	background-image:-moz-linear-gradient(top, #fe9445, #ec7300);
	background-image:-o-linear-gradient(top, #fe9445, #ec7300);

	border:1px solid #009cff;

	-webkit-background-clip:padding-box;
	-moz-background-clip:padding-box;
	-o-background-clip:padding-box;
	background-clip:padding-box;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	
	-webkit-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	-moz-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	-o-box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
	box-shadow:inset 1px 1px 0 rgba(255,255,255,0.5);
}

.Scroll { width: 100%; clear: both; }
.Scroll .viewport { width: 940px; *width: 935px; height: 470px; overflow: hidden; position: relative; }
.Scroll .overview { list-style: none; position: absolute; left: 0; top: 0; }
.Scroll .thumb .end,
.Scroll .thumb { background-color: #009cff; }
.Scroll .scrollbar { position: relative; float: right; width: 8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px; padding:0 5px;}
                     
.Scroll .track { background-color: #EEE; height: 100%; width:8px; position: relative; padding: 0 1px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.Scroll .thumb { height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.Scroll .thumb .end { overflow: hidden; height: 5px; width: 8px; -webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}
.Scroll .disable{ display: none; }

/*無法登入================================*/					
.sTip {width:500px; height:50px; border:1px solid red; margin:30px 230px; padding:0px; line-height:48px;  text-align:center; font-size:16px;}
.PwList{width:500px; height:250px; padding:0px; margin:0px 230px;}
.PwList  .l{float:left;width:180px; height:32px; margin:0px; padding:0px; text-align:right; }
.PwList  .r{float:left;width:300px; height:32px; margin:0px; padding:0px; }
#sMenu {width:500px; height:50px; padding:0px; margin:0px 230px;}
#sMenu li{display:block;float:left;width:234px; _width:230px; margin:6px; padding:0px;}
#eList {width:500px; height:250px; padding:0px; margin:0px 230px;} /* display:none; */
#eList li{width:480px; height:250px; margin:10px; padding:0px; display:none;}
#eList li .l{float:left;width:180px; height:32px; margin:0px; padding:0px; text-align:right; }
#eList li .r{float:left;width:300px; height:32px; margin:0px; padding:0px; }

/*訊息視窗*/
.msgP{width:960px; height:430px; font-size:30px; vertical-align:middle; text-align:center;}
.msgP p{padding:200px 50px; line-height:30px;  max-width:960;}

/* jAlert */
#mask{position:fixed; _position: absolute; z-index:1001; top:0px; left:0px; width:100%; height:100%; background:#111; filter:alpha(opacity=90); opacity:0.9; text-align:center; vertical-align:middle;}
.MsgBox{background: #FFF;border: 2px solid #0345bf; z-index:1002; width:600px; height:240px; position:fixed; _position: absolute;left: 50%;top: 50%;margin-top: -120px;margin-left: -300px; text-align:center;-webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px;}
.MsgBox .title{background: #0345bf;width: 480px;height: 40px;line-height:34px;padding: 0 60px;font-weight:600;color: #FFF;}
.MsgBox .Msg{margin: 10px 15px;line-height: 40px;display: block;height: 130px;overflow:hidden;text-align:center;max-width:600px;}
.MsgBox .Msg p{text-align:left; display: inline-block; max-width:600px; word-break:break-all;}
.MsgBox span{cursor:pointer;border: 2px solid #0345bf;color: #0345bf;width: 120px;display: block;float: right;margin:-10px 15px 0 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.MsgBox .Sure{display: block;float: right;margin:0px 50px 0 0;}
.MsgBox .Cancel{display: block;float: left;margin:0px 0 0 50px;}
/* jConfirm */
.Confirm {background: white;border: 2px solid #0345bf; z-index: 1002;width: 920px;height: 600px;position: fixed; _position: absolute;left: 50%;top: 50%; margin-top: -300px; margin-left: -460px; text-align: center; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.Confirm .title {background: #0345bf;width: 480px;height: 40px;line-height: 34px;padding: 0 220px;font-weight: 600;color: white;}
.Confirm .Msg {margin: 10px 15px;line-height: 40px;display: block;height: 490px;overflow: hidden;text-align: center;max-width: 900px;}
.Confirm span {cursor: pointer;border: 2px solid #0345bf;color: #0345bf;width: 120px;display: block;float: right;margin: 15px 15px 0 0;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;bottom: 10px;}