/*解決chrome字型無法粗體問題*/
body{
font-family:"Arial","Helvetica","sans-serif";
}

#Audition-header .btn-shop, #Audition-header .btn-about, #Audition-header .btn-ibrain { padding:0; height:31px;text-indent:-9999px }
#Audition-header .navbar-collapse { padding-top:0; margin-top:0 }
#Audition-header .nav.navbar-nav { margin-top:-2px }
#Audition-header .btn-shop { background:url(/audition/File/image/btn_shop.png) no-repeat center; width:116px; display:inline-block }
#Audition-header .btn-about { background:url(/audition/File/image/btn_about.png) no-repeat center; width:116px; display:inline-block }
#Audition-header .btn-ibrain { background:url(/audition/File/image/btn_ibrain.png) no-repeat center; width:95px; display:inline-block }
#Audition-header .btn-shop:hover { background:url(/audition/File/image/btn_shop_o.png) }
#Audition-header .btn-about:hover { background:url(/audition/File/image/btn_about_o.png) }
#Audition-header .btn-ibrain:hover { background:url(/audition/File/image/btn_ibrain_o.png) }
#Audition-header .search .btn  { border:1px solid #9dcbde; border-bottom-right-radius:4px;border-top-right-radius:4px; }
#Audition-header h1.small {font-size:12px; color:#666666;}


