/*********************************************************************/
/* 網頁原始物件設定                                                  */
/*********************************************************************/
body {
    background: #eeeeee url(bg.png) repeat-x;
    padding: 0px;
    margin: 3px;
    font-family: sans-serif;
    overflow-y: scroll;
    *overflow-y: none;
}

div, table, li, h3, p, h5 {
    margin: 0px;
    padding: 0px;
    font-size: 99%;
}

a, .a {
    text-decoration: none;
    color: #1185BD;
}

a:hover {
    text-decoration: underline;
    color: #17B2FF;
}

/*********************************************************************/
/* 定義頁面框架                                                      */
/*********************************************************************/
#page {
    border: #8C8484 1px solid;
}

#pageinbox { /* 這個沒有用到，這是用來將頁面改成固定寬度用的 */
    background: #f7f9f9;
    border: #8C8484 1px solid;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#pageinbox img{vertical-align:middle;}

#header {
    clear: both;
    background: #3FBDED url(logo.gif) no-repeat right;
    padding: 15px 0px 0px 10px;
    height: 125px;
}

#menu {
    clear: both;
    background: url(list_bg2.gif) repeat-x;
    height: 32px;
}

#main {
    clear: both;
    background-color: #f7f9f9;
}

#frametable {
    border: 0px;
    width: 100%;
}

#subleft {
    width: 251px;
}

#subright, #subleft {
    padding: 10px 10px 20px 10px;
    vertical-align: top;
}

#footer {
    clear: both;
    background: url(bg_footer.gif) repeat-x bottom;
    padding: 5px 15px;
    font-size: 70%;
}

/*********************************************************************/
/* 定義 Menu 區裡的物件                                              */
/*********************************************************************/
#menu ul {
    width: 630px;
    float:right;

    list-style: none;
    margin: 0 auto;
    padding: 0px;
    height: 32px;
    overflow: hidden;
    border-bottom: 2px solid #CCCCCC;
}

#menu li {
    float: left;
    width: 90px;
    margin: 0;
    padding: 0;
}

#menu a {
    display: block;
    width: 100%;
    padding: 7px 0 6px 0;
    color: #FFFFFF;
    /*background-color: #FFFFFF;*/
    background-image: url(list_bg1.gif);
    background-position: left top; /* 滑鼠未移到連結上方時，底圖顯示位置為對齊左上角 */
    text-decoration: none;
    text-align: center;
}

#menu a:hover {
    background-color: #3b433b;
    background-position: right top; /* 滑鼠移到連結上方時，底圖顯示位置為對齊右上角 */
}

/*********************************************************************/
/* 定義 Footer 區裡的物件                                            */
/*********************************************************************/
#copyright {
    float: right;
}

/*********************************************************************/
/* 定義首頁中的框架物件                                              */
/*********************************************************************/
#subframetable {
    border: 0px;
    width: 100%;
}

#slogan {
    padding-right: 1em;
    white-space: nowrap;
    vertical-align: top;
}

#slogan img{
    padding-top:25px;
}

#slogan a{
    border:4pt solid #f7f9f9;
}

#slogan a:hover{
    background-color: #3fbded;
    color:#ffffff;
    border:4pt solid #3fbded;
}

#framebox {
    border:#aaaaaa 1px solid;
    padding:0px 0px;
    vertical-align: top;
}

/*********************************************************************/
/* 定義分隔線 (Hr) 物件                                              */
/*********************************************************************/
.hr {
    clear: both;
    width: 95%;
    height: 0;
    border-top: #aaaaaa 1px solid;
    margin: 1.2em auto;
}
.hr1 {
    clear: both;
    width: 95%;
    height: 0;
    border-top: #aaaaaa 1px solid;
    margin: 0.5em auto;
}

/*********************************************************************/
/* 定義頁面次目錄 (Box) 區物件                                       */
/*********************************************************************/
.box {
    width: 255px;
    background: #f7f9f9 url(box.jpg) repeat-y;
    line-height: 1.3em;
}

.box h3 {
    text-align: center;
    height: 46px;
}

.box .context {
    background: url(box_footer_1.jpg) no-repeat bottom;
    padding: 14px 20px 20px 20px;
}

.box .context a, .box .context .a {
    color: #edefeg;
    text-decoration:none;
}

.box .context a:hover {
    color: #333333;
}

.box ul, .box ol {
    list-style-type: disc;
    margin: 0px 10px 10px 20px;
    padding: 0px;
}

.box ol li {
    margin-top: 0.3em;
    padding: 0px;
}

.box h4 {
    font-size: 100%;
    text-align: center;
    font-weight: bold;
    margin: 0.8em 0px 0.3em 0px;
}

/*********************************************************************/
/* 根據文章圓角區塊，各別定義不同用途                                */
/*********************************************************************/
.csstitle {
    margin: 0px 0px 0px 0px;
    padding-right: 15px;
    font-size:120%;
    font-weight:bold;
}

.csstitle, .csstitle .body, .csstitle .head, .csstitle .head h6 {
    background-image: url('title.png');
}

.faqbox {
    margin: 30px 10px 30px 0px;
    padding-right: 15px;
}

.faqbox, .faqbox .body, .faqbox .head, .faqbox .head h6 {
    background-image: url('image/box2.png');
}

/*********************************************************************/
/* 定義文章圓角區塊                                                  */
/*********************************************************************/
.cssbox, .cssbox .body, .cssbox .head, .cssbox .head h6 { /* 設定右下角圓角圖 */
    background-repeat: no-repeat;
    background-position: bottom right;
}

.cssbox .head { /* 設定右上角圓角圖 */
    background-position: top right;
    margin-right: -15px; /* 右上角底圖向上拉高 15px */
    padding-right: 20px; /* 右邊間距 = 圖片間隙 + 內側間距 */
    height:8px; /*  修正 IE7 上方圓家消失*/
}

.cssbox .head h6 { /* 設定左上角圓角圖 */
    font-size: 20%;
    background-position: top left;
    margin: 0; /* 邊界設定為 0*/
    border: 0; /* 框線設定為 0 */
    padding: 5px 0 5px 20px; /* 左側間距 = 圖片間隙 + 內側間距 */
    height: auto !important;
    height: 1%; /* IE Holly Hack 修正 */
}

.cssbox .body { /* 設定左下角圓角圖 */
    background-position: bottom left;
    margin-right: 5px; /* 右邊間距--設小點右下較美觀 */
    padding: 0.2em 0 1.2em 20px; /* 間距設定, 左側 20px 要與 .cssbox .head 相同 */
}

/*********************************************************************/
/* 定義文章區塊                                                      */
/*********************************************************************/
.indent p {
    text-indent: 2em;
}

.indent h3{
    padding:5px 0 10px 0;
}

.indentrev p {
    text-indent: -2em;
    padding-left: 2em;
}

.separate {
    padding-bottom: 1em;
}

.blockquote {
    padding-left: 2em;
}

.txtrightsmall {
    text-align: right;
    font-size:80%;
    padding-right: 10px
}

.author {
    position:absolute;
    top:7px ;
    right:50px;
}

.author1 {
    position:absolute;
    top:10px;
    left:660px;
}

.pagelink {
    text-align: right;
    margin-right:20px;
    font-weight: bold;
}

.pagelink a {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    border:1px solid #3fbded;
}

