/*
 * Style tweaks
 * --------------------------------------------------
 */
html,
body {
  overflow-x: hidden; /* Prevent scroll on narrow devices */

}
body {
  padding-top: 70px;
}
footer {
  padding: 30px 0;
}
img {
  max-width: 100%;
  height: auto;
}
.box {
width: 300px;
}



    .st_place1
    {
        height: 40px;
        background-color: #669900;
        color:White;
        text-align:center;
        font-weight:bold; 
     
    }
    .st_place2
    {
        background-color: #FFFFCC;
        text-align:center;    
        font-size:10pt;

    }
    .st_place3
    {
        background-color: #cc6600;
         height: 40px;
         color:White;
         text-align:center;   
         font-weight:bold;  
         font-size:10pt;           
         
    }

.myBanner {
    height: 200px;
    background-repeat: no-repeat;    
    background-size:100% 200px; 
}


#R2.box2{

overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


.JQellipsis {
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}


/*#R1{    
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

 */

/*#R1 ul,li {    
overflow:hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
*/

#R2.li{    
overflow:hidden;
width:100%;

white-space: nowrap;
text-overflow: ellipsis;
}

#R2 table,tbody {
    background-color: #fff;    
    
}
#R2. tr:nth-child(odd){

    background-color: tomato;
}
#R2.tr:nth-child(even){
    background:  #FAFAFA;
}    

/*滑鼠移動時切換顏色*/
/*#R2 div,table,tbody tr:hover {
	background-color: lemonchiffon ;
}*/

tr:nth-child(even){
    background:  #FAFAFA;
    }

/*li {
    color: #427aa9;
}
*/
#R2 img.arr{
    icon:url('img/arrow.gif');
    /*list-style-image:url('img/arrow.gif');*/   
}

/*#R3 li{
max-width:500 ;*//*具体数值自行修改，下一行相同*/
/*width:expression(document.body.clientWidth>100?"100px":"auto");
overflow: hidden;

width:100%;
word-break:keep-all;*//* 不换行 */
/*white-space: inherit;*//* 不换行 */
/*}*/

#R3 table{
word-break: break-all;/* 不换行 */
white-space: initial;/* 不换行 */
overflow:  initial;/* 内容超出宽度时隐藏超出部分的内容 */
/*text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/   
}

.panel-title {
    padding: 5px 5px;
    background-color: orange;
}


.st_place1
{
	height: 40px;
	background-color: #669900;
	color:White;
	text-align:center;
	font-weight:bold;      
}
.st_place1_blue
{
	height: 40px;
	background-color: steelblue;
	color:White;
	text-align:center;
	font-weight:bold;      
}
.st_place2
{
	background-color: #FFFFCC;
	text-align:left;
	vertical-align: central;
}
.st_place3
{
	background-color: #cc6600;
	 height: 40px;
	 color:White;
	 text-align:center;   
	 font-weight:bold;   
}


/*
 * Off Canvas
 * --------------------------------------------------
 */
@media screen and (max-width: 767px) {
  .row-offcanvas {
    position: relative;
    -webkit-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }

  .row-offcanvas-right {
    right: 0;
  }

  .row-offcanvas-left {
    left: 0;
  }

  .row-offcanvas-right
  .sidebar-offcanvas {
    right: -50%; /* 6 columns */
  }

  .row-offcanvas-left
  .sidebar-offcanvas {
    left: -50%; /* 6 columns */
  }

  .row-offcanvas-right.active {
    right: 50%; /* 6 columns */
  }

  .row-offcanvas-left.active {
    left: 50%; /* 6 columns */
  }

  .sidebar-offcanvas {
    position: absolute;
    top: 0;
    width: 50%; /* 6 columns */
  }
}

/*
@font-face {
  font-family: 'FontAwesome';
  src: url('dist/font-awesome/fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('dist/font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), 
  url('dist/font-awesome/fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'),
   url('dist/font-awesome/fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), 
   url('dist/font-awesome/fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), 
   url('dist/font-awesome/fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight:700;
  font-style: normal;
}
*/
/*@font-face {
  font-family: 'FontAwesome';
  src: url('dist/font-awesome/fonts/fontawesome-webfont.eot');
  src: url('dist/font-awesome/fonts/fontawesome-webfont.eot') format('embedded-opentype'), 
  url('dist/font-awesome/fonts/fontawesome-webfont.woff2') format('woff2'),
   url('dist/font-awesome/fonts/fontawesome-webfont.woff') format('woff'), 
   url('dist/font-awesome/fonts/fontawesome-webfont.ttf') format('truetype'), 
   url('dist/font-awesome/fonts/fontawesome-webfont.svg') format('svg');
  font-weight:700;
  font-style: normal;
}*/

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}
.fa-2x {
  font-size: 2em;
}
.fa-angle-up:before {
  content: "\f106";
}

/*==================     ToTop     ======================*/
.toTop {
  width: 35px;
  height: 35px;
  font-size: 20px;
  line-height: 22px;
  color: #FFFFFF;
  background: #0094ff;  
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  position: fixed;
  right: 60px;
  bottom: 100px;
  display: none;
  overflow: hidden;
  text-align: center;
  text-decoration: none;
  z-index: 30;
}

.toTop:hover {
  color: #FFFFFF;
  background: #226174;
  text-decoration: none;
}


@media (min-width: 980px) and (max-width: 1199px) {
	.toTop {
	  right: 10px;
	}
}

@media (min-width: 768px) and (max-width: 979px) {
	.toTop {
	  right: 10px;
	}
}

@media (max-width: 767px) {
	.toTop {
	  right: 10px;
	}
}

@media (max-width: 479px) {
	.toTop {
	  right: 5px;
	}
}


body.offcanvas-active {
    overflow: hidden;
}

.offcanvas-header {
    display: none;
}

.screen-darken {
    height: 100%;
    width: 0%;
    z-index: 30;
    position: fixed;
    top: 0;
    right: 0;
    opacity: 0;
    visibility: hidden;
    background-color: rgba(34, 34, 34, 0.6);
    transition: opacity .2s linear, visibility 0.2s, width 2s ease-in;
}

    .screen-darken.active {
        z-index: 10;
        transition: opacity .3s ease, width 0s;
        opacity: 1;
        width: 100%;
        visibility: visible;
    }

/* ============ mobile view ============ */
@media all and (max-width: 991px) {

    .offcanvas-header {
        display: block;
    }

    .mobile-offcanvas {
        visibility: hidden;
        transform: translateX(-100%);
        border-radius: 0;
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        height: 100%;
        z-index: 1200;
        width: 80%;
        overflow-y: scroll;
        overflow-x: hidden;
        transition: visibility .3s ease-in-out, transform .3s ease-in-out;
    }

        .mobile-offcanvas.show {
            visibility: visible;
            transform: translateX(0);
        }

        .mobile-offcanvas .container, .mobile-offcanvas .container-fluid {
            display: block;
        }
}
/* ============ mobile view .end// ============ */