/*Test 子站樣式*/

#BodyContainer { text-align:left }

#BodyMenu{
	background-color:#227191;
}
#BodyMenu div.active {
	background-color:#2786ab;
}
#BodyMenu div.active a { padding:15px }
#menu-toggle {
    background-color: rgba(34, 113, 145, 0.75);
}

@media screen and (max-width:767px) {
	#BodyHeader { background-color:#227191;}
    #BodyHeader #logo.video_header { background-color:#227191;}
    #BodyHeader #logo a.mobilelogo h1, #BodyHeader #logo a.mobilelogo h1 img { display:none; padding:0; height:0; }
    #BodyHeader #logo a.mobilelogo:before { content:url(../../../File/Image/logo_studymall_s.png); vertical-align:middle; }
    #BodyHeader #logo a.mobilelogo:after { content:"来胜教育-环境检测"; vertical-align:middle;}
    #BodyHeader #logo a.mobilelogo_video img { width:48px;  }
    #BodyHeader #logo a.mobilelogo_video h1 { color:#fff; font-size:18px; }
    #menu-toggle .dropdown-menu {
	    background-color: rgba(34, 113, 145, 0.90);	
	}
    #menu-toggle span div a {
		padding:0 1em;
	}
    #menu-toggle span.web {
      border-bottom:1px solid #f3f3f3;
      display:block
    }
    #menu-toggle span.web  div a {
	  color:rgba(255, 255, 255, 0.75);
      font-weight:bold;
    }
}