.pagelink a:hover{
    background-color:#3fbded;
    color:white;
    text-decoration:none;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    border:1px solid #bbb;
}

blockquote {
    color: #808080;
    font-size: 80%
}

/*********************************************************************/
/* 定義主要內容 (SubRight) 區的 HTML Tag                             */
/*********************************************************************/
#subright, #subright td, #subright th {
    line-height: 1.6em;
}

.download{
    margin-bottom:30px;
}

.download h3 {
    background-color: #F0F8FF;

    border-left: 2px solid #dddddd;
    border-top: 2px solid #dddddd;

    border-right: 2px solid #888888;
    border-bottom: 2px solid #888888;

    padding: 3px 6px;
}
/*
 #subright h2 {
    background-color: #F0F8FF;

    border-left: 2px solid #dddddd;
    border-top: 2px solid #dddddd;

    border-right: 2px solid #888888;
    border-bottom: 2px solid #888888;

    padding: 3px 6px;
}
#subright h2 {
    padding-top: 4px;
}
*/

#subright h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}

#subright h5 {
    font-size: 100%;
    font-weight: bold;
    text-align: center;
}

 #subright p {
    margin: 1em 0px;
}

#subright ul, #subright ol {
    list-style-type: disc;
    margin: 0px 0px 0px 1.5em;
    padding: 0px;
}

#subright ol li {
    margin-bottom: 1em;
    padding: 0px;
}

#purchaseline{
    /*width:660px;*/
    padding: 0.2em 1em 0em 1em;
    margin:10px 0px;
    /*background-color: #F3F3F3;*/
    /*border: 5px solid #2D78BF;*/
}

.line_height p {
	line-height:2.5em;
}

.article img , .indent img{
    vertical-align:middle;
}

.article h3 {
    margin:30px 0 10px 80px;
    
}

.article p{
    padding-left: 2em;
    padding-right: 2em;
}



.download_hint{
    font-size:85%;
    width:660px;
    padding: 3px 10px;
    margin:10px 0px;
    background-color: #F3F3F3;
    border-left: 5px solid #2D78BF;
    border-bottom: 1px solid #CCCCCC
}


/*********************************************************************/
/* 定義「目前頁面」的物件                                            */
/*********************************************************************/
#index {
  font-size:10pt;
  padding-left:6.5em;
  margin:1em;
}

#subright #pageindex{
    margin-bottom: 15px;
    font-size: 85%;
    color: #777777;
}

#subright #pageindex a {
    color: #777777;
}

#subright #pageindex a:hover {
    color: black;
}

/*********************************************************************/
/* 定義「網路購書」區物件                                            */
/*********************************************************************/
#subright .product {
    margin:20px 10px;
}

#subright .product td {
    padding: 20px 30px;
}

#online_store table{
margin:15px  auto ;
border-collapse:collapse;
border:1px  #000 solid;
}

#online_store table td{
border-collapse:collapse;
border:1px  #c2c2c2 solid;
text-align:center;
background-color:#f7f9f9;
}

#online_store table tr{
border-collapse:collapse;
border:1px  #c2c2c2 solid;
}

#online_store table b{
font-size:10pt;
}


#online_store img{
float:none;
padding:0;
}

/*********************************************************************/
/* 定義「more」的物件                                                */
/*********************************************************************/
.more {
    color: #777777;
    font-size: 80%;
    text-align: right;
    padding-right: 10px;
    padding-bottom: 6px;
}

.more a {
    color: #777777;
}

.more a:hover {
    color: black;
}

/*********************************************************************/
/* 定義單線框的 Table 物件                                           */
/*********************************************************************/
.sgltable table {
    border: 0px;
    border-collapse: collapse;
    border-top: 1px solid #777777;
    border-left: 1px solid #777777;

}

.sgltable td, .sgltable th {
    border: 0px;
    border-right: 1px solid #777777;
    border-bottom: 1px solid #777777;
}

.sgltable th {
    white-space: nowrap;
    background-color: rgb(238,246,251);
}

.sgltable .noborder {
    border: 0px;
}

/*********************************************************************/
/* 定義 Table 物件的 padding                                         */
/*********************************************************************/
.normalpadding th, .normalpadding td {
    padding: 2px 4px;
}

.narrowpadding th, .narrowpadding td {
    padding: 2px 3px;
}

.verynarrowpadding td, .verynarrowpadding th {
    padding: 2px 2px;
}

.narrowtallpadding th, .narrowtallpadding td {
    padding: 4px 2px;
}

.widecenterpadding th, .widecenterpadding td {
    padding: 2px 10px;
    text-align: center;
}

.verywidecenterpadding th, .verywidecenterpadding td {
    padding: 2px 14px;
    text-align: center;
}

/*********************************************************************/
/* 定義特定 Table 的物件                                             */
/*********************************************************************/
.bookstorelist, .costlist {
    padding: 10px 20px 10px 0px;
}

.bookstorelist table {
    width: 100%;
}

.bookstorelist .storename, .bookstorelist .storetel {
    width: 7em;
}

.storename1{
    width:10em;
}


.rootlist {
    padding: 15px 5px;
}

.rootlist table {
    margin-left:40px;
}


.rootlist td {
    white-space: nowrap;
}

.rootlist2 td {
    vertical-align: top;
}

.rootlist2 td , .rootlist2 th ,.rootlist2 tr{
    padding:4px 0px;
}

.digitalform table {
    margin: 10px 20px 10px 0px;
}

.digitalform2 td, .digitalform2 th {
    text-align: center;
}

.symbol {
    margin: 12px;

}

.symbol th, .symbol td {
    padding: 2px 12px;
    text-align: center;
}

.symbol .sym {
    background-color: #e7e7e7;
}

.costlist2 th, .costlist2 td {
    padding: 10px 10px;
    text-align: center;
}

.chmodetable table {
    margin-left: 2em;
}

.chmodetable th, .chmodetable td{
    padding: 4px 20px;
}

