/*            html,body {
                margin: 0;
                padding: 0;
                width: 100%;
                height: auto!important;
                font-family: Roboto,"微軟正黑體",Helvetica,Arial,sans-serif !important;
            }*/
            .wrapper_box{ max-width: 800px; margin:0 auto; }
            /*-- popout content style  --*/
            .poput_div{ padding:10px 0px;  }
            .poput_txt_h1{ font-size: 34px; line-height: 1.3; font-weight: 600; color: #2d2d2d; margin-bottom: 10px;}
            .poput_txt_h2{ font-size: 25px; line-height: 1.3; font-weight: 400; color: #2d2d2d; }
            .poput_txt_h4{ font-size:20px; font-weight:600; margin-top:30px; margin-bottom:30px; color:#2d2d2d;}
            .poput_txt_dat{ font-size: 16px; line-height:1; font-weight: 400; color: #95a3a9; letter-spacing: 0.5px; text-align: right; line-height: 30px; }/*內文日期*/
            .poput_txt{ font-size: 17px; line-height: 30px; letter-spacing: 0.5px; text-align: justify; font-weight: 400; color: #222222; /*margin-bottom: 17px;*/}/*內文文字*/
            .poput_picbox{font-size: 15px; font-weight: 400; line-height: 22px; background-color: #f5f5f5; padding: 10px 5px 10px 15px; color: #222222; letter-spacing: 1px;}/*縮圖內文文字*/
            .poput_hearbox{
                background: #f7f7f7;
                background: -moz-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
                background: -webkit-linear-gradient(top, #f7f7f7 0%,#e8e8e8 100%);
                background: linear-gradient(to bottom, #f7f7f7 0%,#e8e8e8 100%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );
                background-color:#f7f7f7;
                border-bottom:1px solid #cccccc;
                height: 39px;
            }
            .poput_small img{  padding:10px 10px; }
            .poput_pagetitle{ background: #b62125; display: inline-block; margin-bottom: 10px; margin-top: 55px;}
            /*.poput_pagetitle:first-child{ margin: 5px 5px 0px; }*/
            .poput_pagetitle span{ font-size:14px; font-weight:400;}
            .poput_pagetitle a{
                padding: 2px 7px;
                color: #fff;
                margin-right: 3px;
                margin-bottom: 3px;
                display: inline-block;
                line-height: 1.7;
                max-width: 150px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                vertical-align: top;
                letter-spacing: 1px;
            }
            .m_bottom_15{ margin-bottom: 15px; }

            .fancybox-title-outside-wrap{ letter-spacing: 1px!important; }
            @media screen and (max-width: 2048px) {
                /*.right_box{ margin-top: -20px; }*/                
            }            
            @media screen and ( min-width: 1366px){
                .popoput_text_box{ clear: both; }
            }
            @media screen and (min-width: 1023px){
/*                .left_box{ position: fixed; }*/
                .right_box{ float: right; margin-top: 95px; }
                /*.footer_popul{ position: fixed; bottom: 0; }*/
            }
            @media screen and (max-width: 1023px) {
                .fancybox-nav span {
                    visibility: visible;
                    width: 36px;
                    height: 34px;
                }

                .fancybox-prev span{
                    left: -17px;
                }

                .fancybox-next span{
                    right: -17px;
                }
            }    
            @media screen and (min-width: 813px){ *
                                                  
                .poput_txt_dat{ text-align: left; }
            }        
            @media screen and (max-width: 812px) { 
                .poput_small img{ padding:5px 5px!important;}
                .poput_txt_dat{ text-align: left;}
                .poput_pagetitle{ margin-top: 55px;}
                .right_box{ margin-top: 0px; }
                .f_md_none{ float: left;}
                ul.poput_hear_icon_box_right{ position: absolute; }
            }
            @media screen and (min-width: 813px){
                .poput_txt_dat{/*margin-top: 50px;*/ text-align: left; vertical-align: top; margin: 12px 0 15px; line-height: 0px; height: 0px;}
                .f_lg_none{ float: none; }
                .poput_txt_h1{ padding-right: 20px;}
            }
            ul.poput_hear_icon_box, ul.poput_hear_icon_box_right{ height: 36px; line-height: 36px;}
            li.poput_hear_icon{ display:inline;;}
            .footer_popul{ display: block; 
                           background: #e6e6e6; 
                           padding: 5px 0;
                           background: #f7f7f7;
                           background: -moz-linear-gradient(top, #f7f7f7 0%, #e8e8e8 100%);
                           background: -webkit-linear-gradient(top, #f7f7f7 0%,#e8e8e8 100%);
                           background: linear-gradient(to bottom, #f7f7f7 0%,#e8e8e8 100%);
                           filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#e8e8e8',GradientType=0 );
                           background-color: #f7f7f7;
                           /*width: 100%;*/
            }
            .footer_popul p{ font-size: 13px; font-weight: 100; padding: 5px 0; }
            /*-- / poput --*/
            .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{ padding-left:0px; padding-right: 0px; }

            .dropcap, .dropcap-circle-outline {
                display: inline-block;
                float: left;
                margin: 8px 15px -5px 0;
                color: #b62125;
                border: 2px  #b62125 solid;
                padding: 0 11px;
                border-radius: 50%;
                min-width: 74px;
                font-size: 52px;
                text-align: center;
                line-height: 72px;
                border-radius: 10%;
                font-family: "微軟正黑體", "新細明體", "細明體";
                height: 74px;
                text-transform: uppercase;
            }
            
            .p_sm_top_10{
                padding-top: 10px;
            }
            
            .right_box{
                margin-top:0px;
            }