 
/* custom style */
/* 36 */
.body-cpage-36 {
height:100%;
background:url(/sysdata/attach/layout.css/ee9274325e391544d520d10844aaf14c.jpg) no-repeat;
background-position: 0 150px; 
  background-attachment:fixed;
  background-position:top;
}
.body-cpage-36 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}
.body-cpage-36 #sys-canvas{
      height: 50px;
  
}

.body-cpage-36 
#page {
  background:transparent;
}
/* 35 */
.body-cpage-35 {
height:100%;
background:url(/sysdata/attach/layout.css/bcc00b18ff3edfd2481dd1a6e06b6115.jpg) no-repeat;
background-position: 0 150px; 
  background-attachment:fixed;
  background-position:top;
}
.body-cpage-35 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}
.body-cpage-35 #sys-canvas{
      height: 50px;
  
}

.body-cpage-35 
#page {
  background:transparent;
}
/* 31 */

.body-cpage-31 {
height:100%;
background:url(/sysdata/attach/layout.css/12e120a9490f5973dae5f9bf419aeebb.jpg) no-repeat;
background-position: 0 150px; 
  background-attachment:fixed;
  background-position:top;
}
.body-cpage-31 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}
.body-cpage-31 #sys-canvas{
      height: 50px;
  
}

.body-cpage-31 
#page {
  background:transparent;
}

/*30*/
.body-cpage-30 {
height:100%;
background:url(/sysdata/attach/layout.css/4adaa4eb54202ebbb614d566b64041d9.jpg) no-repeat;
background-position: 0 150px; 
  background-attachment:fixed;
  background-position:top;
}
.body-cpage-30 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}
.body-cpage-30 #sys-canvas{
      height: 50px;
  
}

.body-cpage-30 
#page {
  background:transparent;
}

.body-cpage-28 {
height:100%;
background:url(/sysdata/attach/layout.css/562ad23a06796ab2008ee0106677cc0d.jpg) no-repeat;
background-position: 0 150px; 
  background-attachment:fixed;
  background-position:top;
}
.body-cpage-28 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}
.body-cpage-28 #sys-canvas{
      height: 50px;
  
}

.body-cpage-28 
#page {
  background:transparent;
}

.body-cpage-26 {
height:100%;
background:url(/sysdata/attach/layout.css/b8a7e85b795a98838e9ec77fcd8279e9.jpg) no-repeat;
background-position: 0 150px; 
  background-attachment:fixed;
  background-position:top;
}
.body-cpage-26 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}
.body-cpage-26 #sys-canvas{
      height: 50px;
  
}

.body-cpage-26 
#page {
  background:transparent;
}

.body-cpage-25 {
height:100%;
background:url(/sysdata/attach/layout.css/90aed96c0e3a4115dffd07a2a279e363.png) no-repeat;
background-position: 0 150px; 
  background-attachment:fixed;
  background-position:top;
}
.body-cpage-25 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}
.body-cpage-25 #sys-canvas{
      height: 50px;
  
}

.body-cpage-25 
#page {
  background:transparent;
}
.body-cpage-22 {
width: auto;
  height : auto;
  max-height: 100%;
  max-width: 100%;
background:url(/sysdata/attach/media.1610/66cce79239b82f4bd85c139fed1e52ee.png) no-repeat;
  background-attachment:fixed;
background-position: 0 150px; 
  
  background-position:top;
  
}
.body-cpage-22 #sys-canvas{
      height: 50px;
  
}

.body-cpage-22 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}

.body-cpage-23 {
width: auto;
  height : auto;
  max-height: 100%;
  max-width: 100%;
background:url(/sysdata/attach/layout.css/4ff615218f5227baa42ec5f8f5187d8a.png) no-repeat;
background-position: 0 150px; 
  background-attachment:fixed;
  background-position:top;
}
.body-cpage-23 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}
.body-cpage-23 #sys-canvas{
      height: 50px;
  
}

.body-cpage-17 {
height:100%;
background:url(/sysdata/attach/layout.css/4ff615218f5227baa42ec5f8f5187d8a.png) no-repeat;
background-position: 0 150px; 
  background-attachment:fixed;
  background-position:top;
}
.body-cpage-17 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}

.body-cpage-21 {
height:100%;
background:url(/sysdata/attach/layout.css/dead607dcc220a39b05bf5320e2271de.jpg) no-repeat;
background-position: 0 150px; 
  background-attachment:fixed;
  background-position:top;
}
.body-cpage-21 #mediaplayer_wrapper {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}


#root-cpage table {table-layout:auto}
/* 外框去除*/
.body-cpage-25 #main,
.body-cpage-23 #main,
.body-cpage-23 #root-cpage #bottom{

}
.body-cpage-23
#page {
  background:transparent;
}