/*********************************************************************/
/* 定義字根教學區的物件                                              */
/*********************************************************************/
.imgroot {
    width: 1em;
    height: 1em;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

.roothint {
    color: red;
    text-decoration: underline;
}

.rootmean {
    color: #B2B2B2;
    font-size: 80%;
}

/*********************************************************************/
/* 定義經驗釋疑區的物件                                              */
/*********************************************************************/
.explaintarget {
    color: brown;
    font-family: 微軟正黑體, 標楷體;
}

.explaintarget, .explainroot {
    font-size: 44px;
    font-weight: bold;
    width: 1.4em;
    text-align: center;
}

.explaintable table {
    width: 100%;
}

.explaintable th, .explaintable td {
    vertical-align: middle;
    padding: 3px 8px;
}

.outstanding {
    color: blue;
    font-weight: bold;
    padding: 0px 0.3em;
}

/*********************************************************************/
/* 定義購買方式區的物件                                              */
/*********************************************************************/

.hbarbox .name, .hbarboxY .name, .hbarboxN .name {
    width: 6em;
}

.hbarbox .item, .hbarboxY .item, .hbarboxN .item {
    width: 37em;
    text-align: center;
}

.hbarbox .hbar, .hbarboxY .hbar, .hbarboxN .hbar {
    width: 37em;
    border-collapse: collapse;
}

.hbarboxY .hbar .left {
    background: url('bg_hbar_left.png') no-repeat right;
}

.hbarboxY .hbar .mid {
    background: url('bg_hbar_middle.png') repeat-x center;
}

.hbarboxY .hbar .right {
    background: url('bg_hbar_right.png') no-repeat left;
}

.hbarbox .hbar .left, .hbarboxY .hbar .left, .hbarboxN .hbar .left {
    width:25px;
    height:57px;
}

.hbarbox .hbar .mid, .hbarboxY .hbar .mid, .hbarboxN .hbar .mid {
    text-align: center;
}

.hbarbox .hbar .right, .hbarboxY .hbar .right,.hbarboxN .hbar .right {
    width:25px;
    height:57px;
}

.hbarboxY .hbar .mid, .hbarboxY .hbar .mid a, .hbarboxN .hbar .mid .highlight, .hbarboxN .hbar .mid .highlight a {
    color: #1185BD;
}

.hbarboxY .hbar .mid a:hover, .hbarboxN .hbar .mid .highlight a:hover {
    color: #17B2FF;
}

.hbarboxN .hbar .mid, .hbarboxN .hbar .mid a {
    color: #bbbbbb;
}

.resultitem {
    margin-top:1em;
    display: none;
}

/*********************************************************************/
/* 定義申請序號區的物件                                              */
/*********************************************************************/
#subright form p {
    margin: 0.5em 0;
}


#subright form td {
    padding: 0.1em 0.2em;
}

.ErrMsg {
    color: red;
    font-size: 80%;
}

/*********************************************************************/
/* 定義購買方式/學習流程--圓角框                                     */
/*********************************************************************/
.roundedcornr_context_1 {
   background: url(roundedcornr_step1.gif) no-repeat;
   height:60px;
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}

.roundedcornr_context_2 {
   background: url(roundedcornr_step2.gif) no-repeat;
   height:310px;
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}

.roundedcornr_context_3 {
   background: url(roundedcornr_step3.gif) no-repeat;
   height:250px;
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}



.roundedcornr_context_4 {
   background: url(roundedcornr_how1.gif) no-repeat;
   height:100px;
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;

}

.roundedcornr_context_5 {
   background: url(roundedcornr_how2.gif) no-repeat;
   height:100px;
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
   }
.learning_warper {
   width:570px;
   margin:0 auto;
   padding:25px; 
   } 

.learning {
   margin:0 15px;;
   padding:0 5px; 
   width:560px; 
   height:150px; 
   } 


.learning_left {
   margin:2px 5px;
   padding:0px; 
   width:250px;
   float:left;
   border: 1px solid #777;
   background-color: #D4D4D4;
   }

.learning_left b {
   background-color:#669999;
   display:block;
   text-align:center;
   }

.learning_left p { 
   text-align:justify;
   margin:0px;
   padding:5px;
   height:50px;
   }
   
.learning_right { 
   background-color:#cccccc;
   border: 1px solid #777;
   float:right;
   width:250px;
   
   margin:5px;
   padding:0;
   -webkit-border-radius: 5px; /* firefox 圓角*/
   -moz-border-radius:10px;    /* safari3 圓角*/
   } 
   
.learning_right p { 
   margin:0px;
   padding:0 10px 0px 10px;
   text-align:justify;
   font-size:0.88em; 
   }
   
.dot_1 {
   background:url("image/dot_1.gif") no-repeat;
   margin-top:55px;
   float:left;
   width:30px;
   height:50px;
   } 
   
.line_1 {
   float:right;
   width:430px; 
   background-color:#fff;
   height:30px;
   background:url("image/line_1.gif") no-repeat;
   
   }
 /*********************************************************************/
/* 定義相關產品                                                      */
/*********************************************************************/
.accessoriestable table, .accessoriestable td, .accessoriestable th .accessoriestable tr{
    border: 1px solid #777777;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    font-weight:normal;
    font-size:small;
    min-width:640px;
    text-align:justify;
    table-layout:fixed;
}

/*********************************************************************/
/* 定義相關產品 iphone、WM6 序號申請頁圖片置右                       */
/*********************************************************************/
.iphone {
    float:right;
    margin: 0px 15px 15px 15px;
}

.wm6 {
    float:right;
    margin: 0px 15px 15px 15px;
}

.roundedcornr_box_854498 {
    background: url(roundedcornr_854498_tl.png) no-repeat top left;
}
.roundedcornr_top_854498 {
    background: url(roundedcornr_854498_tr.png) no-repeat top right;
}
.roundedcornr_bottom_854498 {
    background: url(roundedcornr_854498_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_854498 div {
    background: url(roundedcornr_854498_br.png) no-repeat bottom right;
}
.roundedcornr_content_854498 {
    background: url(roundedcornr_854498_r.png) top right repeat-y;
}

.roundedcornr_top_854498 div,.roundedcornr_top_854498, .roundedcornr_bottom_854498 div, .roundedcornr_bottom_854498 {
    width: 100%;
    height: 15px;
    font-size: 1px;
}

.roundedcornr_content_854498, .roundedcornr_bottom_854498 {
    margin-top: -19px;
}

.roundedcornr_content_854498 { 
    padding: 0 15px;
}

/*********************************************************************/
/* 定義線上購買頁面                                                  */
/*********************************************************************/
.online  {
    float:left;
    margin:0px 40px 30px 20px;
}

.ptitle  {
    background-color:#C8E7D9;
    border-left:25pt solid #C8E7D9;
    border-right:25pt solid #C8E7D9;
    border-top:5pt solid #C8E7D9;
    border-bottom:5pt solid #C8E7D9;
}

.p1 {
    font-size:22pt;
    font-weight:bold;
    line-height:0px;
}

.p2 {
    font-size:16pt;
    font-weight:bold;
}

.p3{
    font-size:14pt;
    line-height:0px;
}

.p4{
    font-size:18pt;
    color:#ff3300;
}

.p5{
    padding-left:35px;
}

.p6{
    padding-left:60px;
    text-align:right;
}

.cost{
    position:absolute;
    left:650px;
    top:400px;
    line-height:2em;
}

.cost1{
    position:absolute;
    left:570px;
    top:475px;
    line-height:2em;
    font-size:14pt;
    font-weight:bold;
}

.costimg {
    position:absolute;
    left:585px;
    top:475px;
    border:0;
}

.cost_s_dl {
    position:absolute;
    left:620px;
    top:740px;
    border:0;
}

.cost_x_dl {
    position:absolute;
    left:620px;
    top:635px;
    border:0;
}
/*********************************************************************/
/* 定義產品總覽購買頁面                                              */
/*********************************************************************/
#preview a {
    text-decoration:none;
    font-size:12px;
}

#preview p {
   padding-top:40px;
}

/*********************************************************************/
/* 定義不同版本區別頁面                                              */
/*********************************************************************/
/* .version table {
    font-size:11pt;
    border: 0px;
    border-collapse: collapse;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    text-align:center;
}

.version td, .version th {
    width:110px;
    border: 0px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.version td{
    text-align:center;
}
.version th {
    font-size:10pt;
    width:135px;
    text-align:left;
    white-space: nowrap;
    background-color: rgb(238,246,251);
}

.version .noborder {
    border: 0px;
}
*/
 /*********************************************************************/
