/* Default Content Star */
.default-content { }
    .default-content img { max-width: 100%;}
/* Default Content End */

/* Page Content Star */
#page-contents { padding: 40px 0 20px 0; }
    #page-contents .container { padding-right: 5px;}
    .page-contents { text-align: left; }
    .page-contents .lefts { float: left; width: 20%; padding: 0px 0px 0px 0px; background-color: #FFF; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    .page-contents .lefts .titles { margin: 0 auto; font-size: 24px; font-weight: 700; color: #ff7e11; /*background-color: #000000;*/ background-image: url("../img/titles-bg.jpg"); background-size: 100%;  padding: 25px 15px 20px 15px; text-align: center;}
    .page-contents .lefts .titles span { display: block; text-transform: uppercase; font-size: 14px; margin: 15px 0 0 0;}
    .page-contents .lefts ul { margin: 10px auto 10px auto;}
    .page-contents .lefts ul li { line-height: 32px; padding: 0 15px; transition: 0.3s;}
    .page-contents .lefts ul li a { display: block;}

    .page-contents .lefts ul li i { float: right; margin: 9px 0 0 0;}
    .page-contents .lefts ul li:hover { background-color: #ff7e11;}
    .page-contents .lefts ul li:hover a { color: #FFF;}

    .page-contents .lefts ul li.active { background-color: #ff7e11;}
    .page-contents .lefts ul li.active a { color: #FFF;}

    .page-contents .lefts .ends { display: block; background-color: #4a4947; padding: 20px 0 15px 0; color: #FFF; text-align: center;}
    .page-contents .lefts .ends h1 { font-size: 16px; margin: 0 0 10px 0;  font-weight: 300;  line-height: 180%;}
    .page-contents .lefts .ends h2 { font-size: 18px; font-weight: 700;}
    .page-contents .lefts .ends .contacts { font-size: 16px;  font-weight: 700;  margin: 10px 0 0 0;}

    .page-contents .rights { float: right; width: 79%;}
    .page-contents .rights .products { margin: 0 auto 0 auto;}
    .page-contents .rights .products .items { float: left; width: 25%; padding: 0 10px; margin: 0 0 20px 0;}

    .page-contents .rights .products .items .wraps { transition: 0.3s; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    .page-contents .rights .products .items .wraps:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);}

    .page-contents .rights .products .items .wraps figure { overflow: hidden; position: relative; background-color: #FFF; border-radius: 4px 4px 0 0;  margin: 0 auto; }
    .page-contents .rights .products .items .wraps figure img { max-width: 100%;}
    .page-contents .rights .products .items .wraps figure:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9;  transition: 0.3s;  }

    .page-contents .rights .products .items .wraps .names { background: #fff; -webkit-line-clamp: 1; text-align: center; border-radius: 0 0 3px 3px;  }
    .page-contents .rights .products .items .wraps .names h4 { font-size: 14px; -webkit-line-clamp: 1; height: 32px; line-height: 32px; overflow: hidden; font-weight:lighter;}
    .page-contents .rights .products .items .wraps .names h4 a { color: #595758; }
    .page-contents .rights .products .items .wraps .names h4 a:hover { color: #2c90c5;  }


    .page-contents .contents { float: right; width: 78%; padding: 15px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #FFF; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}


    .page-contents .rights .cases { margin: 0 auto 0 auto;}
    .page-contents .rights .cases .items { float: left; width: 33.333333%; padding: 0 10px; margin: 0 0 20px 0;}

    .page-contents .rights .cases .items .wraps { transition: 0.3s; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    .page-contents .rights .cases .items .wraps:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);}

    .page-contents .rights .cases .items .wraps figure { overflow: hidden; position: relative; background-color: #FFF; border-radius: 4px 4px 0 0;  margin: 0 auto; }
    .page-contents .rights .cases .items .wraps figure img { max-width: 100%;}
    .page-contents .rights .cases .items .wraps figure:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9;  transition: 0.3s;  }

    .page-contents .rights .cases .items .wraps .names { background: #fff; -webkit-line-clamp: 1; text-align: center; border-radius: 0 0 3px 3px;  }
    .page-contents .rights .cases .items .wraps .names h4 { font-size: 14px; -webkit-line-clamp: 1; height: 32px; line-height: 32px; overflow: hidden; font-weight:lighter;}
    .page-contents .rights .cases .items .wraps .names h4 a { color: #595758; }
    .page-contents .rights .cases .items .wraps .names h4 a:hover { color: #2c90c5;  }


/* Page Content End */


/*产品详细*/
.detail-main-imgs { text-align: center; width:100%; margin: 0 auto;}
    .detail-main-imgs img { max-width: 100%; padding: 5px; border: solid 1px #ececec; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
    .detail-main-imgs p { font-weight: 700; font-size: 16px; margin: 15px 0 15px 0;}


/*产品详细标题*/
.detail-main-title { width: 100%; border-bottom: solid 1px #f3f3f3; color: #424242; margin: 20px 0 0 0;}
    .detail-main-title h1 { font-size: 18px; border-bottom: solid 3px #ff7e11; font-weight: lighter; padding: 5px 0; float: left;}
    .detail-main-title i { float: right; color: #35a9e6; margin: 12px 0 0 0; font-weight: lighter;}
    .detail-main-title a { font-weight: lighter;}

.detail-main-content { padding: 20px 0; text-align: left;}
    .detail-main-content img { max-width: 100%;}


/*统一 上一页，下一页*/
.flip-page { /*border-top: solid 1px #f3f3f3;*/  font-size: 15px;  padding-top: 15px;  font-weight: lighter; margin-bottom: 50px;}
    .flip-page > .row > .left { text-align: left;}
    .flip-page > .row > .right { text-align: right; margin-top: 12px; }
    .flip-page > .row > .right a {  padding: 10px 30px;  background: #ff7e11;  color: #FFF;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; }
    .flip-page > .row > .right a:hover { transform:translate3d(0,-2px,0);
        -webkit-transform:translate3d(0,-2px,0);
        -moz-transform:translate3d(0,-2px,0);
        box-shadow:0 15px 20px rgba(0,0,0,.1);
        -webkit-box-shadow:0 15px 20px rgba(0,0,0,.1);
        -moz-box-shadow:0 15px 20px rgba(0,0,0,.1)}


/* Public Infos Star */
.public-infos{margin:0 0 20px 0; font-size:13px; border: solid 1px #f3f3f3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 30px;}
    .public-infos .public-infos-left { float:left; width:35%; _display:inline; text-align:center;}
    .public-infos .public-infos-left img { border: solid 1px #DDD;}
    .public-infos .public-infos-left h1 { font-size:1.1em; margin-top:12px; text-align:center; font-weight:lighter;}

    .public-infos .public-infos-right { float:right; width:65%; _display:inline;}
    .public-infos .public-infos-right .public-infos-intro {  line-height: 200%; width:100%;}
    .public-infos .public-infos-right .public-infos-intro h1 { font-size:1.8em;}
    .public-infos .public-infos-right .public-infos-intro ul { margin-top: 10px;}
    .public-infos .public-infos-right .public-infos-intro ul li { font-size: 1.2em;}
/* Public Infos End */


/* Current Location Star */
.current-location { padding: 5px 0px 10px 0px; margin: 0 0 15px 0; border-bottom: dotted 1px #ececec;}
    .current-location>h1{ float: left; border-left:solid 3px #ff7e11; color: #313131; font-size: 18px; padding: 0 0 0 10px; font-weight: bold;}
    .current-location>h1>span { text-transform: uppercase; color: #666; font-weight: lighter; font-size: 12px; margin: 0 0 0 10px; }
    .current-location>a { float:right; font-weight: lighter;}
    .current-location>h2 { float: right; font-weight: lighter; font-size: 13px;}
    .current-location>h2>span { margin: 0 5px; font-family: simsun;}
/* Current Location End */

/* Current Place Star */
.current-place { padding: 5px 0px 10px 0px; margin: 0 10px 15px 10px; border-bottom: dotted 1px #ececec;}
    .current-place>h1{ float: left; border-left:solid 3px #ff7e11; color: #313131; font-size: 18px; padding: 0 0 0 10px; font-weight: bold;}
    .current-place>h1>span { text-transform: uppercase; color: #666; font-weight: lighter; font-size: 12px; margin: 0 0 0 10px; }
    .current-place>a { float:right; font-weight: lighter;}
    .current-place>h2 { float: right; font-weight: lighter; font-size: 13px;}
    .current-place>h2>span { margin: 0 5px; font-family: simsun;}
/* Current Location End */

/* Single Detail Star */
.single-detail { text-align: left;}
    .single-detail img { max-width: 100%;}
/* Single Detail Star */

/* Agency List Star */
.agency-list { margin: 20px 0 0 0;}
    .agency-list ul li { float: left; width: 20%; text-align: center; margin: 0 0 15px 0;}
    .agency-list ul li img { max-width: 100%;}
/* Agency List End */


/* Team List Star */
.team-list { width: 100%; margin: 0 auto;}
    .team-list img { max-width: 100%; }
    .team-list ul li { border-bottom: 1px solid #f2f2f2;}
    .team-list ul li .imgs { float: left; width: calc(36% - 40px);  margin-right: 40px; overflow: hidden; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    .team-list ul li a { display: block; padding: 20px 0; -webkit-transition: all .5s; transition: all .5s;}

    .team-list ul li .texts { float: right; width: 64%; text-align: left;}
    .team-list ul li .texts .titles {  margin: 14px 0 10px;  font-size: 18px;  line-height: 28px;  font-weight: normal;  color: #575757;  -webkit-transition: all .5s;  transition: all .5s;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
    .team-list ul li .texts .names { color: #999;  font-size: 14px;  line-height: 20px;  display: -webkit-box;  -webkit-box-orient: vertical;/*  -webkit-line-clamp: 3;*/ overflow: hidden;  -webkit-transition: all .5s;  transition: all .5s;}

    .team-list ul li:hover .texts .names { color: #666; }
    .team-list ul li:hover .texts .titles,
    .team-list ul li:hover .texts .names { color: #ff7e11;}
    .team-list ul li:hover .imgs { -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.3); behavior: url(ie-css3.htc);}
/* Team List End */

/* Team List Star */
#diy-list { padding: 30px 0 0 0;}

    #diy-list .container { padding: 0 5px; margin: 0 auto;}
    .diy-list { margin: 20px auto 0 auto;}
    .diy-list .items { float: left; width: 25%; padding: 0 10px; margin: 0 0 20px 0;}

    .diy-list .items .wraps { box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.08);  transition: 0.3s; }
    .diy-list .items .wraps:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);  }

    .diy-list .items .wraps figure { overflow: hidden; position: relative; background-color: #FFF; border-radius: 4px 4px 0 0;  margin: 0 auto; }
    .diy-list .items .wraps figure img { max-width: 100%;}
    .diy-list .items .wraps figure:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9;  transition: 0.3s;  }

    .diy-list .items .wraps .names { background: #fff;  text-align: center; padding: 10px 0; border-radius: 0 0 3px 3px;  }
    .diy-list .items .wraps .names h4 { font-size: 14px; line-height: 150%; font-weight:lighter;}
    .diy-list .items .wraps .names h4 a { color: #595758; }
    .diy-list .items .wraps .names h4 a:hover { color: #2c90c5;  }
/* Team List End */


/* 文字列表 Star */
.textList { margin: 18px 10px 0 10px; text-align: left;}
    .textList > li { text-align: left; border:dashed 1px #DDD; margin-bottom: 20px; padding: 20px;  -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;  }
    .textList > li > div > div > h1 {  font-size: 18px;  color: #333;  font-weight: lighter;  margin: 0px 0 10px 0;  }
    .textList > li > div > div > h1>a>span { float: right; font-size: 14px;}
    .textList > li > div > div > a {  font-size: 14px;  color: #fff; float: right;  font-weight: lighter;  background: #ff7e11;  padding: 6px 30px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
    .textList > li > div > div > a:hover { background: #ff7e11; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
/* 文字列表 End */

/*详细内容*/
.info-detail-name { text-align: left; border-bottom: dotted 1px #d6d6d6;  padding-bottom: 20px;  margin-bottom: 20px; margin-top: 10px; }
    .info-detail-name h1 { font-size: 26px;  font-weight: lighter; text-align: center; margin: 0 0 15px 0;}
    .info-detail-name h1 a { font-weight: lighter;}
    .info-detail-name span { font-size: 14px;  margin-top: 5px;  font-weight: lighter; text-align: center; display: block; }
    .info-detail-content { text-align: left; font-size: 14px; font-weight: lighter; padding-bottom: 50px;}

/* Contact Info Star */
.main-contact { padding: 0 0 30px 0;}
    .main-contact .contactsL { float: left; text-align: left;}
    .main-contact .contactsL .companys { color: #ff7e11; margin: 0 0 10px 0; font-size: 18px; font-weight: 700;}

    .main-contact .contactsR { float: right; text-align: right;}
    .main-contact .contactsR img { max-width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;}
/* Contact Info End */


/* Main Order Star */
.main-order { padding: 0 0 30px 0;}
    .main-order .orderL { float: left; text-align: left; width: 55%;}
    .main-order .orderL .btn-danger { background-color: #ff7e11; border-color: #ff7e11;}

    .main-order .orderR { float: right; text-align: right; width: 40%;}
    .main-order .orderR img { max-width: 100%; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;}
/* Main Order End */


.maps { width: 100%; height: 400px; overflow: hidden; border: solid 1px #e4e4e4; -moz-border-radius: 3px; -webkit-border-radius: 3px;  border-radius: 3px;}
	.maps img{display:inline !important;max-width:inherit !important;}


/* Main Pager Star */
.main-pages { text-align: center; padding: 20px 0;}
    .page-lists { text-align: center; margin: 0 auto;}
    .page-lists .prev-page { -moz-border-radius:3px; padding: 5px 10px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists .next-page { -moz-border-radius:3px; padding: 5px 10px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists .num-page { -moz-border-radius:3px; padding: 5px 10px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists .act { background-color: #ff7e11; border: solid 1px #ff7e11; color: #FFF;}
    .page-lists .act:hover { background-color: #ff7e11; border: solid 1px #ff7e11; color: #FFF;}
    .page-lists .ipts-page { text-align: center; width: 50px; margin-left: 10px; margin-right: 10px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
    .page-lists .btns-page { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

    .page-lists .last-page { display: none;}
    .page-lists a { margin: 0 5px;}
    .page-lists a:hover { background-color: #ddd; color: #888;}
/* Main Pager End */



@media (max-width: 992px) {
    /* Page Content Star */
    #page-contents { padding: 15px 0 15px 0; }
    #page-contents .container { padding-left: 15px; padding-right: 15px;}
    .page-contents { text-align: left; }
    .page-contents .lefts { display: none;}

    .page-contents .rights { float: none; width: 100%;}
    .page-contents .rights .products { margin: 0 auto 0 auto;}
    .page-contents .rights .products .items { float: left; width: 50%; padding: 0 10px; margin: 0 0 20px 0;}

    .page-contents .rights .products .items .wraps { transition: 0.3s; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    .page-contents .rights .products .items .wraps:hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.16);}

    .page-contents .rights .products .items .wraps figure { overflow: hidden; position: relative; background-color: #FFF; border-radius: 4px 4px 0 0;  margin: 0 auto; }
    .page-contents .rights .products .items .wraps figure img { max-width: 100%;}
    .page-contents .rights .products .items .wraps figure:hover img { filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity:0.9; opacity: 0.9;  transition: 0.3s;  }

    .page-contents .rights .products .items .wraps .names { background: #fff;  text-align: center; border-radius: 0 0 3px 3px;  }
    .page-contents .rights .products .items .wraps .names h4 { font-size: 14px; height: 32px; line-height: 32px; overflow: hidden; font-weight:lighter;}
    .page-contents .rights .products .items .wraps .names h4 a { color: #595758; }
    .page-contents .rights .products .items .wraps .names h4 a:hover { color: #2c90c5;  }

    .page-contents .contents { float: none; width: 100%; padding: 15px 20px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; background-color: #FFF; -webkit-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.1); behavior: url(ie-css3.htc);}
    /* Page Content End */

    /* Current Location Star */
    .current-location { padding: 5px 0px 10px 0px; margin: 0 0 15px 0; border-bottom: dotted 1px #ececec;}
    .current-location>h1{ float: left; border-left:solid 3px #ff7e11; color: #313131; font-size: 18px; padding: 0 0 0 10px; font-weight: bold;}
    .current-location>h1>span { text-transform: uppercase; color: #666; font-weight: lighter; font-size: 12px; margin: 0 0 0 10px; }
    .current-location>h2 { display: none;}
    /* Current Location End */

    /* Current Place Star */
    .current-place { padding: 5px 0px 10px 0px; margin: 0 10px 15px 10px; border-bottom: dotted 1px #ececec;}
    .current-place>h1{ float: left; border-left:solid 3px #ff7e11; color: #313131; font-size: 18px; padding: 0 0 0 10px; font-weight: bold;}
    .current-place>h1>span { text-transform: uppercase; color: #666; font-weight: lighter; font-size: 12px; margin: 0 0 0 10px; }
    .current-place>a { float:right; font-weight: lighter;}
    .current-place>h2 { display: none;}
    /* Current Location End */

    /* Public Infos Star */
    .public-infos{margin:0 0 20px 0; font-size:13px; border: solid 1px #f3f3f3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; padding: 10px;}
    .public-infos .public-infos-left { float:none; width:100%; _display:inline; text-align:center;}
    .public-infos .public-infos-left img { border: solid 1px #DDD;}
    .public-infos .public-infos-left h1 { font-size:1.1em; margin-top:12px; text-align:center; font-weight:lighter;}

    .public-infos .public-infos-right { float:none; width:100%; _display:inline; margin: 15px 0 0 0;}
    .public-infos .public-infos-right .public-infos-intro {  line-height: 200%; width:100%;}
    .public-infos .public-infos-right .public-infos-intro h1 { font-size:1.8em;}
    .public-infos .public-infos-right .public-infos-intro ul { margin-top: 10px;}
    .public-infos .public-infos-right .public-infos-intro ul li { font-size: 1.2em;}
    /* Public Infos End */

    /* Agency List Star */
    .agency-list { margin: 20px 0 0 0;}
    .agency-list ul li { float: left; width: 50%; text-align: center; margin: 0 0 15px 0;}
    .agency-list ul li img { max-width: 100%;}
    /* Agency List End */

    /* Team List Star */
    .diy-list .items { width: 50%;}
    /* Team List End */

    /* Main Pages Star */
    .main-pages { text-align: center; padding: 20px 0;}
        .page-lists { text-align: center; margin: 0 auto;}
        .page-lists>.prev-page { -moz-border-radius:3px; padding: 5px 5px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
        .page-lists>.next-page { -moz-border-radius:3px; padding: 5px 5px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

        .page-lists>.num-page { display: none; -moz-border-radius:3px; padding: 5px 10px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
        .page-lists>.act { background-color: #ca1911; border: solid 1px #ca1911; color: #FFF;}
        .page-lists>.act:hover { background-color: #ca1911; border: solid 1px #ca1911; color: #FFF;}
        .page-lists>.ipts-page { text-align: center; width: 30px; margin-left: 5px; margin-right: 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}
        .page-lists>.btns-page { -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

        .page-lists .last-page { display:inline-block; -moz-border-radius:3px; padding: 2px 10px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #ccc;}

        .page-lists .mobile-page { display: block; margin: 10px 0 0 0;}

        .page-lists a { margin: 0 2px;}
        .page-lists a:hover { background-color: #ddd; color: #888;}
    /* Main Pages End */

    /* Main Order Star */
    .main-order { padding: 0 0 30px 0;}
    .main-order .orderL { float: none; text-align: left; width: 100%;}
    .main-order .orderL .btn-danger { background-color: #ff7e11; border-color: #ff7e11;}

    .main-order .orderR { display: none;}
    /* Main Order End */

}


@media (min-width: 992px) {


}

@media (min-width: 1200px) {


}

@media (min-width: 1366px) {


}

@media (min-width: 1500px) {


}