﻿/* CSS Document */
/*公用样式*/
html,body{width:100%;}
*{margin:0;padding:0;}
img{border:none;}
.c-b,.clear{clear:both;}
ul{list-style-type:none;}
a{ text-decoration:none;}
body{ font-family:微软雅黑,"宋体"; font-size:12px; color:#707070; min-width:1200px; background:#f0f3f4;}
.f-l{ float:left;}
.f-r{ float:right;}
.p-r{ position:relative;}
.t300ms{transition:300ms;-webkit-transition:300ms;}
a:hover{transition:300ms;-webkit-transition:300ms;}
.w1200{ width:1200px; margin:0 auto; position:relative;}
iframe{ padding:0; margin:0; border:0; outline:none; width:100%; height:100%;}


/*公共框架*/
.headWrap{}
.headerTop{ height:60px; background:#374258; line-height:60px; color:#fff;}
.headerTop a{ display:inline-block; color:#fff; font-size:14px;}
.headerTop a:hover{ color:#f90;}
.headerTop a.StartChoose{ font-size:16px; padding:0 20px;}
.headerTop a.CourseCar{ padding:0 20px 0 50px; background:url(../images/gwc.png) 23px center no-repeat;}
.headerTop a.CourseNotice{ padding:0 20px 0 30px; font-size:16px; background:url(../images/gonggao.png) left center no-repeat;}
.headerTop a.MyOrder{padding:0 0 0 50px; background:url(../images/wddd.png) 23px center no-repeat;} 
.headerTop div.admin{ float:right; position:relative;}
.headerTop div.admin span{ display:block; width:80px; height:60px; padding:0 0 0 20px; background:#4c5b6d url(../images/people.png) 10px center no-repeat; text-align:center; font-size:14px; cursor:pointer;}
.headerTop div.admin ul{ display:none; width:100%; padding:10px 0; background:#fff; border-radius:3px; position:absolute; top:60px; left:0;}
.headerTop div.admin ul:after{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid #fff; content:""; position:absolute; top:-8px; left:10px;}
.headerTop div.admin ul li{ line-height:30px; text-align:center;}
.headerTop div.admin ul li a{ color:#535353;}
.headerTop div.admin ul li a:hover{ color:#f90;}
.headerTop div.admin:hover ul{ display:block;}

.header{ height:150px; padding:1px 0 0 0; background:#2a59b7; text-align:center; color:#fff;}
.header .logo{ width:150px; height:135px; margin:-60px auto 0 auto;}
.header .welcome{ font-size:18px; line-height:60px;}

.MenuBar{ height:78px; border-bottom:2px solid #e2e8ee; background:#fff;}
ul.Menu_list{}
ul.Menu_list li{ float:left; padding:0 30px 0 0; width:120px; text-align:center; height:75px; line-height:75px; font-size:16px; background:url(../images/down.png) 120px center no-repeat;}
ul.Menu_list li a{ color:#333;}
ul.Menu_list li:hover{ border-bottom:3px solid #3977d8;}
.MenuBar a.back{ display:inline-block;float:left; font-size:16px; color:#95a1ad; padding:0 0 0 40px; background:url(../images/back.png) left center no-repeat; line-height:78px; cursor:pointer;}
.MenuBar a.back:hover{ color:#f90;}
.MenuBar span.rightMenu{ font-size:16px; color:#3977d8; padding:0 30px;line-height:78px;}
.MenuBar span.gwc{ display:block;float:left; line-height:78px; font-size:18px; color:#3977d8; height:78px; padding:0 0 0 50px;margin:0 0 0 20px; background:url(../images/btgwc.png) left center no-repeat;}
.MenuBar span.myorder{ display:block; line-height:78px; font-size:18px; color:#3977d8; height:78px; padding:0 0 0 50px; background:url(../images/myorder.png) left center no-repeat;}
.currentlocation{ float:right; line-height:78px; padding:0 0 0 20px; background:url(../images/location.png) left center no-repeat;}

.bodyWrap{ padding:30px 0 50px 0;}

.ControlBar{ height:70px; border:1px solid #e2e8ee; background:#f3f7f8;}
.ControlBar .formGroup{ float:left; line-height:70px; padding:0 20px; font-size:14px;}
.ControlBar .formGroup span{ color:#333;}
.ControlBar .formGroup select{ width:160px; height:36px; border-radius:3px; background:#f3f7f8;}
.ControlBar .formGroup input[type=text]{ height:34px; padding:0 10px; background:#e2e8ee; border-radius:3px; outline:none; border:0;}
.ControlBar .formGroup input.search{ width:88px; height:34px; border:0; margin:18px 0; background:#f44437; border-radius:3px; color:#fff;outline:none; cursor:pointer;}
.ControlBar .formGroup input.search:hover{background:#f00;}
.ControlBar .formGroup input.refresh{ width:32px; height:32px; margin:18px 0; border:1px solid #ccc; background:url(../images/sx.png) center center no-repeat; border-radius:3px; outline:none;}
.ControlBar .formGroup input.refund{width:88px; height:34px; border:0; margin:18px 0; border:1px solid #2a59b7; border-radius:17px; color:#2a59b7; background:#fff; outline:none; cursor:pointer;}
.ControlBar .formGroup a.settle{display:block;width:110px; height:42px; line-height:42px;text-align:center; background:#f44437; color:#fff; font-size:14px; border:0; outline:none; border-radius:3px; margin:12px 0 0 0;}
.ControlBar .formGroup font{ color:#F00;}
.ControlBar .formGroup input.date{height:34px; padding:0 10px; background:#e2e8ee; border-radius:3px; outline:none; border:0;}

.content{ padding:10px;}
.content span.none{display:block;line-height:50px; font-size:18px; padding:10px 20px; background:#fff; text-align:center;}

.footWrap{ font-size:14px; color:#ccc; line-height:60px; background:#333333; text-align:center;}

/**/

/*图片列表*/
ul.base_PictureList{}
ul.base_PictureList:after{ clear:both; content:""; display:block;}
ul.base_PictureList li{ float:left; width:258px; height:285px; border:1px solid #cad1d7; margin:16px; background:#fff;position: relative;}
ul.base_PictureList li .img{ width:250px; height:150px; margin:4px auto; overflow:hidden;position:relative;background:url(../images/study.jpg) center center no-repeat;background-size:cover;}
ul.base_PictureList li .img img{ width:100%; height:auto;}
ul.base_PictureList li .img span{display:block;width:100%;line-height:35px; text-indent:1em;background:#f00;color:#fff; position:absolute; bottom:0px; left:0px;}
ul.base_PictureList li .title{ padding:0 10px; font-size:16px; line-height:25px; color:#333;}
ul.base_PictureList li .title span.state{ display:inline-block; width:40px; height:20px; margin:5px; border-radius:10px; line-height:20px; font-size:12px; text-align:center; color:#fff; background:#bcd4f9;}
ul.base_PictureList li span.time{ display:block; padding:0 10px; line-height:20px; font-size:12px; color:#95a1ad;}
ul.base_PictureList li span.nianji{display:block; padding:0 10px;  line-height:20px; font-size:12px; color:#95a1ad;}
ul.base_PictureList li span.teacher{ line-height:40px; text-indent:3em; background:url(../images/time.png) 10px center no-repeat; color:#333;display: block;
    width: 100%;
    position: absolute;
    bottom: 0;
    border-top:1px dashed #95a1ad;}
ul.base_PictureList li a.JoinCar{ float:right; display:inline-block; width:34px; height:34px; margin:2.5px 10px; background:url(../images/bgwc.png) center center no-repeat;position: absolute;
    bottom: 0;
    right: 0;
}
ul.base_PictureList li:hover{ background:#ff8001; box-shadow:1px 1px 1px 1px #ccc;}
ul.base_PictureList li:hover .title{ color:#fff;}
ul.base_PictureList li:hover .title span.state{ background:#faaf65;}
ul.base_PictureList li:hover span.time{ color:#fff;}
ul.base_PictureList li:hover span.nianji{ color:#fff; }
ul.base_PictureList li:hover span.teacher{ color:#fff; background:url(../images/timeh.png) 10px center no-repeat;border-top:1px dashed #fff;}
ul.base_PictureList li:hover a.JoinCar{ background:url(../images/bgwch.png) center center no-repeat;}

/**/

/*订单列表*/
.orderContainer{ border:1px solid #e1e1e1; background:#fff; border-bottom:0; margin:10px 0;}
.orderContainer .title{ height:45px; background:#2a59b7;}
.orderContainer .title span{ color:#fff; line-height:45px; display:inline-block; padding:0 20px;}
.orderContainer .title a{ display:inline-block; float:right; width:100px; height:30px;  margin:6px 6px 0 0; text-align:center; line-height:30px; border:1px solid #7090cf; border-radius:15px; background:#3a6ccf; color:#fff;}
.orderContainer .title a.delete{ background:url(../images/delete.png) left center no-repeat; border:0;}
.orderContainer .title input{ float:left; margin:10px 20px;width:20px; height:20px;}
.orderContainer .subtitle{height:50px; border-bottom:1px solid #ccc;}
.orderContainer .subtitle span{ display:inline-block; padding:0 20px; margin:15px 0 ; border-right:1px solid #eee; height:20px; color:#000; font-size:14px;}
.orderContainer .subtitle span.state{ float:right; border:0; color:#9aa2ad;}



ul.base_orderList{}
ul.base_orderList li{ border-bottom:1px solid #e2e8ee; padding:15px 35px; position:relative;}
ul.base_orderList li:after{clear:both; content:""; display:block;}
ul.base_orderList li input[type=checkbox]{ float:left; margin:15px 20px 0 0; width:20px; height:20px;}
ul.base_orderList li .img{ float:left; width:150px; height:90px; margin:0 20px 0 0; overflow:hidden;background:url(../images/study.jpg) center center no-repeat;background-size:cover;}
ul.base_orderList li .img img{width:100%;height:auto;}
ul.base_orderList li h3{ margin:0 0 0 170px; font-size:16px; height:40px; font-weight:normal; color:#333;}
ul.base_orderList li span{ display:block; margin:0 0 0 170px; line-height:25px;}
ul.base_orderList li p{ position:absolute; top:30px; right:50px; color:#f00; font-size:18px;}
ul.base_orderList li a.delete{display: block;
    position: absolute;
    bottom: 20px;
    right: 35px;
    width: 70px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background: #f90;
    color: #fff;
    border-radius: 3px;
    font-size: 14px;}

ul.base_myorder{ background:#f5f5f5;}
ul.base_myorder li{ border-bottom:1px dashed #cbced3;}

.orderContainer .tail{ background:#fff; position:relative;}
.orderContainer .tail .add_ser{ height:50px; line-height:50px; padding:0 30px 0 50px; font-size:14px;}
.orderContainer .tail .add_ser span{ padding:0 40px 0 0;}
.orderContainer .tail  font{ color:#F00; font-size:16px;}
.orderContainer .tail .add_ser:nth-child(1){ background:url(../images/addser0.png) 30px center no-repeat;}
.orderContainer .tail .add_ser:nth-child(2){ background:url(../images/addser1.png) 30px center no-repeat;}

.orderContainer .tail a.willpay{ display:block; float:right; width:90px; height:37px; padding:0 0 0 30px;line-height:37px; text-align:center; color:#fff; font-size:14px; border-radius:20px; background:#f44437 url(../images/willpay.png) 20px center no-repeat; position:absolute; right:20px; top:50%; margin:-18px 0 0 0;}
.orderContainer .tail a.willpay.del{background:#ccc url(../images/delete.png) 20px center no-repeat;}

/* 课程详情*/

.courseContainer{}
.courseIntro{ background:#fff; padding:35px 30px;}
.courseIntro:after{ display:block; content:""; clear:both;}
.courseIntro .img{ float:left; width:400px; height:240px; overflow:hidden;}
.courseIntro .img img{ width:100%; height:auto;}
.courseIntro .title{ margin:0 0 0 420px; border-bottom:1px dashed #eee; line-height:50px;}
.courseIntro .title span{ font-size:16px; color:#333;}
.courseIntro .title font{ font-size:18px; color:#f44437; float:right;}
.courseIntro .text{ margin:0 0 0 420px; padding:10px 0;}
.courseIntro .text p{ height:30px; padding:0 0 0 30px; font-size:14px;}
.courseIntro .text p:nth-child(1){ background:url(../images/coursecon.png) 3px 3px no-repeat;}
.courseIntro .text p:nth-child(2){ background:url(../images/coursecon.png) 3px -27px no-repeat;}
.courseIntro .text p:nth-child(3){ background:url(../images/coursecon.png) 3px -59px no-repeat;}
.courseIntro .text p:nth-child(4){ background:url(../images/coursecon.png) 3px -90px no-repeat;}
.courseIntro .formGroup{ margin:0 0 0 420px;}
.courseIntro .formGroup .signup{ width:120px; height:38px; border:1px solid #f9c9a6; background:#ffe4d0; font-size:16px; color:#f44437;}
.courseIntro .formGroup .joincar{ width:150px; height:38px; padding:0 0 0 20px; border:0; background:#f44437 url(../images/baicar.png) 5px center no-repeat; color:#fff; font-size:16px;}

.courseContent{ background:#fff; margin:20px 0 0 0;}
.courseContent .title{ height:60px; border-bottom:2px solid #e2e8ee; line-height:60px;}
.courseContent .title span{ display:inline-block; padding:0 30px; font-size:16px; color:#95a1ad; cursor:pointer;}
.courseContent .title span.act{ color:#3977d8; border-bottom:1px solid #3977d8;}
.courseBox{ padding:30px 30px; display:none;}
.courseBox.act{ display:block;}
.courseTeacher{ border-bottom:1px dashed #eee; padding:20px 30px;}
.courseTeacher:after{display:block; content:""; clear:both;}
.courseTeacher .img{ float:left; width:150px; height:150px; overflow:hidden; border-radius:50%;}
.courseTeacher .img img{ width:auto; height:auto;}
.courseTeacher span{ display:block; margin:0 0 0 200px; font-size:14px; color:#333; line-height:40px;}
.courseTeacher p{margin:0 0 0 200px;  line-height:23px;}
.coursenr{ line-height:23px; padding:20px 30px;}

.CourseTimeList{}
.CourseTimeList li{ height:50px; border-bottom:1px dashed #eee; line-height:50px;}
.CourseTimeList li span{ display:inline-block;font-size:14px;}
.CourseTimeList li span.s1{ padding:0 35px 0 0; margin:0 20px 0 0; background:url(../images/quan.png) right center no-repeat;  color:#95a1ad;}
.CourseTimeList li span.s2{ color:#333;}
.CourseTimeList li span.s3{ float:right;}

/*订单*/
.orderPage{ background:#fff; padding:20px 0;}
section.order{ padding:0 20px;}
section.order .title{ height:45px; border-bottom:1px solid #eee; line-height:45px;}
section.order .title span{ padding:0 0 0 15px; background:url(../images/spanbg.png) left center no-repeat; font-size:16px; color:#333;}
section.order .title a{ float:right; color:#333; padding:0 0 0 15px; background:url(../images/write.png) left center no-repeat;}
section.order .title a:hover{ color:#f90;}
section.order .formGroup{ margin:20px 0px;}
section.order .formGroup label{ float:left; width:135px; line-height:36px; text-align:right;}
section.order .formGroup label em{color:#F00; padding:3px; font-size:16px;}
section.order .formGroup label span{ font-size:14px; color:#333333;}
section.order .formGroup .formDetails{line-height:36px;margin:0 0 0 135px;}

section.order .formGroup input[type=text]{ width:400px;height:36px; border-radius:3px; border:1px solid #cad1d7; text-indent:1em;}
section.order .formGroup select{ width:400px;height:36px; border-radius:3px; border:1px solid #cad1d7; text-indent:1em;}
section.order .formGroup input[type=radio]{ width:15px; height:15px; margin:10px 5px;}
section.order ul{ margin:30px 0;}
section.order li{ border-bottom:1px solid #eee; height:70px; line-height:70px; font-size:16px;}
section.order li.tabletitle{ height:40px; background:#f3f3f3; line-height:40px;}
section.order li span{ display:inline-block; text-indent:2em;}
section.order li span.bh{ width:20%;}
section.order li span.bt{ width:50%;}
section.order li span.jg{ width:25%;}
section.order li span font{ color:#ff6c60;}
section.order .payway{}
section.order .payway span{ display:inline-block; width:175px; height:65px; margin:20px; border:3px solid #eee;}
section.order .payway span.wx{ background:url(../images/wx.png) center center no-repeat;}
section.order .payway span.zfb{ background:url(../images/zfb.png) center center no-repeat;}
section.order .payway span.act{ border:3px solid #ff6c60;}
section.order .orderSummary{ background:#f9f6ea; border:1px solid #dae0e5; padding:20px 0;}
section.order .orderSummary:after{display:block; content:""; clear:both;}
section.order .orderSummary .summaryList{ float:left; padding:0 0 0 30px;}
section.order .orderSummary .summaryList span{ display:block; line-height:30px; font-size:14px;}
section.order .orderSummary .summaryList span font{ color:#F00;}
section.order .orderSummary .formGroup{ float:right; padding:0 20px;}
section.order .orderSummary .formGroup span{ line-height:50px;}
section.order .orderSummary .formGroup input{ width:110px; height:40px; background:#f44437; color:#fff; font-size:16px; border:0; outline:none; border-radius:3px;}


/*setpaddword*/
.setpaddword{}
.setpaddword .formGroup{}
.setpaddword .formGroup #LoginPassword{ width:400px;height:36px; border-radius:3px; border:1px solid #cad1d7; text-indent:1em;}
.setpaddword .formGroup #ComPassword{ width:400px;height:36px; border-radius:3px; border:1px solid #cad1d7; text-indent:1em;}
.setpaddword .formGroup input[type=submit]{ width:110px; height:40px; display:block;margin:0 auto; background:#f44437; color:#fff; font-size:16px; border:0; outline:none; border-radius:3px;}



@media screen and (max-width: 600px) {

input[type="button"], input[type="submit"], input[type="reset"]{
-webkit-appearance: none;

}
textarea {  -webkit-appearance: none;}   

body{min-width:auto;width:100%;}
.w1200{width:auto;}
.html{width:auto}
.headWrap{position: fixed;width:100%;z-index: 999;}
.MenuBar{padding-top:60px;}
.bodyWrap{padding:10px 0 40px 0;}
.footWrap{line-height:40px;font-size:12px;}

/*ControlBar*/
.ControlBar{height:auto;}
.ControlBar .formGroup{float:none;line-height:50px;}
.ControlBar .formGroup span{display:inline-block;width:25%;text-align:right;}
.ControlBar .formGroup select{width:60%;background:#e2e8ee;}
.ControlBar .formGroup input[type=text]{width:60%; border:1px solid #333;padding:0;text-indent:0.5em;}
.ControlBar .formGroup input.search{margin:8px auto; display:block;}
.ControlBar .formGroup a.settle{margin:0;}

/*homepage*/
a.StartChoose{display:none;}
.headerTop a.CourseCar{padding:0 0 0 30px;margin:0 10px;background:url(../images/gonggao.png) 2px center no-repeat;}
.headerTop a.MyOrder{ padding:0 0 0 30px;background:url(../images/wddd.png) 2px center no-repeat;}
.headerTop font{display:none;}
.header{display:none;}

/*coursecenter*/


/*gouwuche*/
.MenuBar span.gwc{margin: 0 0 0 20px;}

/*myorder*/
.MenuBar span.myorder{margin: 0 0 0 20px;}

/*back*/
.MenuBar a.back{margin: 0 0 0 10px;}

/*setpaddword*/
.setpaddword{}
.setpaddword .formGroup{}
.setpaddword .formGroup #LoginPassword{ width:auto;}
.setpaddword .formGroup #ComPassword{  width:auto;}

/*图片列表*/
ul.base_PictureList{}
ul.base_PictureList:after{ clear:both; content:""; display:block;}
ul.base_PictureList li{ float:none; width:95%; height:300px; border:1px solid #cad1d7; margin:10px auto; background:#fff;}
ul.base_PictureList li .img{ width:98%; height:150px;margin:1%; overflow:hidden;}
ul.base_PictureList li .img img{ width:100%; height:auto;}


/*订单列表*/
.orderContainer{ border:1px solid #e1e1e1; background:#fff; border-bottom:0; margin:10px 0;}

ul.base_orderList li{ padding:15px 0;}
ul.base_orderList li input[type=checkbox]{ float:left; margin:0 20px; width:20px; height:20px;}
ul.base_orderList li .img{display:none;}
ul.base_orderList li h3{margin:0 0 0 10px;}
ul.base_orderList li span{margin:0 0 0 10px;}
ul.base_orderList li p{position:static;top:0;left:0;padding:0 10px;}


.orderContainer .tail{padding:0 0 70px 0;}
.orderContainer .tail .add_ser{ height:30px; line-height:30px; padding:0 30px 0 50px; font-size:14px;}
.orderContainer .tail a.willpay{bottom:10px;top:auto; margin:-18px 0 0 0;}


/* 课程详情*/
.courseContainer{}
.courseIntro{ background:#fff; padding:10px;}
.courseIntro:after{ display:block; content:""; clear:both;}
.courseIntro .img{ float:none; width:95%; height:150px;margin:0 auto; overflow:hidden;}
.courseIntro .img img{ width:100%; height:auto;}
.courseIntro .title{ margin:0 10px; border-bottom:1px dashed #eee; line-height:50px;}
.courseIntro .title span{ font-size:16px; color:#333;}
.courseIntro .title font{ font-size:18px; color:#f44437; float:right;}
.courseIntro .text{ margin:0 0 0 20px; padding:10px 0;}
.courseIntro .formGroup{ margin:0 0 0 20px;text-align:right;}
.courseIntro .formGroup .joincar{display:inline-block;margin:0 10px 0 0;}


/*订单*/
.orderPage{ background:#fff; padding:20px 0;}
section.order{ padding:0 10px;}
section.order .title{ height:45px; border-bottom:1px solid #eee; line-height:45px;}
section.order .title span{ padding:0 0 0 15px; background:url(../images/spanbg.png) left center no-repeat; font-size:16px; color:#333;}
section.order .title a{ float:right; color:#333; padding:0 0 0 15px; background:url(../images/write.png) left center no-repeat;}
section.order .title a:hover{ color:#f90;}
section.order .formGroup{ margin:20px 0px;}
section.order .formGroup label{ float:left; width:115px; line-height:36px; text-align:right;}
section.order .formGroup label em{color:#F00; padding:3px; font-size:16px;}
section.order .formGroup label span{ font-size:14px; color:#333333;}
section.order .formGroup .formDetails{line-height:36px;margin:0 0 0 105px;}

section.order .formGroup input[type=text]{ width:auto;height:36px; border-radius:3px; border:1px solid #cad1d7; text-indent:1em;}
section.order .formGroup select{ width:100px;height:36px; border-radius:3px; border:1px solid #cad1d7; text-indent:1em;}
section.order .formGroup input[type=radio]{ width:15px; height:15px; margin:10px 5px;}
section.order ul{ margin:30px 0;}
section.order li{ border-bottom:1px solid #eee; height:70px; line-height:70px; font-size:13px;}
section.order li.tabletitle{ height:40px; background:#f3f3f3; line-height:40px;}
section.order li span{ display:block; text-indent:8px;float:left}
section.order li span.bh{ width:40px;min-height:40px;text-align:center}
section.order li span.bt{ width:70%;overflow:hidden;}
section.order li span.jg{ width:50px;overflow:hidden;float:right}
section.order li span font{ color:#ff6c60;}
section.order .payway{}
section.order .payway span{ display:inline-block; width:175px; height:65px; margin:20px; border:3px solid #eee;}
section.order .payway span.wx{ background:url(../images/wx.png) center center no-repeat;}
section.order .payway span.zfb{ background:url(../images/zfb.png) center center no-repeat;}
section.order .payway span.act{ border:3px solid #ff6c60;}
section.order .orderSummary{ background:#f9f6ea; border:1px solid #dae0e5; padding:20px 0;}
section.order .orderSummary:after{display:block; content:""; clear:both;}
section.order .orderSummary .summaryList{ float:left; padding:0 0 0 30px;}
section.order .orderSummary .summaryList span{ display:block; line-height:30px; font-size:14px;}
section.order .orderSummary .summaryList span font{ color:#F00;}
section.order .orderSummary .formGroup{ float:right; padding:0 20px;}
section.order .orderSummary .formGroup span{ line-height:50px;}
section.order .orderSummary .formGroup input{ width:110px; height:40px; background:#f44437; color:#fff; font-size:16px; border:0; outline:none; border-radius:3px;}
section.order li span.bh input{ margin:25px 0}
.courseBox{padding:10px;}
.CourseTimeList li{white-space: nowrap;  text-overflow:ellipsis; overflow:hidden;width:100%;}

section.refundinfo .formGroup label{display:block;float:none;text-align:left;}
section.refundinfo .formGroup .formDetails{margin:0 10px;}
section.refundinfo .formGroup input[type=text]{width:90%;}
section.refundinfo .formGroup input.save{width:100px;height:40px;border-radius:5px;outline:none;border:0;background:#eee;margin:0 auto;display:block;}
section.refundinfo .formGroup span.field-validation-error{display:block;}


.orderContainer .subtitle{height:auto;border-bottom:1px solid #ccc;}
.orderContainer .subtitle span{ display:block; padding:0 20px; margin:5px 0 ; border-right:1px solid #eee; height:20px; color:#000; font-size:14px;}
.orderContainer .subtitle span.state{ float:right; border:0; color:#9aa2ad;}

.orderContainer .title{height:auto;position:relative;padding:10px 0;}
.orderContainer .title span{display:block;line-height:25px;}
.orderContainer .title a{float:none;margin:5px;position:absolute;top:10px;right:10px;}
.orderContainer .title:after{content:"";display:block;clear:both;}


}