/* 定義 首頁 頁面                                                    */
/*********************************************************************/
.headline {
    margin-top:25px;
}

.headline h1 {
    font-style: italic;
    line-height: 1.2em;
    font-weight: bold;
    padding-left: 1em;
    color: darkblue;
    margin-bottom: 0;
}

/*.index_green {
    background-image:url("image/index_bk_02.jpg");
    background-repeat:repeat-x;
    padding:0px;
    margin:20px 0px;
} */

.index_dot {
    background:transparent url(image/line_dot.gif) repeat-x scroll left bottom;
    padding:0px 5px 5px 5px;
    margin-right:20px;
}

.index_title2 {
    background-image: url("image/index_bk_03.jpg");
    background-position: right;
    background-repeat: no-repeat;
    font-weight: bold;
    font-style: italic;
    font-size: 120%;
    height: 64px;
    padding-left: 1.8em;
    line-height:80px;
}

#step{
    font-size:16pt;
    font-weight: bold;
    width:220px;
    border:solid 1pt;
    background: url(bg_footer.gif) repeat-x bottom;
    padding: 2px 20px; 
}



/*********************************************************************/
/* 定義 contact_mail                                                 */
/*********************************************************************/
#member_login,  #contact_mail, #iForm {
    width: 620px; /* 指定區塊寬度 */
    margin:0 auto;
}

 

#member_login table, #contact_mail table , #iForm table {
    border-top: 1px solid #CCCCCC;
    border-bottom: none;
    border-left: none;
    border-right: none;
    font-size: 100%;
    width: 100%;
}
#member_login td, #contact_mail td , #iForm td {
    border-top: none;
    border-bottom: 1px solid #CCCCCC;
    border-left: none;
    border-right: none;
    padding: 10px;
}
#member_login th, #contact_mail th , #iForm th {
    border-top: none;
    border-bottom: 1px solid #CCCCCC;
    border-left: 6px solid #CCCCCC;
    border-right: none;
    background-color: #F3F3F3;
    font-weight: normal;
    padding-top:10px;
    padding-bottom:10px;
    width: 180px;
}
#member_login select, #contact_mail select, #iForm select {
    border: 1px solid #CCCCCC;
    background-color: #F3F3F3;
    padding: 2px;
}

.text1  {
    border: 1px solid #CCCCCC;
    background-color: #F3F3F3;
    padding: 2px;
}

.text2 {
    border: 1px solid #CCCCCC;
    background-color: #F3F3F3;
    margin-top:10px;
    margin-bottom:10px;
}

.text1:focus , .text2:focus {
    border-color: #7F9DB9; /* 指定游標移入欄位時的框線顏色 */
    background-color: #FFFFFF; /* 指定游標移入欄位時的欄位底色 */
}

/*********************************************************************/
/*  定義 FAQ 問題頁面                                                */
/*********************************************************************/
/*
#faq {
    clear:both;
    padding:20 10 20 20px;
}

#faq a {
    padding-right:35px;
    text-decoration:none;
    margin-right:25px;
    margin-left:15px;
}

#faq a:active {
    padding-right:35px;
    text-decoration:none;
    margin-right:25px;
    margin-left:15px;
}
*/

#faq{
    margin:0 20px 20px;
}

#faq p {
    font-size:10pt;;
    line-height:1.2em;
    margin:10px;
    padding:10px;
    
}

#faq img {
    float:left;
}

#faq hr{  
	background-color:#E0E0E0;
	border:0 none;
	color:#E0E0E0;
	height:1px;
	margin:10px 0;
	width:100%;
}

.hr2 {  
	background-color:#E0E0E0;
	border:0 none;
	color:#E0E0E0;
	height:1px;
	margin:10px 0;
	width:100%;
}

.back {
    background-image:url("image/index_bk_03.jpg")  ;
    background-position:right;
    background-repeat:no-repeat;
    font-size:16px;
    height:70px;
}

/*********************************************************************/
/* 商品一覽                                                          */
/*********************************************************************/
#productList {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 75%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4;
    letter-spacing: 0.05em;
    color: #333333;
    background: #FFFFFF url(../image/body_bg1.gif) left top repeat-y;

 }
#productList img {
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top;
    border : 1px solid #CCCCCC;
}

#productList p {
    margin: 0;
    padding: 0;

 }

#productList h2 {
    border-top: 1px solid #CCCCCC;
}

#productList li {
    list-style: none;
    float: left;
    width: 190px;
    margin: 10px 10px 0 0;
    text-align: center;
}

#productList h3 span {
    display: block;
    padding: 3px 0;
    color: #FFFFFF;
    font-weight: normal;
    background: #8b8b8b;
}

#productList dl {
    margin: 1px 0;
    font-size: 90%;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

#productList dt {
    padding: 2px 0;
    text-align: center;
    background: #E5DACA;
    border-top: 1px solid #DABF9A;
}

#productList dd {
    margin: 0;
    padding: 2px 0;
}

.floatnone img {
   float:none;
   padding:0;
   margin:0;
}

.win_porduct {
    float:left;
    width:140px;
     
    padding-left:15px;
    margin-bottom:50px;
    list-style-type:none;
}

.win_porduct li {
    padding-left:15px;
}


/***********************************************************************************************************/
/*   2009-02-網站改版會用到的*/
/***********************************************************************************************************/

#container {
    padding:10px;
    margin:0 auto;
    margin-top:30px;
    margin-bottom:20px;
    width:880px;
     
    background:transpant ;
}

#plist_contain{
    width:870px;
    padding:0;
    margin:5px auto;
    height:210px;
}

.plist  {
    width:280px;
    float:left;
    padding:5px;
}

.plist  h1 {
    border-bottom:1px solid #CCCCcc;
    font-size:15px;
    margin-left:50px;
    margin-right:30px;
}

.pl {
    margin-left:20px;
}

.growlUI h1{
   margin:0;
   padding:10px 0 0 0;
}


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

.ad {
    padding-left:70px; 
}

#feature_navi{
   position:absolute;
   margin: 10px;
   padding:2px 10px 0 10px;
   margin-top:240px;
   width:180px;
   font-size:10pt;
   background-color:#edf5ff;
   border:1px solid #ccc;
}

#feature_navi ul{
   margin:0px; 
   padding:0px;
   margin-bottom:3px;
}

#feature_navi li{
   margin:0px; 
   padding:px;
   margin-left:25px;
}

.hh1 {
   background:#B5DAF4 none repeat scroll 0 0;
   margin:10px 0 0 -25px;
   padding:8px 10px 10px 40px;
   position:relative;
   width:830px;
   
}

.hh1_tri {
   background:url(image/hh1_tri.png) no-repeat;
   height:10px;
   margin:-1px 0 10px -25px;
   position:relative;
   width:30px;
}

.hh1 h2 {
   margin:0;
   padding:0;
   font-size:14pt;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
    background-color: black;
    display: none;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
    text-align: center;
    display: none;
}

#jquery-lightbox #jquery-lightbox-container {
    margin: 0 auto;
}