.top-catalog { min-height:36px; background-color:#548dd1; padding: 0 8px; width:100%; text-align:center;}
.arrow { margin:2px 0;width:14px;height:36px; display:block; float:left }
.arrow-left { background:url(/audition/File/image/arrow-left.png) no-repeat center; width:14px; height:32px;display:block } 
.arrow-right { background:url(/audition/File/image/arrow-right.png) no-repeat center; width:10px; height:32px;display:block }
/* Make it a marquee */
.scroll { display:block; float:left;width:calc(100% - 28px); height:36px; position:relative;overflow:hidden;}
.scroll ul { 
display: block;
  width: 1100px;
  height: 36px;
  position: absolute;
  overflow:hidden;
  animation: marquee 9s alternate linear infinite
}
.scroll ul:hover {
    animation-play-state: paused
}
.scroll li { float: left;  width: auto;  padding:0 6px}
.scroll a { color:#fff; font-size:16px; font-weight:bold; line-height:36px }
.scroll a:hover { color:#FFFD00 }

.sidebar-offcanvas { background-color:#efefef!important }
/*#BodyMenu .TopMenu { display:block }*/
#BodyMenu .TopMenu .search  { width:95%; padding:0 0 0 12px}
#BodyMenu .TopMenu .nav { padding:0; text-align:center}
#BodyMenu .TopMenu .nav li { display:inline-block; width:72px; height:72px; border-radius: 50%; border:1px solid #fff; background-color:#f9f9f9; text-align:center }
#BodyMenu .TopMenu .btn-shop, #BodyMenu .TopMenu .btn-about, #BodyMenu .TopMenu .btn-ibrain { font-size:16px;  margin-top:0; text-decoration:none }
/*#BodyMenu .howto img { display:block; max-width:100%; height:auto; width:70%; margin:0 auto}*/
#BodyMenu .howto iframe {  display:block; width:70%; height:37px; margin:0 auto }
/* Make it move */
@keyframes marquee {
  0% { left: 3%; }
  100% { left: -10%; }
}


/*
.top-catalog { min-height:36px; background-color:#548dd1; padding: 0 8px; width:100%; text-align:center;}
.scroll { height:36px}
.scroll ul { margin:0 auto }
.scroll li {
	padding-top: 0;
	padding-right: 6px;
	padding-bottom: 0;
	padding-left: 6px;
}
.scroll a { color:#fff; font-size:16px; font-weight:bold; line-height:36px }
.scroll a:hover { color:#FFFD00 }
*/
#BodyMenu ul {  margin: 3px 0 0; padding-left:20px}
#BodyMenu li { margin: 0; padding:3px 0 0;list-style-type: circle; list-style-position: outside}
#BodyMenu .ad-title { padding-top:36px }
#BodyMenu a { color:#325a94; text-decoration:underline }
#BodyMenu a:hover {text-decoration:none;left:1px; top:1px; position:relative; }
#BodyMenu .button-tab { text-align:center; padding-top:12px;padding-bottom:12px }
#BodyMenu .button-tab table { margin:0 auto; width:119px}
#BodyMenu .button-tab img{
	margin-bottom: 8px;
}

#BodyMenu .TopMenu { display:none }

.breadcrumb { padding-left:0; padding-bottom:0; padding-top:8px }
.breadcrumb > li + li:before {
  content: url(/audition/File/image/navigator.gif)!important;
  padding: 5px 0;
}
.breadcrumb > li > a {  color:#268ad3!important }

.text-left{
	color: #096;
}

.detailB{
	margin: 0px;
	padding: 0px;
}

@media (max-width:767px) {
#Audition-header h1.small {margin:5px 0 0; text-align:right; padding:6px 1% 6px 19%;background-color:#e4f2f8; }
.top-catalog {  padding: 0 20px}
.arrow { margin:2px 0;width:14px;height:36px; display:block; float:left }
.arrow-left { background:url(/audition/File/image/arrow-left.png) no-repeat center; width:14px; height:32px;display:block } 
.arrow-right { background:url(/audition/File/image/arrow-right.png) no-repeat center; width:10px; height:32px;display:block }
/* Make it a marquee */
.scroll { display:block; float:left;width:calc(100% - 28px); height:36px; position:relative; overflow-x: scroll }
.scroll ul { display: block;
  width: 1100px;
  height: 36px;
  position: absolute;
  overflow:hidden;
  animation: marquee 15s linear infinite
}
.scroll ul:hover {
    animation-play-state: paused
}
.scroll li { float: left;  width: auto;  padding:0 6px}
.sidebar-offcanvas { background-color:#efefef!important }
#BodyMenu .TopMenu { display:block }
#BodyMenu .TopMenu .search  { width:95%; padding:0 0 0 12px}
#BodyMenu .TopMenu .nav { padding:0; text-align:center}
#BodyMenu .TopMenu .nav li { display:inline-block; width:72px; height:72px; border-radius: 50%; border:1px solid #fff; background-color:#f9f9f9; text-align:center }
#BodyMenu .TopMenu .btn-shop, #BodyMenu .TopMenu .btn-about, #BodyMenu .TopMenu .btn-ibrain { font-size:16px;  margin-top:0; text-decoration:none }
#BodyMenu .howto img { display:block; max-width:100%; height:auto; width:70%; margin:0 auto}
#BodyMenu .howto iframe {  display:block; width:70%; height:37px; margin:0 auto }
/* Make it move */
@keyframes marquee {
  0% { left: 15%; }
  100% { left: -85%; }
}
}

@media (min-width:768px) and (max-width:991px) {
#BodyHeader nav.navbar, #BodyHeader .container {
    height: 100px!important;
}
#Audition-header .navbar  { background:url(/audition/File/image/bg-header-pad.png) no-repeat top center }
#Audition-header .search  { position: absolute; right:0; top:45px; width:330px; padding:0 }
#Audition-header h1.small {margin:25px 0 0; text-align:right; }
.top-catalog { min-height:36px; background-color:#548dd1; padding: 0 8px; width:100% }
.scroll { height:36px}

#BodyMenu { width:150px; background-color:#efefef; margin-left:-25px; margin-right:0; padding-left:5px; padding-right:5px; font-size:13px; }
#BodyMenu .howto img { display:block; max-width:100%; height:auto;}
#BodyMenu .howto iframe { display:block; height:27px}
#BodyMenu .ad-title { overflow:hidden }
}
@media (min-width:992px) {
#Audition-header .navbar  { background:url(/audition/File/image/bg-header.png) no-repeat top right }
#BodyHeader .logo { width:347px }
#Audition-header .search  { width:280px; padding:40px 0 0 20px}
#Audition-header h1.small {margin:3px 0 0; padding-left:367px;}

#BodyMenu { width:180px; background-color:#efefef; margin-left:-10px; padding-left:12px; padding-right:12px; font-size:13px; }
#BodyMenu .howto iframe { display:block; height:30px; width:100%}
/*#BodyMenu .howto img {
	margin-bottom: 1px;
}*/
}

#sale ul, #sale li, #sale h4, #sale p{
	margin: 0;
	padding: 0;
}
li {
	list-style: none;
}
a img {
	bordeR: none;
	vertical-align:middle;
}
#sale {
	width: 600px;
	border: 1px solid #fff;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	display:table;
	margin-top: 15px;
}
#sale .info {
	display: none;
}
#sale .on {
	display: block;
}
#sale .title {
	width: 600px;	
	border-top: 2px solid #ffffff;
	float:right;
	margin-bottom:15px;
	background-color: #CDCDCD;
}

#sale .title li {
	list-style: none;
	cursor: pointer;
	float: left;
	background-color: #CDCDCD;
	border-right: 1px solid #fff;
	height: 30px;
	text-align:center;
	width:auto;
	padding: 7px 0;
}
    
#sale .title li.on, #sale .title li.over {
	background-color: #0072BC;
	border-right: 1px solid #0072BC;
	cursor: pointer;
}

#sale .title li {
	list-style: none;	
	color: #000000;
	padding-bottom: 6px;
	font-weight: bolder;
}


#sale .title li h4 {
	font-size: 14px;
	color: #000000;
	padding-bottom: 6px;
	font-weight: bolder;
}


