﻿  /*Mobile*/
        @media screen and (max-width:599px) {
            .RwdForm {/*整個表格的外框架*/
                display:block; width:100%; float:left;
            }
            .RwdForm .xinput {
                width: 100%;
            }
                        
            .RwdForm .grid .xMark { /*欄位備註文字*/
                color: #03F;
                width: 100%;/*.xinput.width是多少，這邊就是多少*/
                text-align: left;
                float: left;
                font-family:微軟正黑體,新細明體
            }

            .RwdForm .grid {
                width: 100%;
                margin: 10px auto;
            }

            .RwdForm .xClumn {
                width: 150px;
                text-align: left;
                line-height: 36px;
            }

            .xContent {/*20170106增加，主要針對內容若非input,或無法使用class=xinput時，請直接將此區塊使用<div class='xContent'>包起來*/
                width: 100%;
                line-height: 36px;
                /*background-color:red;*/
            }

            .RwdForm .xinputLabel {/*輸入區(<div class='xinputLabel'>包住Radio)*/
                width: 100%;
                line-height: 36px;
                /*background-color:#FF5500;*/
            }
           .RwdForm .grid2 {
                float: left;
                width: 100%;/*表示佔一列的一半(25%則一行四個欄位)，每行兩欄，下面span.width:25%代表佔一欄的25%，所以.RwdForm .xinput可以設定大約72%*/
                line-height: 24px;
                 margin: 10px auto;
                /*background-color:#F0F;*/

            }
            .RwdForm .xClumn2 {/*單行*/
                width:100% ;/*需搭配.RwdForm .xinput.width*/
                text-align: left;
                font-size: 15px;
                font-weight:bold;
                color: #333;
                /*2018 height: 42px;*//*每欄高度*/
                /*2018 line-height: 56px;*//*讓欄位文字跟輸入框能夠垂直對齊*/
                /*background-color:aqua*/
            }
            .RwdForm .xinput2 {/*輸入框的寬度*/
                width:100%;/*50%*/
                line-height: 30px;
                 display:block;
                /*background-color:red*/
            }

            .RwdForm .grid2 .xMark { /*欄位備註文字*/
                color: #03F;
                width: 100%;/*.xinput.width是多少，這邊就是多少*/
                text-align: left;
                float: left;
            }

            .RwdForm .b1 {
                width: 150px;
                text-align: left;
                line-height: 20px;
            }
                .RwdForm .b11 {
                    width: 100%;
                }

            .RwdForm .b2 {
                width:100%;
                margin-right: 0px;
                margin-left: 0px;
                vertical-align: top;
                line-height: 20px;
            }
        }

        /*PC*/
        @media screen and (min-width:600px) {
            .RwdForm { /*整個表格的外框架*/
                display:block; width:100%; float:left;
                /*border: 1px solid red;
                background-color: red;*/
            }

           .RwdForm .grid {
                float: left;
                width: 50%;/*表示佔一列的一半(25%則一行四個欄位)，每行兩欄，xClumn.width:25%代表佔一欄的25%，所以.RwdForm .xinput可以設定大約72%*/
                margin: auto;
                line-height: 24px;
                /*background-color:#F00;*/
            }

            .RwdForm .xClumn {
                float: left;
                margin-right: 10px;
                width:30% ;/*需搭配.RwdForm .xinput.width*/
                text-align: right;
                font-size: 15px;
                font-weight:bold;
                color: #666;
                height: 36px;/*每欄高度*/
                line-height: 36px;/*讓欄位文字跟輸入框能夠垂直對齊*/
                /*display: block;*/
                /*background-color:blue;*/
            }
            .RwdForm .xinput {/*輸入框的寬度*/
                width: 60%;/*50%*/
                /*background-color:#55FF00;*/
            }
            .xContent {/*20170106增加，主要針對內容若非input,或無法使用class=xinput時，請直接將此區塊使用<div class='xContent'>包起來*/
                width: 60%;
                margin-left: 30%;/*這邊不確定要不要，所以先移除,20170131新增客戶資料時需要用到，不知其他地方是否ok*/
                line-height: 34px;
            }
            .RwdForm .xinputLabel {/*輸入區(<div class='xinputLabel'>包住Radio)*/
                width: 60%;
                line-height: 36px;
                /*background-color:#FF5500;*/
            }
            .RwdForm .grid .xMark { /*欄位備註文字*/
                color: #03F;
                margin-left: 32%;/*xClumn.width是多少，這邊就是多少*/
                width: 80%;/*.xinput.width是多少，這邊就是多少*/
                text-align: left;
                float: left;
                /*background-color:green;*/
            }

            


            /*若中間有幾列為單欄位，其它列保持雙欄位，則單欄列的另外設定成grid2....*/
           .RwdForm .grid2 {
                float: left;
                width: 100%;/*表示佔一列的一半(25%則一行四個欄位)，每行兩欄，下面span.width:25%代表佔一欄的25%，所以.RwdForm .xinput可以設定大約72%*/
                line-height: 36px;
                /*background-color:#F0F;*/

            }
            .RwdForm .xClumn2 {/*單行*/
                float: left;
                margin-right: 10px;
                width:15% ;/*需搭配.RwdForm .xinput2.width*/
                text-align: right;
                font-size: 15px;
                font-weight:bold;
                color: #666;
               /*2018  height: 42px;*//*每欄高度*/
                line-height: 36px;/*讓欄位文字跟輸入框能夠垂直對齊*/
                /*background-color:#03F*/
            }
            .RwdForm .xinput2 {/*輸入框的寬度*/
                width: 60%;/*50%*/
                /*background-color:red*/
            }
            .RwdForm .xinput2Label {/*輸入區*/
                width: 60%;
                line-height: 36px;
            }

            .RwdForm .xContent2Label {/*內容為文字時*/
                width: 60%;
                line-height: 34px;
            }

            .RwdForm .grid2 .xMark { /*欄位備註文字*/
                color: #03F;
                margin-left: 15%;/*xClumn.width是多少，這邊就是多少*/
                width: 60%;/*.xinput.width是多少，這邊就是多少*/
                text-align: left;
                float: left;
            }
        }

        .RwdForm input[type=text],.RwdForm input[type=password],.RwdForm textarea,.RwdForm select {
            /*padding: 12px 20px;*/
            padding: 10px 10px;
            /*margin: 8px 0;*/
            box-sizing: border-box;
            border: 1px solid #ccc;
            -webkit-transition: 0.5s;
            transition: 0.5s;
            outline: none;
            color: #666;
            border-radius: 3px;
        }

        .RwdForm input[type=text],.RwdForm input[type=password]:focus {
            border: 1px solid #aaa;
        }
        .RwdForm .divbutton {
            height:34px;
            width:120px;
            background-color:#68b0b9;
            color:#000;
            font-size:12pt;
            padding:5px 12px;
            line-height:34px;
            vertical-align:middle;
            cursor:pointer;
            border-radius:4px
        }
        .RwdForm .divbutton:hover {
            background-color:#408992;
            color:#FFF;
            font-size:12pt;
            border-radius:4px
        }