.inlineBlock {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
=======
/*********************************************************************/
/* 網頁原始物件設定                                                  */
/*********************************************************************/
body {
    background: #eeeeee url(bg.png) repeat-x;
    padding: 0px;
    margin: 3px;
    font-family: sans-serif;
    overflow-y: scroll;
    *overflow-y: none;
}

div, table, li, h3, p, h5 {
    margin: 0px;
    padding: 0px;
    font-size: 99%;
}

a, .a {
    text-decoration: none;
    color: #1185BD;
}

a:hover {
    text-decoration: underline;
    color: #17B2FF;
}

/*********************************************************************/
/* 定義頁面框架                                                      */
/*********************************************************************/
#page {
    border: #8C8484 1px solid;
}

#pageinbox { /* 這個沒有用到，這是用來將頁面改成固定寬度用的 */
    background: #f7f9f9;
    border: #8C8484 1px solid;
    width: 980px;
    margin-left: auto;
    margin-right: auto;
}

#pageinbox img{vertical-align:middle;}

#header {
    clear: both;
    background: #3FBDED url(logo.gif) no-repeat right;
    padding: 15px 0px 0px 10px;
    height: 125px;
}

#menu {
    clear: both;
    background: url(list_bg2.gif) repeat-x;
    height: 32px;
}

#main {
    clear: both;
    background-color: #f7f9f9;
}

#frametable {
    border: 0px;
    width: 100%;
}

#subleft {
    width: 251px;
}

#subright, #subleft {
    padding: 10px 10px 20px 10px;
    vertical-align: top;
}

#footer {
    clear: both;
    background: url(bg_footer.gif) repeat-x bottom;
    padding: 5px 15px;
    font-size: 70%;
}

/*********************************************************************/
/* 定義 Menu 區裡的物件                                              */
/*********************************************************************/
#menu ul {
    width: 630px;
    float:right;

    list-style: none;
    margin: 0 auto;
    padding: 0px;
    height: 32px;
    overflow: hidden;
    border-bottom: 2px solid #CCCCCC;
}

#menu li {
    float: left;
    width: 90px;
    margin: 0;
    padding: 0;
}

#menu a {
    display: block;
    width: 100%;
    padding: 7px 0 6px 0;
    color: #FFFFFF;
    /*background-color: #FFFFFF;*/
    background-image: url(list_bg1.gif);
    background-position: left top; /* 滑鼠未移到連結上方時，底圖顯示位置為對齊左上角 */
    text-decoration: none;
    text-align: center;
}

#menu a:hover {
    background-color: #3b433b;
    background-position: right top; /* 滑鼠移到連結上方時，底圖顯示位置為對齊右上角 */
}

/*********************************************************************/
/* 定義 Footer 區裡的物件                                            */
/*********************************************************************/
#copyright {
    float: right;
}

/*********************************************************************/
/* 定義首頁中的框架物件                                              */
/*********************************************************************/
#subframetable {
    border: 0px;
    width: 100%;
}

#slogan {
    padding-right: 1em;
    white-space: nowrap;
    vertical-align: top;
}

#slogan img{
    padding-top:25px;
}

#slogan a{
    border:4pt solid #f7f9f9;
}

#slogan a:hover{
    background-color: #3fbded;
    color:#ffffff;
    border:4pt solid #3fbded;
}

#framebox {
    border:#aaaaaa 1px solid;
    padding:0px 0px;
    vertical-align: top;
}

/*********************************************************************/
/* 定義分隔線 (Hr) 物件                                              */
/*********************************************************************/
.hr {
    clear: both;
    width: 95%;
    height: 0;
    border-top: #aaaaaa 1px solid;
    margin: 1.2em auto;
}
.hr1 {
    clear: both;
    width: 95%;
    height: 0;
    border-top: #aaaaaa 1px solid;
    margin: 0.5em auto;
}

/*********************************************************************/
/* 定義頁面次目錄 (Box) 區物件                                       */
/*********************************************************************/
.box {
    width: 255px;
    background: #f7f9f9 url(box.jpg) repeat-y;
    line-height: 1.3em;
}

.box h3 {
    text-align: center;
    height: 46px;
}

.box .context {
    background: url(box_footer_1.jpg) no-repeat bottom;
    padding: 14px 20px 20px 20px;
}

.box .context a, .box .context .a {
    color: #edefeg;
    text-decoration:none;
}

.box .context a:hover {
    color: #333333;
}

.box ul, .box ol {
    list-style-type: disc;
    margin: 0px 10px 10px 20px;
    padding: 0px;
}

.box ol li {
    margin-top: 0.3em;
    padding: 0px;
}

.box h4 {
    font-size: 100%;
    text-align: center;
    font-weight: bold;
    margin: 0.8em 0px 0.3em 0px;
}

/*********************************************************************/
/* 根據文章圓角區塊，各別定義不同用途                                */
/*********************************************************************/
.csstitle {
    margin: 0px 0px 0px 0px;
    padding-right: 15px;
    font-size:120%;
    font-weight:bold;
}

.csstitle, .csstitle .body, .csstitle .head, .csstitle .head h6 {
    background-image: url('title.png');
}

.faqbox {
    margin: 30px 10px 30px 0px;
    padding-right: 15px;
}

.faqbox, .faqbox .body, .faqbox .head, .faqbox .head h6 {
    background-image: url('image/box2.png');
}

/*********************************************************************/
/* 定義文章圓角區塊                                                  */
/*********************************************************************/
.cssbox, .cssbox .body, .cssbox .head, .cssbox .head h6 { /* 設定右下角圓角圖 */
    background-repeat: no-repeat;
    background-position: bottom right;
}

.cssbox .head { /* 設定右上角圓角圖 */
    background-position: top right;
    margin-right: -15px; /* 右上角底圖向上拉高 15px */
    padding-right: 20px; /* 右邊間距 = 圖片間隙 + 內側間距 */
    height:8px; /*  修正 IE7 上方圓家消失*/
}

.cssbox .head h6 { /* 設定左上角圓角圖 */
    font-size: 20%;
    background-position: top left;
    margin: 0; /* 邊界設定為 0*/
    border: 0; /* 框線設定為 0 */
    padding: 5px 0 5px 20px; /* 左側間距 = 圖片間隙 + 內側間距 */
    height: auto !important;
    height: 1%; /* IE Holly Hack 修正 */
}

.cssbox .body { /* 設定左下角圓角圖 */
    background-position: bottom left;
    margin-right: 5px; /* 右邊間距--設小點右下較美觀 */
    padding: 0.2em 0 1.2em 20px; /* 間距設定, 左側 20px 要與 .cssbox .head 相同 */
}

/*********************************************************************/
/* 定義文章區塊                                                      */
/*********************************************************************/
.indent p {
    text-indent: 2em;
}

.indent h3{
    padding:5px 0 10px 0;
}

.indentrev p {
    text-indent: -2em;
    padding-left: 2em;
}

.separate {
    padding-bottom: 1em;
}

.blockquote {
    padding-left: 2em;
}

.txtrightsmall {
    text-align: right;
    font-size:80%;
    padding-right: 10px
}

.author {
    position:absolute;
    top:7px ;
    right:50px;
}

.author1 {
    position:absolute;
    top:10px;
    left:660px;
}

.pagelink {
    text-align: right;
    margin-right:20px;
    font-weight: bold;
}

.pagelink a {
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    border:1px solid #3fbded;
}

.pagelink a:hover{
    background-color:#3fbded;
    color:white;
    text-decoration:none;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:15px;
    padding-right:15px;
    border:1px solid #bbb;
}

