@media only screen and (min-width: 1024px){
    .gototop {
        display: none;
    }

}
@media only screen and (max-width: 1024px){
    #next_page {
        display: none;
    }



}
@media only screen and (max-width: 768px){
    #contentbg,#bagdinav ul,#bagdinav,#content {
        width: auto;
    }

}
@media only screen and (max-width: 768px){
    .navbar-toggle {
        position: absolute;
        float: left;
        padding: 9px 0;
        margin-top: 0;
        margin-bottom: 0;
        right: 0%;
        top: 15%;
        background-color: transparent;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 4px;
    }
    .sr-only {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }
    .icon-bar {
        background: #e2a72e;
    }
    .navbar-toggle .icon-bar {
        display: block;
        width: 30px;
        height: 2px;
        margin-bottom: 5px;
        border-radius: 1px;
    }
    #bagdinav ul li a {
        padding: 12px 13px;
        display: block;
        color: #FFC107;
        text-decoration: none;
        font-size: 14px;
        font-family: 'PMingLiU';
    }
    #bagdinav ul li ul {
        position: relative;
        width: 100%;
    }
    #bagdinav ul li ul li {
        margin: 0;
        padding: 0;
    }
    #bagdinav ul li ul li a {
        background: none;
        font-size: 13px;
        color: #fefad7;
        background: none;
        padding: 6px 0;
        text-decoration: none;
    }
    #bagdinav ul li a:hover {
        color: #000;
    }

    .index_text {
        left: 4px !important;
    }
    .indexbg img {
        width: 100%;
    }
    body,#bagdinav {
        min-width: auto;    
        width: 100%;
    }
    #subtitle {
        padding: 0 0 5px 0;
        background: rgb(255, 246, 228);
    }
    #bagdinav ul {
        width: 100%;
        margin: auto;    
        padding: 0;    
        background: #000;
    }
    .desktopUsed{
        display: none;
    }
    #bagdinav ul li {
        width: 100%;
    }    

    #subtitle img {
        max-width: 100%;
    }
    #bagditop {
        min-width: auto;
        width: 100%;
        padding-top: 10px;
        height: auto;
        padding-bottom: 10px;
    }
    div#tmpSlideshow {
        margin: 0;
        width: auto;
        height: auto;
        padding: 10px;
    }

    div#tmpSlideshowControls {
        position: relative;
        z-index: 100;
        top: 0;
        left: 0;
        margin: 10px auto 0 auto;
        width: 100%;
        display: inline-block;
        text-align: center;
    }
    div.tmpSlide img {
        width: 100%;
    }
    #subwin {
        width: 100% !important;
        height: auto !important;
        float: left !important;
        margin: 20px 0;
        position: relative;
        background: #fff6e4  !important;
        border: 1px solid #bdb2b2;
        border-radius: 5px;
    }
    div.tmpSlideCopy {
        left: 0;    
        padding: 10px;
        bottom: 0;
        position: relative;
        width: auto;
        z-index: 9;
    }
    div.tmpSlide {
        position: initial;    
        width: auto;
    }

    #intro {
        width: 100% !important;
        margin: 0 !important;
        min-height: auto;
        padding: 0;
    }

    #intro ul li {
        padding: 2px 1px 1px 1px;
        list-style: none;
        text-align: center;
        width: 33.3%;
        float: left;
    }

    #intro ul#chose li {
        color: #81511C;
        font-size: 13px;
        list-style: none;
        width: 25%;
        padding: 0;
        text-align: center;
        float: left;
        width: 33.3%;
        padding:2px 1px 1px 1px;
    }

    #intro ul#goods li {
        color: #81511C;
        font-size: 13px;
        list-style: none;
        width: 25%;
        text-align: left;
        width: 50%;
    }
    #intro ul#goods2 li {
        color: #81511C;
        font-size: 13px;
        list-style: none;
        width: 25%;
        text-align: left;
        width: 50%;
        padding: 2px 0px 0px 20px;
    }

    .web_boxnowhite{
        width:100%;
        margin:0;
    }

    .web_boxlong2 {
        width: 100%;
    }
    img.pdf_link{
        width:30%;
    }

    .web_txt_p{
        line-height: 18px;
        margin:10px;
    }

    #breadcrumb {
        padding: 20px 0px 10px 0%;
        color: #cc6b1b;
        text-shadow: 1px 1px 0px #fff;
        font-weight: 600;
    }

    #intro .ann_sub_header li {
        list-style: none;
        display: inline-block;
        text-align: left;
        width: 100%;
        float:inherit;
        padding: 0px 0px 0px 15px;
    }

    .web_box{
        margin: 0px 0px 20px 0px;
        width: 100%;
    }

    #intro ul#list {
        position: relative;
        font-size: 13px;
        line-height: 2;
        padding: 0;
        top:0px;
        left:0px;
        text-align: left;
    }

    #intro ul#list li{
        width:100%;
        text-align: left;
    }

    .indexbg {
        width: 100% !important;
        background: rgb(255, 246, 228);
    }
    #bagdicon,#contentbg,#contactbg_main{
        width: 100%;
        min-width: auto;   
        background: none;

    }
    #content{
        width:auto !important;
        min-width: auto;
    }
    #content{
        background: rgb(255, 246, 228);
    }
    #bagdifoot {
        min-width: auto;
        height: 100%
    }

    #abgne-block-20120804 img {
        border: none;
        width: 100%;
        height: 100%; 
    }
    div.tmpSlideshowControl {
        margin: 0 0 10px 0;
    }
    ul#chose {
        position: relative;
        top: 0px;
        left: 0;
        width: 100%;
        line-height: 30px;
        padding: 0;
        margin: 0;
    }
    #slide {
        width: auto;
        position: relative;
        top: 0;
        right: 0;
    }
    #bigPic {
        width: 100%;
        padding: 0px;
        margin-bottom: 10px;
        float: right;
        margin-top: 10px;
        height: 240px;   
        min-height: 100px;
    }
    #bigPic img {
        width: 100%;
        height: auto;
    }
    ul#thumbs li {
        margin: 0 5px 5px 0;
        width: auto;
    }
    ul#thumbs li.active {
        padding: 0 0 0 0px;
        opacity: 1;
    }
    ul#thumbs {
        z-index: 1;
        width: 100%;    
        margin: 0 auto 30px 0px;
        background: none;
        padding: 0;
    }
    #next_page,#prev_page {
        display: none;
    }

    .web_boxlong{
        width: 100%;
    }
    table a img{
        width:100%;
    }

    img.infro1_link,img.infro3_link,img.infro4_link105,img.infro4_link104,img.infro4_link103 {
        width: 100%;
        margin-top: 10px;
        margin-left: 0px;
    }
    div small{
        width:100%;
    }
    #intro .left {
        float: none;
        width: 100%;
        /*border-radius: 100px;*/
        /*border-top: 1px solid #e29454;*/
        padding: 20px;
        border-right: 0px;
        /*background-color: rgba(208, 122, 52 ,0.04)*/
    }
    #intro .right {
        float: none;
        width: 100%;
        /*border-radius: 100px;*/
        /*border-bottom: 1px solid #e29454;*/
        padding: 10px;
        margin-bottom: 10px;
    /*    background-color: rgba(208, 122, 52 ,0.0*/4)
    }

    #funiralbox{
        width:100%;
    }

    #message{
        width: 100%;
    }

    #introlist{
        position:absolute;
        text-shadow: 1px 1px 0px #fff;
        padding: 89px 38px 38px 37px;
    }

    #intro ul#goods3 li {
        color: #81511C;
        font-size: 13px;
        width: 25%;
        text-align: left;
        width: 50%;
    }

    #introleft {
        width: 100%;
        float: right;
        border-right: 0px dashed #4c310b;
        margin: 10px 0px -7px 0px;
        padding: 0px 10px;
    }

    #introright {
        width: 100%;
        float: right;
        padding-left: 0px;
        margin-top: 10px;
        padding: 10px 10px;
    }

    #intro ul {
        font-size: 13px;
        color: #996c33;
        line-height: 21px;
        text-align: left;
        list-style: url(images/icon2s.png) inside;
        list-style: url(images/icon2.png) inside !important \9;
        margin: 0 0 0 10px;
        padding: 0;
        float: left;
    }

    #message_title {
        width: 100px;
        }
    .messageabcd{
        margin: 20px 4px 10px 0px;
    }

    #addr {
        right: 190px !important;
    }
    #send {
        padding-left: 85px;
    }

    #intro div {
        clear: both;
        margin-bottom: 11px;
    }

    #intro ul#chose li a {
        color: #81511c;
        text-decoration: none;
        display: block;
        padding: 2px 1px 1px 1px;
    }

    #intro p a{
        margin-left: 10px;
    }

    #slide ul li {
        padding: 0px;
    }

    #contactbg_main {
        background: rgb(255, 246, 228);
    }

    #messagereply {
        width: 100%;
    }
    #intropre{
        text-align: left;
    }

    #introright ul {
        padding:0px 0px 0px 30px;
    }

    #introleft ul {
        padding:0px 0px 0px 30px;
    }

    .web_txt{
        text-align: left;
    }

    .web_txt_p ol {
        margin: 0 0 0 -35px;
    }

    .web_txt_p ol li {
        line-height: 25px;
        width: 100%;
    }
    #abgne-block-20120804 .desc-block {
        width: auto;
    }
    .gototop {
        padding: 10px 7px 0px 8px;
        color: #ffffff;
        line-height: 21px;
        text-decoration: none;
        font-family: Arial, Helvetica, sans-serif;
        float: right;
        position: fixed;
        bottom: 20px;
        right: 15px;
        width: 40px;
        height: 40px;
        background: #cc6b1b;
        border-radius: 100px;
        opacity: 0.8;
    }

    .gototop a:hover {
        text-align: right;
        color: #f5f5f5;
        font-size: 12px;
        line-height: 21px;
    }

    .gototop a {
        text-align: right;
        text-decoration: none;
        color: #ffffff;
        font-size: 12px;
        line-height: 21px;
        text-decoration: none;
    }
    #abgne-block-20120804 .thumbs .prev {
        top: -6px;
    }
    #abgne-block-20120804 .thumbs .prev, #abgne-block-20120804 .thumbs .next {
        left: 20px;
        width: 13px;
        height: 6px;
    }

    #abgne-block-20120804 .thumbs .next {
        bottom: -7px;
        background-position: 0 -27px;
        top: 340px;
    }

    .web_txt_p p {
        line-height: 24px;
    }

}

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

    #abgne-block-20120804 .desc-bg, #abgne-block-20120804 .desc-title {
        position:unset;
        width: 100%;
        bottom: 30px;
        right: -148px;
        padding: 4px 10px;
        text-align: left;
    }
    .financial_report a img {
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }  

    #abgne-block-20120804 {
        width: auto  !important;
        height: 650px;
        padding: 6px 10px;
        margin: 0 0 0 0;
        position: relative;
        background-image: url(images/membg.png);
        /* background-repeat: no-repeat; */
        /* background-size: cover; */
        background-color: #fff;
        border-radius: 10px;
        text-align: center;
    }
    #addr {
        color: #6a3906;
        line-height: 20px;
        position: inherit;
        margin-top: 46px;
        right: 205px !important;
        text-align: center;
    }

    .addr_qrcode {
        position: inherit;
        right: 25px;
        text-align: center;
    }
    img.pdf_link{
        width:100%;
    }
    #abgne-block-20120804 .thumbs .prev {
        top: 0px;
    }
    #abgne-block-20120804 .photo {
        width: calc( 100% - 105px);
    }
    #abgne-block-20120804 .thumbs .next {
        bottom: -7px;
        background-position: 20px -27px;
        top: 360px;
        width: 100%;
        left: 0;
        height: 15px;
    }
    #abgne-block-20120804 .thumbs .prev {
        top: 10px;
        width: 100%;
        left: 0;
        background-position: 20px -21px;
    }
    #abgne-block-20120804 .thumbs {
        padding-top: 23px;
    }
}
@media only screen and (max-width: 380px){

    #abgne-block-20120804 {
        height: 575px;
    } 
}
@media only screen and (max-width: 360px){

    #abgne-block-20120804 {
        height: 545px;
    } 
}
@media only screen and (max-width: 320px){

    #abgne-block-20120804 .photo {
        width: 185px;
    }
    .navbar-toggle .icon-bar {
        width: 20px;
    }    
}