/*共用*/
.rmp-hd, .rmp-CC {
    display: none;
}
img {
  vertical-align: middle;
}
h4 { text-align:center; color:#2dcbd7; line-height:2; margin-top:0;}


/*步驟圓點*/
.stepwizard { display:table; width:100%; height:36px; position:relative; padding-top:30px; padding-bottom:30px }
.stepwizard-row { display:block; width:100%; height:2px; background-color:#F0F0F0; }
.stepwizard-step3 { width:33.33%; display:block; float:left; height:36px; margin-top:-14px; text-align:center }
.stepwizard button, .stepwizard a.btn { width:30px; height:30px; border-width:0; border-radius:15px; padding:0; text-align:center }
.stepwizard-step3 button.active { background-color:#227191; color:#fff }
.stepwizard a.btn.btn-default { display:inline-block; width:30px; height:30px; border-width:0; border-radius:15px; padding:0 ; line-height:30px; vertical-align:middle; border:1px solid #ccc; background-color:#fff }

/*Test環境測試*/
#Test { text-align:left; padding:0 15px; display:block; margin:0 auto;}
#Test a { color:#1a1a1a }
#Test a.label { color:#fff}
#Test a:hover { color:#b91418 }
#Test h3 {color:#dd8e6e; text-align:center;}
#Test h4 { color:#7599a7;}

#detect-ua { margin:0; padding:0 }
#detect-ua b { font-weight:bold; color:#7599a7; padding:0 8px; display:inline-block;}
#detect-ua .row {margin:0; text-align:left; border:3px solid #7599a7;padding:9px 8px }
#detect-ua .device, #detect-ua .os, #detect-ua .browser { display:inline-block;line-height:1.4; color:#fe8929; padding-right:35px; }

@media (max-width:767px) {
#detect-ua b { width:5.2em;}
#detect-ua .device, #detect-ua .os, #detect-ua .browser { display:block; padding-right:0; }
}
@media (min-width:768px) and (max-width:991px) { 
#detect-ua b { width:5.2em;}
#detect-ua .device, #detect-ua .os, #detect-ua .browser { display:block; padding-right:0; }

}

	/*Test & Member共用*/
    #system { margin-top:20px; width:100%; border-bottom:1px solid #ccc; }
      #system .bg-th { color:#ffffff;background-color: #7599a7; }
      #system .devices, #system .device, #system .OS, #system .browser { display:block; padding:8px 15px; float:left; min-height:1px; line-height:2 }
      #system .devices { background-color: #cbdce3; color:#303030; width:100%;}
      #system .device, #system .OS, #system .browser { border-top: 1px solid #cccccc;}
      #system ul { padding-left:0;}
      #system .right-down a:hover { color:#E3E3E3; }
    
    #WMPAlert { text-align:center;padding:15px 0 0;}
    #WMPAlert a {color:#7599a7;}/*#5bc0de*/
    #WMP { text-align:center; padding:15px 0; }
    
    #WMPProgressbar { padding:15px 15px 5px; width:100%; background-color:#e9f1f5;}
    	#WMPMessage { color:#912239; font-weight:bold }
		#WMPFormButton input { padding:0.5em 1em }
    .WMPButton { padding:10px 15px 15px; width:100%; background-color:#e9f1f5; border-bottom:8px solid #cbdce3; }
    .WMPButton input[type="button"] { width:255px; border-width:0; padding:15px!important; font-size:16px; background-color:#7599a7; color:#fff; }
    .WMPButton .btn { width:270px; border-width:0; padding:15px; font-size:16px; }
    .WMPButton .btn-success { background-color:#5bc0de}
    .WMPButton .btn-info { background-color:#fff; color:navy; border:1px solid navy}
    .WMPButton .btn-default {background-color:#ccc; color:#000}
    
    #WMPNote { text-align:left; padding-top:30px; font-size:13px}
    #WMP .modal-body { text-align:left }
    
    /*swf player 自適應*/
    #hlsPlayer #speed .btn {
    background-color: #3d97bb;
    }
    .player { background-color:#1a1a1a; text-align:center;}
    .player:after,.player:before{display:table;content:" " }
    .player:after{clear:both}
    .playerbar { display:block; float:left; min-height:1px; padding:0 0 5px; margin:0}
    .playerbar .btn, .playerbar select { height: 36px; width: 88px; border-color:#333333; border-radius:0 }
    .playerbar .btn {  background-color:#333333;color:#fff;  margin-top:-3px; padding:0; text-align:center }
    .playerbar select { margin:0 -5px; }
    .playerbar .btn:hover { color:#2196f3 }
    .playerarea .row { margin-left:-15px; margin-right:-15px}
    .videotag { padding: 15px 0; background-color:#e3e4e8; display:block; width: 50%; float:left; margin:0 }
    .videotag .btn, .videotag .form-control-static { height: 36px; width: 93px; -webkit-appearance: none; border-radius:0; margin-left:-1px; background-color:#f6f6f6; border:1px solid #d8d9db;  }
    .videotag .btn { margin-top:-3px }
    .videotag .form-control-static { margin:0 -4px; }
    .tag_row { width:100%; text-align:center; }
	.img_videotag { display:inline-block; height: 36px; border:1px solid #d8d9db; margin-top:0 }
    @media (max-width: 767px) {
	#Test { width:100%; padding:0;}/*主內容區塊*/
        #WMPProgressbar, .WMPButton {width:100%}
        
        #system .bg-th {display:none }
        #system .devices, #system .device, #system .OS, #system .browser { width:100%; }
        #system .device { padding-top:8px; font-weight: bold; color:#303030 }
        #system .device:before { content:"设备　　"; color:#26a1cb}
        #system .OS:before { content:"ＯＳ　　"; font-weight: bold; color:#26a1cb}
        #system .browser:before { content:"浏览器　"; font-weight: bold; color:#26a1cb}
        #system .OS, #system .browser  { border-top: 1px dotted #cbdce3}
        #system .browser ul { margin-left:4em; margin-top:-24px }
        #system .browser li { line-height:1.3; padding-bottom:12px }
        #system .right-down { float:right; }
        #system .right-down > .marginLR10 { margin:0 10px 10px 0; }
        
	    .playerbar { width: 50%; padding:8px 0}
  		.playerbar .btn, .playerbar select {  width: 62px }

        .videotag {  width: 50%; padding:8px 0;height:56px}
        .videotag .btn, .videotag .form-control-static { width: 56px; height: 36px; font-size:14px; padding-left:0; padding-right:0  }
		.img_videotag { overflow:hidden; width:46px; margin:0 4px }
    }
    @media (max-width: 374px) {
	    .playerbar, .videotag { display:table; width: 100% }
        .videotag {  height:50px}
    }
	@media (min-width: 768px) {
    #Test { width:95%;}/*主內容區塊*/
        #system {display:table;}
        #system .row {display:table-row;}
        #system .row:hover {background-color: #ddf7f4;}
        #system > div > div {display:table-cell;padding:5px 8px;}
        #system .device { width:22% }
        #system .OS { width:32% }
        #system .browser { width:46%; padding-left:0 }
        #system .right-down { float:right }

	    .playerbar { display:block; width: 50%; margin:0; float:left}
	}
    @media (min-width: 769px) {
   #Test { width:85%;}/*主內容區塊*/
    }

.pager li>a, .pager li>span {
    background-color: #227191;
    border: 1px solid #227191;
    color:#fff!important;
}
/*label color*/

.label-bluegreen, .bg-bluegreen { background-color: #41d3b5}
.label-purple, .bg-purple { background-color: #b541d3}
.label-peach, .bg-peach { background-color: #f6b977}
.label-orange, .bg-orange { background-color:#F19F06}
.label-gray, .bg-gray { background-color: #666666}
.label-crimson, .bg-crimson { background-color: #DC143C}
.label a { color: #ffffff!important}
.label-gray:hover { background-color: #7599a7}
.label-lg {font-size: 16px}

.glyphicon-refresh{font-size:1.5em; font-style:normal;font-weight:500; height:36px; line-height:36px; vertical-align:middle; display:inline-block;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;  }

.pad0 { padding:0; }
.pad15 { padding:15px; }
.padtop { padding-top:20px; }