blockquote {
    color: #808080;
    font-size: 80%
}

/*********************************************************************/
/* 定義主要內容 (SubRight) 區的 HTML Tag                             */
/*********************************************************************/
#subright, #subright td, #subright th {
    line-height: 1.6em;
}

.download{
    margin-bottom:30px;
}

.download h3 {
    background-color: #F0F8FF;

    border-left: 2px solid #dddddd;
    border-top: 2px solid #dddddd;

    border-right: 2px solid #888888;
    border-bottom: 2px solid #888888;

    padding: 3px 6px;
}
/*
 #subright h2 {
    background-color: #F0F8FF;

    border-left: 2px solid #dddddd;
    border-top: 2px solid #dddddd;

    border-right: 2px solid #888888;
    border-bottom: 2px solid #888888;

    padding: 3px 6px;
}
#subright h2 {
    padding-top: 4px;
}
*/

#subright h3 {
    margin-top: 20px;
    margin-bottom: 5px;
}

#subright h5 {
    font-size: 100%;
    font-weight: bold;
    text-align: center;
}

 #subright p {
    margin: 1em 0px;
}

#subright ul, #subright ol {
    list-style-type: disc;
    margin: 0px 0px 0px 1.5em;
    padding: 0px;
}

#subright ol li {
    margin-bottom: 1em;
    padding: 0px;
}

#purchaseline{
    /*width:660px;*/
    padding: 0.2em 1em 0em 1em;
    margin:10px 0px;
    /*background-color: #F3F3F3;*/
    /*border: 5px solid #2D78BF;*/
}

.article img , .indent img{
    vertical-align:middle;
}

.article h3 {
    margin:30px 0 10px 80px;

}

.article p{
    padding-left: 2em;
    padding-right: 2em;
}

.download_hint{
    font-size:85%;
    width:660px;
    padding: 3px 10px;
    margin:10px 0px;
    background-color: #F3F3F3;
    border-left: 5px solid #2D78BF;
    border-bottom: 1px solid #CCCCCC
}


/*********************************************************************/
/* 定義「目前頁面」的物件                                            */
/*********************************************************************/
#index {
  font-size:10pt;
  padding-left:6.5em;
  margin:1em;
}

#subright #pageindex{
    margin-bottom: 15px;
    font-size: 85%;
    color: #777777;
}

#subright #pageindex a {
    color: #777777;
}

#subright #pageindex a:hover {
    color: black;
}

/*********************************************************************/
/* 定義「網路購書」區物件                                            */
/*********************************************************************/
#subright .product {
    margin:20px 10px;
}

#subright .product td {
    padding: 20px 30px;
}

#online_store table{
margin:15px  auto ;
border-collapse:collapse;
border:1px  #000 solid;
}

#online_store table td{
border-collapse:collapse;
border:1px  #c2c2c2 solid;
text-align:center;
background-color:#f7f9f9;
}

#online_store table tr{
border-collapse:collapse;
border:1px  #c2c2c2 solid;
}

#online_store table b{
font-size:10pt;
}


#online_store img{
float:none;
padding:0;
}

/*********************************************************************/
/* 定義「more」的物件                                                */
/*********************************************************************/
.more {
    color: #777777;
    font-size: 80%;
    text-align: right;
    padding-right: 10px;
    padding-bottom: 6px;
}

.more a {
    color: #777777;
}

.more a:hover {
    color: black;
}

/*********************************************************************/
/* 定義單線框的 Table 物件                                           */
/*********************************************************************/
.sgltable table {
    border: 0px;
    border-collapse: collapse;
    border-top: 1px solid #777777;
    border-left: 1px solid #777777;

}

.sgltable td, .sgltable th {
    border: 0px;
    border-right: 1px solid #777777;
    border-bottom: 1px solid #777777;
}

.sgltable th {
    white-space: nowrap;
    background-color: rgb(238,246,251);
}

.sgltable .noborder {
    border: 0px;
}

/*********************************************************************/
/* 定義 Table 物件的 padding                                         */
/*********************************************************************/
.normalpadding th, .normalpadding td {
    padding: 2px 4px;
}

.narrowpadding th, .narrowpadding td {
    padding: 2px 3px;
}

.verynarrowpadding td, .verynarrowpadding th {
    padding: 2px 2px;
}

.narrowtallpadding th, .narrowtallpadding td {
    padding: 4px 2px;
}

.widecenterpadding th, .widecenterpadding td {
    padding: 2px 10px;
    text-align: center;
}

.verywidecenterpadding th, .verywidecenterpadding td {
    padding: 2px 14px;
    text-align: center;
}

/*********************************************************************/
/* 定義特定 Table 的物件                                             */
/*********************************************************************/
.bookstorelist, .costlist {
    padding: 10px 20px 10px 0px;
}

.bookstorelist table {
    width: 100%;
}

.bookstorelist .storename, .bookstorelist .storetel {
    width: 7em;
}

.storename1{
    width:10em;
}


.rootlist {
    padding: 15px 5px;
}

.rootlist table {
    margin-left:40px;
}


.rootlist td {
    white-space: nowrap;
}

.rootlist2 td {
    vertical-align: top;
}

.rootlist2 td , .rootlist2 th ,.rootlist2 tr{
    padding:4px 0px;
}

.digitalform table {
    margin: 10px 20px 10px 0px;
}

.digitalform2 td, .digitalform2 th {
    text-align: center;
}

.symbol {
    margin: 12px;

}

.symbol th, .symbol td {
    padding: 2px 12px;
    text-align: center;
}

.symbol .sym {
    background-color: #e7e7e7;
}

.costlist2 th, .costlist2 td {
    padding: 10px 10px;
    text-align: center;
}

.chmodetable table {
    margin-left: 2em;
}

.chmodetable th, .chmodetable td{
    padding: 4px 20px;
}

/*********************************************************************/
/* 定義字根教學區的物件                                              */
/*********************************************************************/
.imgroot {
    width: 1em;
    height: 1em;
    margin: 0px;
    padding: 0px;
    vertical-align: middle;
}

.roothint {
    color: red;
    text-decoration: underline;
}

.rootmean {
    color: #B2B2B2;
    font-size: 80%;
}

/*********************************************************************/
/* 定義經驗釋疑區的物件                                              */
/*********************************************************************/
.explaintarget {
    color: brown;
    font-family: 微軟正黑體, 標楷體;
}

.explaintarget, .explainroot {
    font-size: 44px;
    font-weight: bold;
    width: 1.4em;
    text-align: center;
}

.explaintable table {
    width: 100%;
}

.explaintable th, .explaintable td {
    vertical-align: middle;
    padding: 3px 8px;
}

.outstanding {
    color: blue;
    font-weight: bold;
    padding: 0px 0.3em;
}

/*********************************************************************/
/* 定義購買方式區的物件                                              */
/*********************************************************************/

.hbarbox .name, .hbarboxY .name, .hbarboxN .name {
    width: 6em;
}

.hbarbox .item, .hbarboxY .item, .hbarboxN .item {
    width: 37em;
    text-align: center;
}

.hbarbox .hbar, .hbarboxY .hbar, .hbarboxN .hbar {
    width: 37em;
    border-collapse: collapse;
}

.hbarboxY .hbar .left {
    background: url('bg_hbar_left.png') no-repeat right;
}