#sale .title li p{
	font-size: 12px;
	color: #ccc;
}

#sale .title li.on , #sale .title .over , #sale .title li.on p, #sale .title .over p {
	color: #fff;	
}


#sale .title li.on h4, #sale .title .over h4, #sale .title li.on p, #sale .title .over p {
	color: #fff;	
}




#ListAll .tb-head {
	background-color: #4d6a94; color:#fff; text-align:center }
#ListAll .tb-subtitle {background-color: #f6f6f6; font-size:17px; font-weight:bold; text-align:center  }
#ListAll .sale td {background-color: #fdffe8 }
#ListAll .tb-content ul li, #ListAll .sale { color:#ccc }
#ListAll ul { list-style:none; padding-left:0 }
#ListAll li { display:inline-block }
#ListAll .sub-head {  text-align:center; color:#000; font-size:13px; padding-top:11px }
#ListAll a { font-size:13px; color:#333333; text-decoration:underline }
#ListAll a:hover { text-decoration:none;left:1px; top:1px; position:relative }
@media (max-width:767px) {
#ListAll th.tb-subtitle { width:64px; padding:auto 0!important  }
}
@media (min-width:768px) {
#ListAll .tb-subtitle { width:20% }
#ListAll .sub-head { width:8% }
#ListAll .tb-content { width:72% }
#ListAll li { display:inline-block; width:50%; float:left}
}

/*--------List.aspx--------*/
.year107 { font-size:14px;display:inline-block; padding-top:17px;}
#notice { padding:0; margin-bottom:5px; width:auto }
#notice h5 { background:url(/audition/File/image/bg-notice.png) right no-repeat; color:#fff; font-size:15px; padding:7px;float:right; text-align:right; margin-bottom:-1px; display:inline-block; cursor: pointer }
#notice div.body {
  float:right;  
  transition: visibility 0s, opacity 0.3s linear;
  border:1px dotted #999999; background-color:#fdf4f8; 
}
#notice .body p { font-size:14px; padding:3px ; margin-bottom:0; line-height:1.2; color:#5C5C5C }
#notice .body p > b.text-black { padding-right:10px }
#notice:hover > .body, #notice:focus > .body { display:block; visibility: visible; opacity: 1 }
#notice .btn-more .btn { width: 47%; margin:5px; font-size:14px; font-weight:bold;border:1px solid #ffb060; color:#fff; background-color:#ff9124 }


/*---列表內容---*/
#media { clear:both; margin-top:5px }
#media h2 { margin-top:10px }
#media h2 a { font-size:15px; font-weight:normal; display:inline-block; padding-right:10px; color:#979797 }
#media h2 small.pull-right { padding:5px 10px; font-size:13px}
#media h4 { color:#3096c7; margin:0; padding-bottom:6px;font-size:20px; text-align:left }
#vVideo div {
  position: relative;
  display: block;
  height: 0;
  padding: 0;
  overflow: hidden;
  padding-bottom: 56.25%;
}
#media iframe,
#media embed,
#media object,
#media video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

/* 分類 */
#catelog {
	padding:10px 0 7px;
	display:table;
	width:100%;
	border-bottom:4px solid #2b84bc;
	background-color:#f9f9f9;
	min-height:1px
}
#catelog ul {
	padding:5px;
	margin:0
}
#catelog li, #list li {
	display:inline-block;
	line-height: 1.7;
	float:left;
}
#catelog li a {
	color:#00568d;
	font-weight:bold;
	text-decoration:none;
	font-size:16px }
#catelog li a:hover {
	text-decoration:underline;
}

#list .table { padding: 0; border-width:0;}
#list .table P { margin-bottom:0;}
#list .col-xs-16:hover { background-color:#f8f8f8 }
#list .col-xs-16 { border-bottom:4px solid #f9f9f9 }
#list .table img { border-radius: 5px }
#list ul {
margin:0; 
padding:0; 
list-style:none; 
}
/*
#list li {
	display: inline-block;
	_display: inline;
	width: 360px;
	clip: rect(auto,auto,auto,auto);
	vertical-align: top;
}*/

#list th {
	vertical-align: top;
	border-width:0;
    overflow:hidden;
}

#list td {
	border-width:0;
	vertical-align: top;
	padding:5px 0;
}
#list th a img { max-width:120px; max-height:110px; }
#oMediaTable td a img { max-width:120px; max-height:110px; }
#list .count { color:#8F8F8F; font-size:12px; /*float:right*/position:absolute; bottom:0; right:30px}

#list .sStudentName { color:#8F8F8F; font-size:12px; float:left;position:absolute; bottom:0; }

