/* Section Header One Star */
.section-header-one { text-align: center; margin: 30px auto;}
    .section-header-one h2 { padding-top: 0;}
    .section-header-one h2 i { display: block; line-height: 100%; font-size: 22px; font-style: normal; font-weight: 700; background: url("../img/section-header-one.png") no-repeat center; color: #333;}
/* Section Header One Star */


/* Page Banner Star */
#page-banner { display: block; overflow:hidden;}
	#page-banner img { max-width:100%;}
/* Page Banner End */

/* Main Banner Star */
.main-banner { /*background: url('../img/banner/mainBanner.jpg') center no-repeat; background-size: cover;*/}
/* Main Banner End */

/* Current Location Star */
#current-location { margin: 20px 0;}
    .current-location { background: #f2f2f2; border: 1px solid #ccc; padding: 5px 10px;}
    .current-location i { color: #c30511; margin: 0 5px 0 0;}
    .current-location span { margin: 0 5px; font-size: 12px;}
/* Current Location End */


/* Page Content Star */
#page-content { margin: 20px 0;}
    .page-content { }
    .page-content .pageL { float: left; width: 22%;}
    .page-content .pageR { float: right; width: 76%; border: 1px solid #ccc; min-height: 650px;}
    .page-content .downR { float: right; width: 76%; min-height: 650px;}
    .page-content .proR { float: right; width: 76%; min-height: 650px;}
    .page-content .newsR { float: right; width: 76%; border: 1px solid #ccc; min-height: 650px; padding: 20px 25px;}
/* Page Content End */

/* Single Page Star */
.single-page { padding: 35px 25px;}
    .single-page img { max-width: 100%;}
    .single-page .headings { font-weight: 700; font-size: 22px; text-align: center; color: #333; margin: 0 0 30px 0;}

    .single-page .contacts { min-height: 320px; /**background: url('../img/contactImg.jpg') right top no-repeat;**/}
    .single-page .contacts .company { color:#c30511; font-size: 20px; font-weight: 700; margin: 0 0 15px 0;}
    .single-page .contacts .reds { color: #c30511; font-weight: 700; }

    .single-page .maps { margin: 30px 0 0 0; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; overflow: hidden;}
    #dituContent { height: 410px;}
/* Single Page End */

/* Current Place Star */
.current-place { padding: 5px 0px 10px 0px; border-bottom: dotted 1px #ccc;}
    .current-place>h1{ float: left; border-left:solid 3px #C30511; 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 */

/* Pages Star */
.pages{ text-align: center;padding: 30px 0;font-size: 13px; font-family:Verdana,Arial,Helvetica,sans-serif; }
    .pages .item { font-family: simsun; display: inline-block; vertical-align: top; margin: 0 2px 2px 2px; border: 1px solid #eaeaea; line-height: 40px; min-width: 20px; text-align: center; padding: 0 10px; text-transform:capitalize;}
    .pages .on { background: #eaeaea;}
/* Pages End */

/* Main Pager Star */
.pro-detail { min-height: 650px; margin-top: 20px; padding: 30px 20px; border: 1px solid #ccc;}
    .pro-detail h2.names { font-size: 28px; font-weight: 700; color: #333; text-align: center; padding-bottom: 10px;}
    .pro-detail .infos { text-align: center; font-size: 14px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px dotted #ccc; }

    .pro-detail .intros { }
    .pro-detail .intros .imgs { border: 1px solid #e7e7e7; width: 25%; float: left;}
    .pro-detail .intros .contents { width: 72%; float: right;}
    .pro-detail .intros .contents p { margin: 0 0 10px 0;}
    .pro-detail .intros .contents .outlines { text-align: justify; line-height: 25px; padding: 10px; background: #FFFFCD; border: 1px solid #ccc; }
    .pro-detail .intros .contents .outlines i { color: #ff0000; font-style: normal; }
/* Main Pager End */

/* News Star */
ul.news { margin: 15px 0 0 0;}
    ul.news li { height: 44px; line-height: 44px; padding-left: 20px; background: url('../img/arrow.png') left center no-repeat; border-bottom: 1px solid #ccc;}
    ul.news li a { width: calc(100% - 120px); height: 44px; overflow: hidden; transition: all 1s linear 0s; -moz-transition: all 1s linear 0s; -webkit-transition: all 1s linear 0s; -o-transition: all 1s linear 0s; float: left;}
    ul.news li span { float: right; color: #666; width: 120px; text-align: right;}
    ul.news li:hover a { padding-left: 20px; color: #c30511;}
/* News End */

/* Content Message Star */
.content-message { margin: 0 0 50px 0; text-align: left;}
    .content-message h3 { width: 145px; height: 46px; font-size: 18px; line-height: 46px; text-align: center; color: #fff; background: #686868; font-weight: 700;}
    .content-message .form-content { border: 1px solid #bbb; background: url("../img/message-bg.jpg") no-repeat center bottom #fff; padding: 40px 15%;}

    .content-message ul.list li { margin-bottom: 10px; font-size: 14px; line-height: 35px; color: #666; overflow: hidden;}
    .content-message ul.list li label { display: inline-block;  width: 120px;  color: #666;  vertical-align: top;  text-align: right;  height: 33px;  line-height: 33px;  overflow: hidden;}
    .content-message ul.list li label b { color: #f00; }
    .content-message ul.list li label span { font-weight: 700;}
    .content-message ul.list li input.inputs { width: 73%; margin-right: 10px; outline: none; padding-left: 10px; border: 1px solid #eee; height: 33px; line-height: 32px;  color: #666; box-sizing: border-box; }

    .content-message ul.list li textarea.textareas { width: 73%; height: 102px; line-height: 24px; border: 1px solid #eee; outline: none; resize: none; overflow: auto; margin-right: 10px;  padding-left: 10px;  box-sizing: border-box;}

    .content-message ul.list li .getcode { vertical-align: middle; height: 39px; margin: 0 0 0 5px;}

    .content-message ul.list li.buttons { padding-left: 126px;}
    .content-message ul.list li.buttons input { background: #c30511; width: 80px; height: 30px; line-height: 30px; border: 0; text-align: center; margin-right: 30px; color: #fff; padding-left: 0; cursor: pointer;}
/* Content Message End */

/* Frame Map Start */
.frame-map { position: relative; overflow: hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; border: solid 1px #EEE;}
.frame-map img { max-width: 100%;}
.frame-map .floating { text-align: left; position: absolute; left: 20px; top: 20px; background: rgba(255,255,255,0.9); border: solid 1px #EEE; color: #333; padding: 20px; overflow: hidden; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;}
.frame-map .floating dl dt { font-weight: 700; margin-bottom: 10px;}
.frame-map .floating dl dd .details { display: inline-block; margin-top: 8px; overflow: hidden; padding: 5px 10px; color: #60cbff; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; border: solid 1px #60cbff; transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;  -o-transition: all 0.6s;}
.frame-map .floating dl dd .details:hover { color: #FFF; background: #60cbff;}
/* Frame Map End */

@media screen and (max-width: 1920px){

}

@media screen and (max-width: 1500px){

}

@media screen and (max-width: 1366px){

}

@media screen and (max-width: 1200px){

}

@media screen and (max-width: 991px){


    /* Page Content Star */
    .page-content .pageL { display: none;}
    .page-content .pageR { float: none; width: 100%;  min-height: auto;}
    .page-content .downR { float: none; width: 100%; min-height: auto;}
    .page-content .proR { float: none; width: 100%; min-height: auto;}
    .page-content .newsR { float: none; width: 100%; min-height: auto; padding: 20px 25px;}
    /* Page Content End */

    /* Single Page Star */
    .single-page { padding: 25px 20px;}
    .single-page .contacts { min-height: auto;}
    .single-page .maps { margin-top: 20px;}
    /* Single Page End */

    /* Main Pager Star */
    .pro-detail { min-height: auto; padding: 20px 15px; }
    .pro-detail h2.names { font-size: 24px;}

    .pro-detail .intros .imgs { width: 100%; float: none; text-align: center; margin-bottom: 10px;}
    .pro-detail .intros .contents { width: 100%; float: none;}
    /* Main Pager End */

    /* Current Place Star */
    .current-place>h1{ float: none; border-left:solid 3px #C30511; color: #313131; font-size: 18px; padding: 0 0 0 10px; font-weight: bold;}
    .current-place>h2 { display: none;}
    /* Current Location End */

    /* Page Banner Star */
    #page-banner { margin-top: 52px;}
    /* Page Banner End */

    /* Frame Map Start */
    .frame-map .floating { left: 10px; top: 10px; padding: 10px;}
    .frame-map .floating dl dt { margin-bottom: 5px;}
    /* Frame Map End */
}

@media screen and (max-width: 767px){

}

@media screen and (max-width: 450px){

}