.hbarboxY .hbar .mid {
    background: url('bg_hbar_middle.png') repeat-x center;
}

.hbarboxY .hbar .right {
    background: url('bg_hbar_right.png') no-repeat left;
}

.hbarbox .hbar .left, .hbarboxY .hbar .left, .hbarboxN .hbar .left {
    width:25px;
    height:57px;
}

.hbarbox .hbar .mid, .hbarboxY .hbar .mid, .hbarboxN .hbar .mid {
    text-align: center;
}

.hbarbox .hbar .right, .hbarboxY .hbar .right,.hbarboxN .hbar .right {
    width:25px;
    height:57px;
}

.hbarboxY .hbar .mid, .hbarboxY .hbar .mid a, .hbarboxN .hbar .mid .highlight, .hbarboxN .hbar .mid .highlight a {
    color: #1185BD;
}

.hbarboxY .hbar .mid a:hover, .hbarboxN .hbar .mid .highlight a:hover {
    color: #17B2FF;
}

.hbarboxN .hbar .mid, .hbarboxN .hbar .mid a {
    color: #bbbbbb;
}

.resultitem {
    margin-top:1em;
    display: none;
}

/*********************************************************************/
/* 定義申請序號區的物件                                              */
/*********************************************************************/
#subright form p {
    margin: 0.5em 0;
}


#subright form td {
    padding: 0.1em 0.2em;
}

.ErrMsg {
    color: red;
    font-size: 80%;
}

/*********************************************************************/
/* 定義購買方式/學習流程--圓角框                                     */
/*********************************************************************/
.roundedcornr_context_1 {
   background: url(roundedcornr_step1.gif) no-repeat;
   height:60px;
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}

.roundedcornr_context_2 {
   background: url(roundedcornr_step2.gif) no-repeat;
   height:310px;
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}

.roundedcornr_context_3 {
   background: url(roundedcornr_step3.gif) no-repeat;
   height:250px;
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
}



.roundedcornr_context_4 {
   background: url(roundedcornr_how1.gif) no-repeat;
   height:100px;
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;

}

.roundedcornr_context_5 {
   background: url(roundedcornr_how2.gif) no-repeat;
   height:100px;
   width:600px;
   margin-left: auto;
   margin-right: auto;
   text-align:center;
   }
.learning_warper {
   width:570px;
   margin:0 auto;
   padding:25px;
   }

.learning {
   margin:0 15px;;
   padding:0 5px;
   width:560px;
   height:150px;
   }


.learning_left {
   margin:2px 5px;
   padding:0px;
   width:250px;
   float:left;
   border: 1px solid #777;
   background-color: #D4D4D4;
   }

.learning_left b {
   background-color:#669999;
   display:block;
   text-align:center;
   }

.learning_left p {
   text-align:justify;
   margin:0px;
   padding:5px;
   height:50px;
   }

.learning_right {
   background-color:#cccccc;
   border: 1px solid #777;
   float:right;
   width:250px;

   margin:5px;
   padding:0;
   -webkit-border-radius: 5px; /* firefox 圓角*/
   -moz-border-radius:10px;    /* safari3 圓角*/
   }

.learning_right p {
   margin:0px;
   padding:0 10px 0px 10px;
   text-align:justify;
   font-size:0.88em;
   }

.dot_1 {
   background:url("image/dot_1.gif") no-repeat;
   margin-top:55px;
   float:left;
   width:30px;
   height:50px;
   }

.line_1 {
   float:right;
   width:430px;
   background-color:#fff;
   height:30px;
   background:url("image/line_1.gif") no-repeat;

   }
 /*********************************************************************/
/* 定義相關產品                                                      */
/*********************************************************************/
.accessoriestable table, .accessoriestable td, .accessoriestable th .accessoriestable tr{
    border: 1px solid #777777;
    border-collapse: collapse;
    margin-left: auto;
    margin-right: auto;
    text-align:center;
    font-weight:normal;
    font-size:small;
    min-width:640px;
    text-align:justify;
    table-layout:fixed;
}

/*********************************************************************/
/* 定義相關產品 iphone、WM6 序號申請頁圖片置右                       */
/*********************************************************************/
.iphone {
    float:right;
    margin: 0px 15px 15px 15px;
}

.wm6 {
    float:right;
    margin: 0px 15px 15px 15px;
}

.roundedcornr_box_854498 {
    background: url(roundedcornr_854498_tl.png) no-repeat top left;
}
.roundedcornr_top_854498 {
    background: url(roundedcornr_854498_tr.png) no-repeat top right;
}
.roundedcornr_bottom_854498 {
    background: url(roundedcornr_854498_bl.png) no-repeat bottom left;
}
.roundedcornr_bottom_854498 div {
    background: url(roundedcornr_854498_br.png) no-repeat bottom right;
}
.roundedcornr_content_854498 {
    background: url(roundedcornr_854498_r.png) top right repeat-y;
}

.roundedcornr_top_854498 div,.roundedcornr_top_854498, .roundedcornr_bottom_854498 div, .roundedcornr_bottom_854498 {
    width: 100%;
    height: 15px;
    font-size: 1px;
}

.roundedcornr_content_854498, .roundedcornr_bottom_854498 {
    margin-top: -19px;
}

.roundedcornr_content_854498 {
    padding: 0 15px;
}

/*********************************************************************/
/* 定義線上購買頁面                                                  */
/*********************************************************************/
.online  {
    float:left;
    margin:0px 40px 30px 20px;
}

.ptitle  {
    background-color:#C8E7D9;
    border-left:25pt solid #C8E7D9;
    border-right:25pt solid #C8E7D9;
    border-top:5pt solid #C8E7D9;
    border-bottom:5pt solid #C8E7D9;
}

.p1 {
    font-size:22pt;
    font-weight:bold;
    line-height:0px;
}

.p2 {
    font-size:16pt;
    font-weight:bold;
}

.p3{
    font-size:14pt;
    line-height:0px;
}

.p4{
    font-size:18pt;
    color:#ff3300;
}

.p5{
    padding-left:35px;
}

.p6{
    padding-left:60px;
    text-align:right;
}

.cost{
    position:absolute;
    left:650px;
    top:400px;
    line-height:2em;
}

.cost1{
    position:absolute;
    left:570px;
    top:475px;
    line-height:2em;
    font-size:14pt;
    font-weight:bold;
}

.costimg {
    position:absolute;
    left:625px;
    top:475px;
    border:0;
}

.costa {
    position:absolute;
    left:620px;
    top:740px;
    border:0;
}
/*********************************************************************/
/* 定義產品總覽購買頁面                                              */
/*********************************************************************/
#preview a {
    text-decoration:none;
    font-size:12px;
}

#preview p {
   padding-top:40px;
}

/*********************************************************************/
/* 定義不同版本區別頁面                                              */
/*********************************************************************/
/* .version table {
    font-size:11pt;
    border: 0px;
    border-collapse: collapse;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    text-align:center;
}

.version td, .version th {
    width:110px;
    border: 0px;
    border-right: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
}
.version td{
    text-align:center;
}
.version th {
    font-size:10pt;
    width:135px;
    text-align:left;
    white-space: nowrap;
    background-color: rgb(238,246,251);
}

.version .noborder {
    border: 0px;
}
*/
 /*********************************************************************/