#list .Chapter{ color:#6e6e6e; font-size:13px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
#list td p { padding-top:5px; padding-bottom:10px }
#list b { font-size:17px }
#media .player-border { background-color:#f5f5f5; padding:5px; width:100% }
#media .player-border.flash {background-color:#fe5029;text-align:center; font-size:16px; font-weight:bold; color:#fff;padding:20px 0; border-radius:12px;}
#media .player-border.flash a {color:#A8D8FF;}
#media .pager {
	margin-top:0;
	text-align: right;
}
#media .pager li a { border-width:0 }
#askcourseform .alert.alert-success { color:#fff!important; padding:3px 8px!important; border-radius:0 }
#askcourseform { margin-top:30px; border:1px solid #cccccc }
#askcourseform .help-block { font-size:13px; color:#8B8B8B }
#askcourseform .small { padding-left:5px }
@media (max-width:767px) {
#notice h5 { margin-top:0px;padding:7px 3px; font-size:15px;  width:100%; background-repeat:repeat-x; margin-right:15px; margin-left:15px }
#notice div.body {margin-right:15px; margin-left:0; }
#notice .btn-more { text-align:center }
#notice .btn-more .btn { width:46% }
.year107 { text-align:center;font-size:14px; padding-top:0; min-height:39px; }
.year107::empty { display:none;}

#catelog li, #list li {
	width:100%;
}
#list.row { padding:0 }
#list .table {height:100px; overflow:hidden; margin-bottom:0; /*固定高度，避免空一格*/ }
#list th {
	width:120px;
	height:100px;  	
}

#media { padding-top:8px; margin-top:-10px; 	margin-right:0 }
#media h2 { font-size:20px; text-align:left; height:auto; display: table; width:100%}

/*#media .player-border.flash { display:none }*/
#askcourseform form { padding:0 5px }
#askcourseform .help-block { margin-top:0 }
#askcourseform .small { padding-left:5px; display:block}
}
@media (min-width:768px) and (max-width:991px) {
.year107 {width:50%;padding-left:15px; min-height:33px;/*加min-height避免右側的notice跑道選單上*/}
#notice h5 { width:50%; margin:-53px 15px 0 0 }
#notice div.body { padding: 10px 10px 10px 15px }
#notice .btn-more { padding-left:125px}
#catelog li, #list li {	width:50% }
#list.row { padding:0 10px }
#list .col-sm-8:nth-last-child(even) {
	padding-right:5px
}
#list .col-sm-8:nth-last-child(odd) {
	padding-left:5px
}
#list .table {height:100px; overflow:hidden; margin-bottom:0; /*固定高度，避免空一格*/ }
#list th a img { width:100px; }
#list th {
	width:100px;
  	height:100px;
}
#list td {
	height:100px; /*固定高度，避免空一格*/
	
}
#media h2 { font-size:18px; text-align:left }
/*#media .player-border.flash { display:none }*/
}
@media (min-width:992px) {
.year107 { width:60%; float:left}
#notice h5 { width:40% }
#notice div.body { padding: 10px 10px 10px 15px }
#notice .btn-more { padding-left:125px}
#list.row { padding:0 10px }
#catelog li, #list li {	width:50% }
#catelog ul {
	padding-left:35px;
}
#list .table { height:120px; overflow:hidden; margin-bottom:0; /*固定高度，避免空一格*/ }

#list th {
	width:120px;
  	height:120px;
}
#list td {
	height:130px; overflow:hidden;  /*固定高度，避免空一格*/
	width:220px;
}
#media h2 { text-align:left }
/*Didier新增 img block*/
#media .player-border img { width:100px; max-width:100%; height:auto; display:inline;margin-left:3px;}
#media .player-border.flash img { width:100px; max-width:100%; height:auto; display:inline-block}

#askcourseform form { padding:0 5px 0 20px }
}

.sSubTitle{
color:#606060;
float:left!important;
display:inline;
font-weight: bold;
font-size: 16px;
}



/*
1920*1080(16:9)
左
.rmp-content {width:136vw!important;}
.rmp-video {left:-7.4vw!important;}
1280*768(4:3)
.rmp-content {width:188vw!important;}
.rmp-video {left:-3.4vw!important;}
1152*864(4:3)
.rmp-content {width:202vw!important;}
.rmp-video {left:0vw!important;}
中
.rmp-content {width:136vw!important;}
.rmp-video {left:-47.8vw!important;}
1280*768(4:3)
.rmp-content {width:188vw!important;}
.rmp-video {left:-63.8vw!important;}
1152*864(4:3)
.rmp-content {width:202vw!important;}
.rmp-video {left:-67.4vw!important;}
右
.rmp-content {width:136vw!important;}
.rmp-video {left:-88.1vw!important;}
1280*768(4:3)
.rmp-content {width:188vw!important;}
.rmp-video {left:-124vw!important;}
1152*864(4:3)
.rmp-content {width:202vw!important;}
.rmp-video {left:-134.6vw!important;}
*/