#container-m{position: relative;}
#form_box{position: absolute; top: -200px; z-index: 99999999; width: 100%; margin: auto; text-align: left;}
#form_box>*{z-index:1; position: relative; background: #fff;}
#form_box .c_box {
    display: block; position: fixed; content: ""; width: 100%; height: 100vh; top: 0; left: 0;  background: rgba(0, 0, 0, 0.69);  z-index: 0;}

#form_box .item_list{position: relative; padding: 8px 0;}
#form_box .item_list>div{float: left;}
#form_box .item_list>div:last-child{margin-top: 50px; font-size: 1.45em; width: 60%; box-sizing: border-box; padding: 0 25px;}
#form_box .box_img{border-right: 3px dashed #efefef; width: 40%; box-sizing: border-box; padding-right: 15px;}
#form_box .box_img img{max-width: 250px; margin: auto; display: block;}
/**表單格式**/
#form_box .contact .row {
    display: flex;  width: 100%; background: #d8f1ff;  border: thin solid #d8d8d8; padding: 1px; box-sizing: border-box;}
#form_box .contact .title {
    float: left;
    width: 100%;    
    text-align: center;    
    color: #fff;
    font-size: 1.0em;
    line-height: 1.25em;
    background: #f08529;padding: 0; line-height: 32px; height: 32px; margin-bottom: 5px;}
#form_box .contact{margin: 0;     background: none;}
#form_box .x_btn { box-sizing: border-box; border: 1px solid #919191; border-radius: 5px;
    display: block; margin: 2px 2px 0 0; width: 28px; height: 28px; padding: 3px;    background: rgba(255, 255, 255, 0.24);
}
#form_box .c-title {
    margin: auto;
    width: 20px;
    letter-spacing: 8px;
    font-size: 20px;
}
#form_box .info {
    float: left; width: calc(100% - 55px); background: rgba(255,255,255,0.7); border-left: thin solid #ccc; font-size: 12pt; line-height: 1.5em; padding: 0 10px; box-sizing: border-box;
}
#form_box .contact .wr:before{content: "*"; color: #a80000; float: left; text-indent: -6px;}
#form_box .contact ul:before,#form_box .contact ul:after{content: ""; clear: both; display: block;}
#form_box .contact li{margin-bottom: 12px; display: block;}
#form_box label{ text-align: left; display: inline-block; padding:0 10px; vertical-align: middle; box-sizing: border-box; height: 2em; width: 55px;}
#form_box input{line-height: 1.5em; height: 2em; display: inline-block; text-indent: 5px; padding: 3px 0; width: calc(100% - 115px); box-sizing: border-box; float: none;}
#form_box select{height: 1.6em;}
#form_box input::placeholder {color: #fff;}
#form_box input[type="radio"] {width: 18px; float: left;}
#form_box input[type="radio"]+label{float: left; line-height: 2em; text-align-last: left; min-width: inherit}
#form_box .cellphone+input{width:calc(100% - 115px);}
#form_box .description label{margin-right: 8px;}
#form_box .description textarea{width: calc(80% - 115px);}

#form_box .contact .btnall {
    width: 50%;
    padding: 20px 0;
    vertical-align: middle;
}
#form_box .contact .yznum {
    float: left;
    width: auto;
    padding: 5px 0px;
    text-align: center;
    vertical-align: middle;
    padding: 0;
}
#form_box .contact .yzs {
    float: left;
    width: auto;
    padding-right: 5px;
}
#form_box .contact .submit-c {
    line-height: 1.8em;
    font-size: 1.00em;
    padding: 0px 5px 0px 5px;
    color: #fff;
    border: #0088df 1px solid;
    text-shadow: 0px 0px 0px #0058b8;
    font-family: "微軟正黑體","Microsoft JhengHei", "宋体","SimSun";
    background: #00a8ff;
    background: -moz-linear-gradient(top, #00a8ff 0%, #006fd8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a8ff), color-stop(100%,#006fd8));
    background: -webkit-linear-gradient(top, #00a8ff 0%,#006fd8 100%);
    background: -o-linear-gradient(top, #00a8ff 0%,#006fd8 100%);
    background: -ms-linear-gradient(top, #00a8ff 0%,#006fd8 100%);
    background: linear-gradient(to bottom, #00a8ff 0%,#006fd8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a8ff', endColorstr='#006fd8',GradientType=0 );
    border-radius: 3px;
    cursor: pointer;
    margin-left: 50px;
    width: 100px;
}

.clear{content: ""; clear: both; display: block;}
@media only screen and (max-width: 768px){
   #form_box{left: 0;}
   /*#form_box label{display: none;}*/
   #form_box input::placeholder {color: #b7b7b7;}
   #form_box textarea::placeholder {color: #b7b7b7;}
   #form_box .w40,#form_box .w30,#form_box .w70 {width: 100%;}
   #form_box input{width: calc(100% - 60px);}
   #form_box .description textarea{width: calc(100% - 65px);}
   #form_box .order_name{width: 50%;}
   #form_box .your_sex{width: 50%;}
   #form_box .your_sex label{display: block;}
   #form_box .contact .btnall{width: 100%;}
   #form_box .info{width: 100%;}
   #form_box .c-title{display: none;}
   input[type="radio"] + label{margin-right: 2px;}
   #form_box .item_list>div:last-child{font-size: .9em; line-height: 1.45em}
}
@media only screen and (max-width: 500px){
    #form_box .contact .submit-c{width: 100%; margin:15px 0;}
    #form_box .contact .title{overflow: hidden; padding-right: 30px; box-sizing: border-box;}
    #form_box .contact .title a{position: absolute; top:0; right: 0;}
}