/* 定義 首頁 頁面                                                    */
/*********************************************************************/
.headline {
    margin-top:25px;
}

.headline h1 {
    font-style: italic;
    line-height: 1.2em;
    font-weight: bold;
    padding-left: 1em;
    color: darkblue;
    margin-bottom: 0;
}

/*.index_green {
    background-image:url("image/index_bk_02.jpg");
    background-repeat:repeat-x;
    padding:0px;
    margin:20px 0px;
} */

.index_dot {
    background:transparent url(image/line_dot.gif) repeat-x scroll left bottom;
    padding:0px 5px 5px 5px;
    margin-right:20px;
}

.index_title2 {
    background-image: url("image/index_bk_03.jpg");
    background-position: right;
    background-repeat: no-repeat;
    font-weight: bold;
    font-style: italic;
    font-size: 120%;
    height: 64px;
    padding-left: 1.8em;
    line-height:80px;
}

#step{
    font-size:16pt;
    font-weight: bold;
    width:220px;
    border:solid 1pt;
    background: url(bg_footer.gif) repeat-x bottom;
    padding: 2px 20px;
}

.index_ad {
	position:relative;
	top:200px;
}


/*********************************************************************/
/* 定義 contact_mail                                                 */
/*********************************************************************/
#member_login,  #contact_mail, #iForm {
    width: 620px; /* 指定區塊寬度 */
    margin:0 auto;
}



#member_login table, #contact_mail table , #iForm table {
    border-top: 1px solid #CCCCCC;
    border-bottom: none;
    border-left: none;
    border-right: none;
    font-size: 100%;
    width: 100%;
}
#member_login td, #contact_mail td , #iForm td {
    border-top: none;
    border-bottom: 1px solid #CCCCCC;
    border-left: none;
    border-right: none;
    padding: 10px;
}
#member_login th, #contact_mail th , #iForm th {
    border-top: none;
    border-bottom: 1px solid #CCCCCC;
    border-left: 6px solid #CCCCCC;
    border-right: none;
    background-color: #F3F3F3;
    font-weight: normal;
    padding-top:10px;
    padding-bottom:10px;
    width: 180px;
}
#member_login select, #contact_mail select, #iForm select {
    border: 1px solid #CCCCCC;
    background-color: #F3F3F3;
    padding: 2px;
}

.text1  {
    border: 1px solid #CCCCCC;
    background-color: #F3F3F3;
    padding: 2px;
}

.text2 {
    border: 1px solid #CCCCCC;
    background-color: #F3F3F3;
    margin-top:10px;
    margin-bottom:10px;
}

.text1:focus , .text2:focus {
    border-color: #7F9DB9; /* 指定游標移入欄位時的框線顏色 */
    background-color: #FFFFFF; /* 指定游標移入欄位時的欄位底色 */
}

/*********************************************************************/
/*  定義 FAQ 問題頁面                                                */
/*********************************************************************/
/*
#faq {
    clear:both;
    padding:20 10 20 20px;
}

#faq a {
    padding-right:35px;
    text-decoration:none;
    margin-right:25px;
    margin-left:15px;
}

#faq a:active {
    padding-right:35px;
    text-decoration:none;
    margin-right:25px;
    margin-left:15px;
}
*/

#faq{
    margin:0 20px 20px;
}

#faq p {
    font-size:10pt;;
    line-height:1.2em;
    margin:10px;
    padding:10px;

}

#faq img {
    float:left;
}

#faq hr{
	background-color:#E0E0E0;
	border:0 none;
	color:#E0E0E0;
	height:1px;
	margin:10px 0;
	width:100%;
}

.hr2 {
	background-color:#E0E0E0;
	border:0 none;
	color:#E0E0E0;
	height:1px;
	margin:10px 0;
	width:100%;
}

.back {
    background-image:url("image/index_bk_03.jpg")  ;
    background-position:right;
    background-repeat:no-repeat;
    font-size:16px;
    height:70px;
}

/*********************************************************************/
/* 商品一覽                                                          */
/*********************************************************************/
#productList {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 75%;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.4;
    letter-spacing: 0.05em;
    color: #333333;
    background: #FFFFFF url(../image/body_bg1.gif) left top repeat-y;

 }
#productList img {
    margin: 0;
    padding: 0;
    border: none;
    vertical-align: top;
    border : 1px solid #CCCCCC;
}

#productList p {
    margin: 0;
    padding: 0;

 }

#productList h2 {
    border-top: 1px solid #CCCCCC;
}

#productList li {
    list-style: none;
    float: left;
    width: 190px;
    margin: 10px 10px 0 0;
    text-align: center;
}

#productList h3 span {
    display: block;
    padding: 3px 0;
    color: #FFFFFF;
    font-weight: normal;
    background: #8b8b8b;
}

#productList dl {
    margin: 1px 0;
    font-size: 90%;
    border-left: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

#productList dt {
    padding: 2px 0;
    text-align: center;
    background: #E5DACA;
    border-top: 1px solid #DABF9A;
}

#productList dd {
    margin: 0;
    padding: 2px 0;
}

.floatnone img {
   float:none;
   padding:0;
   margin:0;
}

.win_porduct {
    float:left;
    width:140px;

    padding-left:15px;
    margin-bottom:50px;
    list-style-type:none;
}

.win_porduct li {
    padding-left:15px;
}


/***********************************************************************************************************/
/*   2009-02-網站改版會用到的*/
/***********************************************************************************************************/

#container {
    padding:10px;
    margin:0 auto;
    margin-top:30px;
    margin-bottom:20px;
    width:880px;

    background:transpant ;
}

#plist_contain{
    width:870px;
    padding:0;
    margin:5px auto;
    height:210px;
}

.plist  {
    width:280px;
    float:left;
    padding:5px;
}

.plist  h1 {
    border-bottom:1px solid #CCCCcc;
    font-size:15px;
    margin-left:50px;
    margin-right:30px;
}

.pl {
    margin-left:20px;
}

.growlUI h1{
   margin:0;
   padding:10px 0 0 0;
}


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

.ad {
    padding-left:70px;
}

#feature_navi{
   position:absolute;
   margin: 10px;
   padding:2px 10px 0 10px;
   margin-top:240px;
   width:180px;
   font-size:10pt;
   background-color:#edf5ff;
   border:1px solid #ccc;
}

#feature_navi ul{
   margin:0px;
   padding:0px;
   margin-bottom:3px;
}

#feature_navi li{
   margin:0px;
   padding:px;
   margin-left:25px;
}

.hh1 {
   background:#B5DAF4 none repeat scroll 0 0;
   margin:10px 0 0 -25px;
   padding:8px 10px 10px 40px;
   position:relative;
   width:830px;

}

.hh1_tri {
   background:url(image/hh1_tri.png) no-repeat;
   height:10px;
   margin:-1px 0 10px -25px;
   position:relative;
   width:30px;
}

.hh1 h2 {
   margin:0;
   padding:0;
   font-size:14pt;
}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
    background-color: black;
    display: none;
}

#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
    text-align: center;
    display: none;
}

#jquery-lightbox #jquery-lightbox-container {
    margin: 0 auto;
}

.inlineBlock {
    display: -moz-inline-stack;
    display: inline-block;
    zoom: 1;
    *display: inline;
}

#KeyString2 {
    text-transform: uppercase;
}