.body-cpage-22 #main,
.body-cpage-22 #root-cpage #bottom{

}
.body-cpage-22 
#page {
  background:transparent;
}

.body-cpage-17 #main,
.body-cpage-17 #root-cpage #bottom{
    background: transparent;
}
.body-cpage-17 
#page {
  background:transparent;
}

.body-cpage-21 #main,
.body-cpage-21 #root-cpage #bottom{
    background: transparent;
}
.body-cpage-21 
#page {
  background:transparent;
}

/*隱藏選單*/
.body-cpage-25 #siteMenu {display:none}*/
.body-cpage-22 #siteMenu {display:none}*/
.body-cpage-21 #siteMenu {display:none}*/
/*最外線框顏色*/

.body-cpage-23 
#main {
	box-shadow: 0px 0px 0px ;
}

.body-cpage-22 
#main {
	box-shadow: 0px 0px 0px ;
}

.body-cpage-17 
#main {
	box-shadow: 0px 0px 0px ;
}

.body-cpage-21 
#main {
	box-shadow: 0px 0px 0px ;
}


/*youtube line*/


.body-cpage-23 #mod_119 iframe {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}


.body-cpage-22 #mod_97 iframe {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}

.body-cpage-17 #mod_97 iframe {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}

.body-cpage-21 #mod_111 iframe {
    box-sizing:border-box;
    border:5px solid #ffffff;
    border-radius:5px;
}


.body-cpage #top .mod_kmCarousel .default-margin > .body a.pull-right,
.body-cpage #content .mod_kmCarousel .default-margin > .body a.pull-right,
.body-cpage #bottom .mod_kmCarousel .default-margin > .body a.pull-right {
  position:absolute;
  top:28px;
  right:24px;
  width:41px;
  height:12px;
  color:transparent;
  background:url(/sysdata/attach/layout.css/dfcc4092003928b574e8ccb8e4f55a6b.jpg) right center no-repeat;
}



/* page */
#page {background:url('/sysdata/attach/cpage.9/d66e801e7602c399d499c2a6bcb4a821.png') 0px 0px repeat-x;}

/* main */
#main {background: #ffffff;}
#main > .header {background: #ffffff;} 
#main  {box-shadow:0px 0px 6px #CCCCCC;
border-radius: 6px;}

/* sidebar */

#sidebar  {margin-right: 6px;}

 
/* custom style */
#sys {background:#336e96; font-size:13px; padding:5px 0px}
#menu ul > li a {color: #ffffff;}
#banner .box {min-height:10px}
#menu li, .sysLoginBox {font-size:13px; border-left:1px dotted #ffffff; padding:0px 5px; margin-left:0px}
#menu .dropdown-menu li {border-left:0px}

.browseFolder .ico-folder {padding-left: 20px;margin: 0;background:url(/sysdata/attach/layout.css/ddb10f581ea306f654b7d0d21be5d623.png) 0 30% no-repeat;}

.dirMgr .item .infoBox .title.folder {
background: url(/sysdata/attach/layout.css/ddb10f581ea306f654b7d0d21be5d623.png) no-repeat;
}
#root-mgr #sidebar {margin-left: 6px;}
.base2L #sidebar {margin-left: 6px;}

#main {padding: 0 5px;}
#banner {width: 990px;}


#content-rear .header .header-text  {
	border-bottom: 1px solid #b4b4b4;
    margin-left: 5px;
    margin-right: 6px;
}

#content-rear .header .header-text .title > img  {
	border-bottom: 3px #046c93 solid;
	padding-bottom: 2px;
}

.block .header .header-text > .title {
    padding-bottom: 0;
} 

.mod_carousel .carousel {padding:2px; border:1px solid #aaa;}
.mod_carousel .carousel .innerbox {padding:0; border:0}
.mod_carousel .carousel .carouselitembox {padding:0}

.mod_carousel .carousel .img {height:295px;}

/* banner */

#banner .sys-canvas {
    height: 131px;
}
#banner #siteMenu {
    top: 90px;
    left: 0px;
}
#banner .caption {
    display: none;
    top: 0px;
    left: 0px;
}

#banner .logo {
    background-image: url(/sysdata/attach/mgr.service/9f525bd5c4a4a0222089c4d9eaaf878b.png);
    width: 472px;
    height: 79px;
}
#banner .banner {
    top: 0px;
    left: 0px;
}
#banner .logo {
    top: 12px;
    left: 19px;
}

#sys {display:block} 
/* banner */

#banner .sys-canvas {
    height: 133px;
}
#banner #siteMenu {
    top: 92px;
    left: 0px;
}
#banner .caption {
    display: none;
    top: px;
    left: px;
}


#banner .banner {
    top: px;
    left: px;
}
#banner .logo {
    top: 12px;
    left: 19px;
}
