/*子站樣式*/
#BodyContainer { text-align:left }
.bred_fw {/* 紅底白字 */
	background-color:#e14163;
	color:#FFF;	
}
#logo div input[type="submit"] {
	background-color:#e14163;
	border:1px solid #e14163;
	color:#FFF;
	cursor:pointer;		
	margin-left:-0.4em;
}

#BodyHeader #logo.video_header { min-height:auto; padding:0; }
#BodyHeader #logo a.mobilelogo_video {vertical-align:middle;}
#BodyHeader #logo a.mobilelogo_video img, #BodyHeader #logo a.mobilelogo_video h1 { display:inline-block; margin:0; vertical-align:middle; }

#BodyHeader #logo a.mobilelogo_video img { max-width:100%; height:auto; width:60px; padding:0 }
		/*右上登入註冊*/
		#BodyHeader .form-inline {display:inline-block;text-align:center; vertical-align:middle; padding:60px 0 0 80px; float:right; margin-right:58px; }
        #BodyHeader #search { margin:16px auto; display:inline-block}

        #BodyHeader .myCourse {display:inline-block; height:70px; line-height:70px; min-width:115px; background:url(../image/btn_me.png) left center no-repeat #f7f7f7;padding:0 8px 0 38px!important; color:#303030; text-align:center}
        #BodyHeader .myCourse:hover { background:url(../image/btn_me_o.png) left center no-repeat; color:#e14163}
        #BodyHeader .myLogin{display:inline-block; height:70px; line-height:70px; min-width:115px; padding:0 15px;background:#f7f7f7;color:#26a1cb; text-align:center}
        #BodyHeader .myJoin{display:inline-block; height:70px; line-height:70px; min-width:115px; padding:0 15px; background:#9acde9; color:#fff; text-align:center}
        #BodyHeader .myLogin:hover { background:#f1f1f1; color:#e14163}
        #BodyHeader .myJoin:hover { background:#57b8d9; }
	
#BodyMenu{
	background-color:#e14163;
}
#BodyMenu div.active {
	background-color:#c73a58;
}
#BodyMenu div.active a { padding:15px }
#menu-toggle {
    background-color: rgba(225, 65, 99, 0.5);
}
.phoneMenu { display:none }
@media screen and (max-width:767px) {
	#BodyHeader { background-color:#e14163;}
    #BodyHeader #logo.video_header { background-color:#e14163;}
    #BodyHeader #logo a.mobilelogo h1, #BodyHeader #logo a.mobilelogo h1 img { display:none; padding:0; height:0; }
    #BodyHeader #logo a.mobilelogo:before { content:url(../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(225, 65, 99, 0.85);	
	}
    #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;
    }
    
    /*底部导航*/
    #phoneBomMenu {z-index:9999!important }
	.phoneMenu{height:70px;display:block}
	.phoneMenu ul{position:fixed;bottom:0;left:0;height:50px;width:100%;display:flex;display:-webkit-flex;margin:0;padding:0;background-color:#fff;border-top:1px solid #eee;}
	.phoneMenu ul li{flex:1;-webkit-flex:1;margin:0;padding:0;text-align: center;}
	.phoneMenu ul li a{display:block;width:100%;height:100%;}
	.phoneMenu ul li a em{display:block;width:20px;height:20px;margin:0 auto;margin-top:5px;}
	.phoneMenu ul li a span{display:block;text-align: center;line-height:20px;}
	.phoneMenu ul li.cr a{color:#b91418;}
	.phoneMenu ul li.home a em{background:url(../image/home.png) no-repeat 0 0;background-size:100% auto;}
	.phoneMenu ul li.home.cr a em{background:url(../image/home.png) no-repeat 0 100%;background-size:100% auto;}
	
	.phoneMenu ul li.course a em{background:url(../image/course.png) no-repeat 0 0;background-size:100% auto;}
	.phoneMenu ul li.course.cr a em{background:url(../image/course.png) no-repeat 0 100%;background-size:100% auto;}
	
	.phoneMenu ul li.seek a em{background:url(../image/seek.png) no-repeat 0 0;background-size:100% auto;}
	.phoneMenu ul li.seek.cr a em{background:url(../image/seek.png) no-repeat 0 100%;background-size:100% auto;}
	
	.phoneMenu ul li.me a em{background:url(../image/me.png) no-repeat 0 0;background-size:100% auto;}
	.phoneMenu ul li.me.cr a em{background:url(../image/me.png) no-repeat 0 100%;background-size:100% auto;}
	/*手机登录弹窗*/
	#loginModal .login{display:block;width:100%;margin-top:20px;}
	.modal-dialog{
		position:absolute;
		top:0;
		margin:0;
		left:10px;
		right:10px;
	}
	.modal.in .modal-dialog{
		top:50%;
		transform: translateY(-50%);
	}
	.modal.fade .modal-dialog{
		transition:all 0.3s ease-out;
	}
	
    .logoModal{margin-bottom:10px; }
    .logoModal div {display:block; margin:0 auto; border-radius: 100%;background:url(../image/logo_studymall.png) center no-repeat #f1f1f1;box-shadow: 0 0 5px rgba(0,0,0,0.2); height:60px; width:60px; }
	#loginModal .list-group-item { display:table; width:100% }
    #loginModal .input-group { width:100% }
	#courseModal ul li{
		float:left;
		margin-right:20px;
		line-height:30px;
	}
}
@media only screen and (max-width: 991px) {
#BodyHeader .mobilelogo img { height:90px }	
    #BodyHeader .form-inline {padding:30px 0 0 80px;}
    #BodyContentMainDetail #auditionDetail {/* 试听/免费 播放頁 */
		padding:0;
		margin:0;
		width:100%;
	}
	#BodyMenu span div{
		background-color: rgba(225, 65, 99,0.5);	
	}
	#BodyMenu span div a {
		padding:0 0.5em;
	}
}
#BodyContent {}
#auditionDetail .jump div a {
	border:1px solid #e14163;
}
#auditionDetail .jump div a:hover{background-color:#e14163;color:#fff;}

	




img {
  vertical-align: middle;
}

/*步驟圓點*/
.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:#e14163; 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 }

/*註冊、登入表單*/
.formMember { padding-top:20px; padding-bottom:30px; margin:0 auto; width:100%; }
.formMember legend { font-size:22px; font-weight:bold; padding-top:20px; width:100%; text-align:center; border-width:0 }
.formMember > div:before, .formMember > div:after {   content: " ";  display: table; }
.formMember > div:after { clear:both }
.formMember > div { padding:5px 0; width:100%; margin:0 auto;}
.formMember div.input-group { padding:8px 30px }
.formMember > div > label, .formMember .label { display:inline-block; min-height:1px; height:34px; text-align:right; padding-right:5px; width:25%; }
.formMember input { display:inline-block; min-height:1px; height:36px; line-height:36px; margin-top:0; padding:3px}
.formMember > div > input { display:inline-block; height:36px; width: 65%; margin-right:0; padding:3px}

.formMember .input-group-addon { height:29px; padding:4px 12px;}
.formMember .RandomCode { 
	width:100%;
	text-align:center;
	display:block;
	vertical-align:middle;
	margin-top:0;
	margin-bottom: -25px;
}
.formMember .changeCode { display:inline-block; padding:0 12px 0 0; margin:-5px -13px}
.formMember .changeCode img { padding-right:5px;}
.formMember .codeArea {background-color:#ffffff!important;}
/*
.formMember .RandomCode a.changeCode { text-align:left; margin:0; padding:0}
.formMember .RandomCode img { height:36px }

.formMember .RandomCode .input-group { height:36px; display:inline-block; padding:14px 10px 0 }
.formMember .RandomCode label { width:60px; height:36px; line-height:36px; display:block; float:left }
.formMember .RandomCode .input-group-addon { width: auto; height:36px; margin:0}
.formMember .RandomCode .input-group input {  width:190px; margin:0;padding-right:15px; }
.formMember .RandomCode a.changeCode { display:inline-block; padding:0; margin:0  }
*/

.formMember button[type="submit"], .formMember .main { background-color:#e14163; color:#fff; padding:8px 103px; border-width:0; margin-top:30px}
.formMember div a.btn { padding:0 30px }
.tip { padding:30px 15px; text-align:left; line-height:1.7}
.tip span { color:#e14163 }
@media (max-width:767px) {
    .formMember .RandomCode label { display:none; }
    .formMember .RandomCode .input-group { width:100%;padding-right:0; }
/*	.formMember .RandomCode .input-group input { width:calc(100% - 150px); margin-right:-15px; }*/
	.formMember .RandomCode .input-group input {margin-right:-15px; }
    .formMember .codeArea {border:none!important;}
}
@media (max-width:375px) {
.formMember .RandomCode { margin-left:0; margin-right:-15px; width:100%;}
.formMember .RandomCode .input-group { padding:14px 0 0 15px}
/*.formMember .RandomCode .input-group input { width:calc(100% - 140px);margin-right:-13px; }																					  */

}
@media (min-width:992px) {
.formMember { width:630px}
/*.formMember > div { padding:8px 10px}*/
.formMember div.input-group { padding:8px 100px;  }
.formMember > div > label, .formMember .label { padding-right:10px; width: 140px; }
.formMember > div > input { width:375px; margin-right:0 }

.formMember button.ok {width:375px; margin-left:55px }
.tip { width: 466px; margin:0 auto }

}



/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* NEW---OrderFormList.aspx 訂單列表、OrderFormItem.aspx 課程列表　*/
/*共用*/
#Orderlist,#tab1,#tab2,#tab_course, #TestOrderItem { /* tab1、tab2 是OrderItem.aspx */
	width:100%;	
}
#Orderlist ul, #TestOrderItem ul, #tab1 ul,#tab2 ul, #tab_course ul { display:block\9; width:100%;}
#Orderlist li, #TestOrderItem li, #tab1 li,#tab2 li, #tab_course li  {
	display:flex;
	display:-webkit-flex;
	display:-ms-flexbox;
	flex-wrap:nowrap;/*不換行*/
	-ms-flex-wrap:nowrap;
	-webkit-flex-wrap:nowrap;	
	justify-content:center; /*水平置中*/	
	list-style-type:none;
	width:100%;
  	border-bottom:1px solid #CCC;
    display:block\9;
    height:45px\9;
}
#Orderlist li p, #tab1 li p,#tab2 li p, #TestOrderItem li p  {
	font-size:0.9em;
	padding:0 0.2em;
    float:left;
    margin:0;
    display:block;
	line-height:36px;
  	/*height:36px;*/
    vertical-align:middle;
    color:#a6a6a6;
}
#AurhCard div { text-align:center; color:#DC0B66; padding-top:30px;}

/* 訂單列表 #Orderlist */
#Orderlist { margin-top:14px;}

/*#Orderlist li p:nth-child(1){ width:10%; display:block;}來勝知識達不用秀訂單序號*/
#Orderlist li p:nth-child(1){ width:7%;}/*訂單編號*/
#Orderlist li p:nth-child(2){ width:47%;}/*訂單名稱*/
#Orderlist li p:nth-child(3){ width:14%;}/*訂購日期*/
#Orderlist li p:nth-child(4){ width:14%;}/*使用期限*/
#Orderlist li p:nth-child(5){ width:14%;}/*輔導期限*/
#Orderlist li p:nth-child(6){ padding-left:7.4%; idth:100%;}/*學習紀錄*/

/* 課程列表 #tab1 */
#tab1 li p:nth-child(1){ width:7%;}/*序號*/
#tab1 li p:nth-child(2){ width:60%;}/*名稱*/
#tab1 li p:nth-child(3){ width:15%;}/*辅导期限*/
#tab1 li p:nth-child(4){ width:15%;}/*收看期限*/
#tab1 li:nth-child(n+2) p:nth-child(5):before {content:"观看纪录：";}
#tab1 li:nth-child(n+2) p:nth-child(5) { witdh:100%; padding-left:7.4%; padding-top:0; line-height:22px;height:22px; }/*學習紀錄*/

/* 課程檔案列表 #tab_course */
#tab_course li:nth-child(n+2) { padding:8px 0;}
#tab_course li p { font-size:1em;padding:0 0.2em;float:left;margin:0;display:block;vertical-align:middle; line-height:48px; height:48px;}
#tab_course li p:nth-child(1){ width:3%;}/*序號*/
#tab_course li p:nth-child(2){ width:6%;}/*tag*/
#tab_course li p:nth-child(3){ width:30%;}/*名稱*/
#tab_course li p:nth-child(4){ width:17%; text-align:center}/*進度*/
#tab_course li p:nth-child(5){ width:16%; text-align:center}/*播放*/
#tab_course li p:nth-child(6){ width:11%; text-align:center}/*已看次數*/
#tab_course li p:nth-child(7){ width:17%;}/*上次觀看*/
#tab_course #vChapter{ width:100%;}
	/*播放按鈕*/
	.play-button { background:#5cbb47;color: #ffffff; display:inline-block; text-align:center; padding: 0 10px; border-radius:22px; line-height:44px; height:44px;}
    .play-button:hover { background:#25b8ea;color:#ffffff;}
	.play-button.disable {background:#B0B0B0;}
    /*標題列小字*/
    #tab_course li:nth-of-type(1) p a.small { color:#F8FF00;}
	/*顯示章節進度*/
    .ShowChapter {
	background: url(../image/bg_ShowChapter.png) bottom center no-repeat;
    background-size:cover;
	min-height: 50px;
	text-align: center;
    }

/*共用*/
#Orderlist li:nth-of-type(n+2) p:nth-child(2), #tab1 li:nth-child(n+2) p:nth-child(2){ /*名稱大字體*/
  font-size:1.1em; font-weight:bold;color:#169bc8;
}
#tab1 li:nth-child(n+2) p:nth-child(2) span { /*師資*/
  font-size:1em; font-weight:normal;color:#a6a6a6;
}
#Orderlist li:nth-of-type(1),#tab1 li:nth-of-type(1), #tab_course li:nth-of-type(1), #TestOrderItem li:nth-of-type(1) {/*標題列*/
  background-color:#169bc8; display:inline-block; width:100%;color:#FFF;}


#Orderlist li:nth-of-type(1) a,#tab1 li:nth-of-type(1) a, #tab_course li:nth-of-type(1) a, #TestOrderItem li:nth-of-type(1) a{/*標題列 a*/
    color:#FFF; 
}
#Orderlist li:nth-of-type(n+2) a, #tab1 li:nth-of-type(n+2) a, #TestOrderItem li:nth-of-type(n+2) a {/*檢視連結*/
	text-decoration:none;
	padding:10px 0; 
	width:100%;
  	background:url(../image/right-arrow.png) right center no-repeat;
}

#Orderlist li:nth-of-type(n+2) a:hover, #tab1 li:nth-of-type(n+2) a:hover, #TestOrderItem li:nth-of-type(n+2) a:hover {/*檢視連結 hover*/
  	 background:url(../image/right-arrow-o.png) right center no-repeat #5abb47; 
}
#tab_course li:nth-of-type(n+2):hover { background-color:#f6fbf4;}
#Orderlist li:nth-of-type(n+2) a:hover p, #tab1 li:nth-of-type(n+2) a:hover p, #tab1 li:nth-of-type(n+2) a:hover p span, #TestOrderItem li:nth-of-type(n+2) a:hover p {color:#FFF;}

/*課程以外的tab2-------------*/
#tab2 { border:1px solid #e6e6e6;
    background-color:#e6e6e6;
	background: -webkit-linear-gradient(top, #ffffff, #fafafa, #f5f5f5, #fafafa, #ffffff); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(bottom, #ffffff, #fafafa, #f5f5f5, #fafafa, #ffffff); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(bottom, #ffffff, #fafafa, #f5f5f5, #fafafa, #ffffff); /* For Firefox 3.6 to 15 */
	background: linear-gradient(to bottom, #ffffff, #fafafa, #f5f5f5, #fafafa, #ffffff); /* Standard syntax */
}
    #tab2 .Type { display:table; width:100%;}
    #tab2 div.Type:nth-of-type(1) { padding:0 0 10px;}
    #tab2 div.Type:last-of-type { padding:0 0 25px;}
	/*.product-type*/
    #tab2 div.Type > div { margin-top:0; padding:5px 15px;width:33.333%; display:inline-block; }
	    #tab2 div.Type > div a:hover {box-shadow: 0 0 20px rgba(0,0,0,0.3);transform: translateY(-5px);}
	    #tab2 div.Type > .product-type a {padding:15px;margin-top:25px;display:block;border:1px solid #e6e6e6;border-left-width:6px;background-color:#ffffff;-webkit-transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out; }
	    #tab2 div.Type > .product-type-29 a {padding:18px 15px 9px;margin-top:25px;display:block;border:1px solid #60b34b;background-color:#5eb847;-webkit-transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out; }
        #tab2 div.Type > div a .type {color:#c8b8b8; display:none; }
        #tab2 div.Type > .product-type a .name {color:#179cc9; font-size:1.2em; font-weight:bold; line-height:32px; vertical-align:middle;}
        #tab2 div.Type > .product-type-29 a .name {color:#ffffff; font-size:1.2em; font-weight:bold; line-height:32px; vertical-align:middle;}
        #tab2 div.Type > div a .name img { padding-right:10px }
        #tab2 div.Type > .product-type-29 span { display:inline-block; float:right; padding:0 6px; font-size:12px; background-color:#f2c820; color:#333333; line-height:20px; margin-top:12px; border-radius:8px;}


/*---quiz專用---*/
.quiz-list { 
	border-bottom:2px solid #d0ecf5;
    padding:10px;
}
	.quiz-papers {
        display:table;
        width:100%;
    }
    .paper {  padding:5px 15px; width:33.33%; position:relative; float:left;}
    .paper a {
      display:inline-block;
      min-height:115px;
      padding:8px 0 0 15px;
      margin:0;
      border:1px solid #dae4e8;
      border-right-width:0px;
      width:calc(100% - 30px);
      background-color:#fff;
      font-size:1.2em;
      font-weight:bold; 
    }
    .paper a small { display:block; font-weight:normal; color:#b1d3de; font-size:12px; padding-bottom:8px;}
    .paper span:before { position:absolute; right:15px; top:5px;display:inline-block; content:"";width:0;height:0;border-style: solid;border-width: 30px 0 0 30px; line-height: 0px;
      border-color: transparent #dae4e8 #dae4e8 #dae4e8;
      _border-color: #000000 #dae4e8 #dae4e8 #dae4e8;
      _filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');}
    .paper span:after { position:absolute; right:15px; top:5px;display:inline-block; content:"";width:31px;min-height:85px;border-right:1px solid #dae4e8;border-bottom:1px solid #dae4e8;padding:0;margin:30px 0 0;background-color:#fff;}
    .paper a, .paper span:after {color:#179cc9;-webkit-transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;
transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;}
	.paper:hover a {box-shadow: 0 5px 30px rgba(0,0,0,0.15);transform: translateY(-5px);border-color:#e3d5c4; }
    .paper:hover span:before {border-color: transparent #e3d5c4 #e3d5c4 #e3d5c4;
      _border-color: #000000 #e3d5c4 #e3d5c4 #e3d5c4;transform: translateY(-5px);}
    .paper:hover span:after {border-color:#e3d5c4;transform: translateY(-5px);}

/*---Media專用---*/
.media-list { padding:10px;}
	.all-media { display:table; width:100%;}
    .all-media .media { display:inline-block; width:33.33%; }
    .all-media .media a {
      text-align:center;
      display:inline-block;
      padding:18px 60px 8px 15px;     
      width:100%;
      color:#fff;
      font-size:1.25em;
      font-weight:bold; 
      min-height:90px; vertical-align:middle; position:relative; margin:5px 10px; border:1px solid #dae4e8; background-color:#18D9A9;
      -webkit-transition:background-color 200ms ease-in-out,transform 200ms ease-in-out;
      transition:background-color 200ms ease-in-out,transform 200ms ease-in-out;
    }
    .all-media .media a:after { content:url(../Image/play-sign.png); position:absolute; top:50%; right:20px;margin-top:-16px;display:inline-block;} 
    .all-media .media a:hover { background-color:#1391BF;}  
	@media (max-width:767px) {
        .paper, .all-media .media { width:100%!important;}
        #CellTime { display:none;}
        #tab2 .Type > div { width:100%!important;}
    }
    @media (max-width: 991px) {
		#Orderlist li p, #tab1 li p, #tab2 li p, #TestOrderItem li p { line-height:28px;}
        /*訂單列表*/
        #Orderlist ul, #Orderlist li { padding:0; margin:0; }
        #Orderlist li p:nth-child(1) { width:10%;font-size:0.7em;}/*序號*/
        #Orderlist li p:nth-child(2) { width:84%; padding-right:6%;}/*名稱*/
        #Orderlist li:nth-of-type(1) p:nth-child(3),#Orderlist li:nth-of-type(1) p:nth-child(4),#Orderlist li:nth-of-type(1) p:nth-child(5) {display:none;}
        #Orderlist li p:nth-child(3),#Orderlist li p:nth-child(4),#Orderlist li p:nth-child(5) { padding-left:10.4%; padding-right:15px;display:block; width:auto; height:28px; line-height:28px;}
        #Orderlist li p:nth-child(3):before { content:"订购："}/*測驗：不需秀的欄位display:none;*/
        #Orderlist li p:nth-child(4):before { content:"辅导："}
        #Orderlist li p:nth-child(5):before { content:"收看："}
        #Orderlist li p:nth-child(6) {padding-left:10.4%;}
        /*課程列表*/
        #tab1 li p:nth-child(1){ width:10%;font-size:0.7em;}/*序號*/
        #tab1 li p:nth-child(2){ width:84%; padding-right:6%;}/*名稱*/
        #tab1 li:nth-of-type(1) p:nth-child(3), #tab1 li:nth-of-type(1) p:nth-child(4), #tab1 li:nth-of-type(1) p:nth-child(5) {display:none;}
        #tab1 li p:nth-child(3), #tab1 li p:nth-child(4) { padding-left:10.4%; padding-right:15px;display:block; width:auto; height:28px; line-height:28px;}
		#tab1 li:nth-child(n+2) p:nth-child(3):before { content:"辅导："}
        #tab1 li:nth-child(n+2) p:nth-child(4):before { content:"收看："}
        #tab1 li:nth-child(n+2) p:nth-child(5) { padding-left:10.4%; }/*學習紀錄*/
        
        /*檔案列表*/
		#tab_course li:nth-of-type(1) p:nth-child(1), #tab_course li:nth-of-type(1) p:nth-child(2), #tab_course li:nth-of-type(1) p:nth-child(6), #tab_course li:nth-of-type(1) p:nth-child(7) { display:none;}
        #tab_course li { flex-wrap: wrap; padding:0!important;}/*讓 #tab_course li p自動斷行*/
        #tab_course li p { line-height:24px; height:24px;}
        #tab_course li p:nth-child(1){ width:8%; color:#B8C0CB}/*序號*/
        #tab_course li p:nth-child(2){ width:92%;}/*tag*/
        #tab_course li p:nth-child(3){ width:40%; padding-left:7%; line-height:48px; height:48px}/*名稱*/
        #tab_course li p:nth-child(4){ width:28%; text-align:center; line-height:48px; height:48px; padding:0;}/*進度*/
        #tab_course li p:nth-child(5){ width:28%; text-align:center; line-height:48px; height:48px; padding:0;}/*播放*/
        	.play-button { width:100%;}
        #tab_course li p:nth-child(6){ width:45%;padding-left:5%; text-align:left;color:#a6a6a6}/*已看次數*/
        #tab_course li p:nth-child(7){ width:46%; overflow:hidden;color:#a6a6a6}/*上次觀看*/
        #tab_course li:nth-child(n+2) p:nth-child(6):before { content:"已看次数：";}
        #tab_course li:nth-child(n+2) p:nth-child(7):before { content:"上次观看：";}
    }
    @media (min-width:768px) and (max-width:991px) {
    	#tab2 .Type > div, .paper,.all-media .media { width:50%!important; }
    }
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/* OrderFormList.aspx 訂單列表 End */

/* OrderForm共用 */
#OrderFormTAB{
	clear:both;	
	margin-top:0;
	width: 100%;
}

#OrderFormTAB .news_tab {
	clear: left;
	margin: 1em 0;
}
/*#OrderFormTAB ul, #OrderFormTAB li {
	margin:0;
	padding:0;
	list-style-type:none;
}*/
#OrderFormTAB ul.tabs {
  	border:1px solid #e6e6e6;
	display:table;
	width:100%;
  	margin: 0.1em 0 0;
}
#OrderFormTAB ul.tabs li {
	float: left;
	height: 52px;
	line-height: 52px;
	margin:0;
	overflow: hidden;
	position: relative;
	text-align:center;
  	min-width:15%; 
  	padding:0;
    font-size:1em;
}
#OrderFormTAB ul.tabs li a {
	display: block;
	margin:0;
	padding:0;
	text-decoration: none;
}
#OrderFormTAB ul.tabs li:hover a {
	background-color:#f0fced;
    color:#5abb47;
}
#OrderFormTAB ul.tabs li.act {
	color:#179cc9;
  	border-bottom:4px solid #179cc9;
}
#OrderFormTAB ul.tabs li.act a {
  color:#179cc9;
  font-weight:bold;
}

#OrderFormTAB .table>tbody>tr>th {/*下載項目表頭*/
     border-top: 1px solid #fff;
}


/* OrderFormTAB END */
/* QuizChapter */
#QuizChapter { padding:0 15px; text-align:center; }
#QuizChapter a { border:1px solid #18D9A9; color:#18D9A9;font-size:1.2em; display:inline-block; text-align:center; height:36px; line-height:36px; margin:5px; padding:0 15px; }



    

/* 練習卷 */
#TestOrderItem li p:nth-child(1){ width:10%; display:block;}/*序號*/
#TestOrderItem li p:nth-child(2){ width:50%; display:block; text-align:left;}/*測驗名稱*/
#TestOrderItem li p:nth-child(3){ width:15%; display:block;}/*測驗時間*/
#TestOrderItem li p:nth-child(4){ width:15%; display:block;}/*次數*/
#TestOrderItem li p:nth-child(5){ width:10%; display:block;}/*檢視*/

@media (max-width: 767px) {
	#OrderFormTAB { margin-left:-15px; margin-right:-15px; width:calc(100% + 30px);}
    #OrderFormTAB ul.tabs li { min-width:20%; }
}
@media (max-width: 991px) {
	#TestOrderItem li p:nth-child(1){ display:none;}
	#TestOrderItem li p:nth-child(2){ width:70%;}	
	#TestOrderItem li p:nth-child(3){ display:none;}
	#TestOrderItem li p:nth-child(4){ display:none;}
}
@media (min-width:768px) and (max-width:991px) {
    

}
/* ------------------------------------------------------------------------------------------------------------------------------------ */
/*OrderFormItem.aspx End*/
































/*訂單不分課程型態--以下要清理*/
/*課程訂單、科目、章節新樣式-----------------------------------*/
.During-Period, .Expired, .alert { margin:0 15px }
#all .list { background:url(../image/right-arrow.png) right center no-repeat; display:table; width:100%; padding:23px 15px;margin-bottom:10px; border:1px solid #e4e5e7;-webkit-transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out; }
#all .list:hover { background:url(../image/right-arrow-o.png) right center no-repeat; border-color:#cccccc;box-shadow: 0 0 10px rgba(0,0,0,0.3);transform: translateY(-3px);}
#all .title { color:#872500;display:inline-block; font-size:19px; font-weight:bold; line-height:22px; width:100%; padding:0 0 10px;}
#all .no { color:#a56d58; display:block;  float:left;}

#online .ordername { color:#109ad7;}
#center .ordername { color:#F07000;}
#quiz .ordername { color:#9f9b81;}
#online .During-Period .orderlist { width: 100%; border:1px solid #ebebeb; border-bottom:4px solid #dfeaf2;
	margin: 0 0 15px 0;
	padding: 0;
	display: inline-block;
	cursor:pointer;
}
#center .During-Period .orderlist { width: 100%; border:1px solid #ebebeb; border-bottom:4px solid #FDE3A9;
	margin: 0 0 15px 0;
	padding: 0;
	display: inline-block;
	cursor:pointer;
  	background: url(../image/right-arrow-o.png) center right no-repeat;
}
#quiz .During-Period .orderlist { width: 100%; border:1px solid #ebebeb; border-bottom:4px solid #f6f3de;
	margin: 0 0 15px 0;
	padding: 0;
	display: inline-block;
	cursor:pointer;
  	background: url(../image/right-arrow-o.png) center right no-repeat;
}
.During-Period .orderlist:hover  { border-color:#fff;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.35);
	box-shadow:  0px 0px 10px 0px rgba(0,0,0,0.35);
}
#center .During-Period .orderlist:hover {
  background: url(../image/right-arrow.png) center right no-repeat #ffffff;
}
.During-Period .ordername {
	width:100%;
	font-size:19px;
	font-weight:bold;
	line-height:22px;
	/*color:#109ad7;*/
	display:inline-block;
}
.Expired .orderlist { width: 100%; border:1px solid #ccd5db; border-bottom:4px solid #b0bfca;
	margin: 0 0 15px 0;
	padding: 0;
	display: inline-block;
	background-color: #dae1e6;
}
.Expired  .ordername {
	width:100%;
	font-size:19px;
	font-weight:bold;
	line-height:22px;
	color:#575e63;
	display:inline-block;
	padding:23px 14px
}
.Expired .ordername .label { background-color:#f6be00 }
#online .order-no { color:#2c7db2; font-size:13px; display:block;float:left}
#center .order-no { color:#F07000; font-size:13px; display:block;float:left}
#quiz .order-no { color:#9f9b81; font-size:13px; display:block;float:left}
.order-no small { padding-right:8px }
.order-date, .total-minute, .tutor-date, .exp-date {color:#6b6b6b; font-size:14px; line-height:24px; display:block;float:left }

#OrderFormList .nav-pills { text-align:center; border-bottom:1px solid #f5f5f5; margin:15px;}
#OrderFormList .nav-pills li { display:inline-block; float: none;}
#OrderFormList .nav-pills li a { border-radius:0;}

#center .location { margin:0 15px 10px;}
#center .location a {padding:15px;display:block;border:1px solid #cccccc;-webkit-transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;transition:box-shadow 200ms ease-in-out,transform 200ms ease-in-out;}
#center .location a:hover {box-shadow: 0 0 10px rgba(0,0,0,0.3);transform: translateY(-3px);}
#center .location a .no { display:inline-block; color:#F07000;line-height:32px;vertical-align:middle;}
#center .location a .title { display:inline-block; font-size:19px; font-weight:bold; line-height:32px;vertical-align:middle;color:#F07000;}
#center .location a .title:after {content:url(../image/right-arrow.png); float:right;line-height:32px;height:32px;padding:0;}

@media (max-width: 767px) {
#all .no, #all .order-date, #all .tutor-date, #all .exp-date, #all .total-minute { width:100%; padding:1px 15px}

#online .During-Period .orderlist { 
	background: url(../image/btn_view_order_m.png) top right no-repeat, -webkit-linear-gradient(#fefefe, #f5f5f5);
	background: url(../image/btn_view_order_m.png) top right no-repeat, -o-linear-gradient(#fefefe, #f5f5f5);
	background: url(../image/btn_view_order_m.png) top right no-repeat, -moz-linear-gradient(#fefefe, #f5f5f5);
	background: url(../image/btn_view_order_m.png) top right no-repeat, linear-gradient(#fefefe, #f5f5f5);
	padding-bottom:10px;
}
#online .During-Period .orderlist:hover  { 
	background: url(../image/btn_view_order_m_o.png) top right no-repeat #fffbf3;
  	border-bottom-color:#f39800;
}
.During-Period .ordername {
	padding:23px 75px 18px 12px
}
.Expired .orderlist { padding-bottom:10px;  }
.order-no { padding:0 0 0 30px; width:100% }
.order-no small { font-size:14px}
.order-date, .tutor-date, .total-minute, .exp-date {padding:0 0 0 30px; width:100% }

#center .location a .no { width:33%;}
#center .location a .title { width:66%;}

}
@media (min-width:768px) {
#all .no { width:8%; height:60px;}
#all .order-date, #all .tutor-date, #all .exp-date, #all .total-minute { width:46%; padding:1px 5px}
#online .During-Period .orderlist { 
	background: url(../image/btn_view_order.png) top right no-repeat #fefefe;
	background: url(../image/btn_view_order.png) top right no-repeat, -webkit-linear-gradient(#fff, #fefefe);
	background: url(../image/btn_view_order.png) top right no-repeat, -o-linear-gradient(#fff, #fefefe);
	background: url(../image/btn_view_order.png) top right no-repeat, -moz-linear-gradient(#fff, #fefefe);
	background: url(../image/btn_view_order.png) top right no-repeat, linear-gradient(#fff, #fefefe);
}
#online .During-Period .orderlist:hover  { 
	background: url(../image/btn_view_order_o.png) top right no-repeat #fffbf3;
  	border-bottom-color:#f39800;
}
.During-Period .ordername {
	padding:23px 70px 18px 15px
}
.order-no { padding:0 0 30px 30px; width:28% }/*padding:0 0 45px 30px;*/
.order-no small { display:block; line-height:1.7 }
.order-date, .tutor-date { width:70%;}
.total-minute, .exp-date { width:70% }
.total-minute { padding-right: 20px }
#center .location a .no { width:15%;}
#center .location a .title { width:84%;}
}
@media (min-width:992px) {
.During-Period .ordername {
	padding:23px 110px 18px 18px
}
.order-no { padding:0 0 30px 35px; width:20% }
.order-date, .tutor-date { width:30%; float:left;}
.total-minute, .exp-date { width:30%; float:left; }
}


/*課程訂單、科目、章節新樣式-----------------------------------*/

#ChannelTitle {
    vertical-align:middle;
	margin: 0;
	color: #515151;
	font-size: 22px;
	font-weight: bold;
    overflow:hidden;
    line-height:28px;
    padding:18px 0 0 88px;
}
#ChannelTitle .icon { float:left; margin:-18px 0 0 -88px; padding-right:15px; }
#ChannelTitle small { padding-left:10px; font-size: 13px; color:#d2e0f6;}
 
@media (max-width:767px) {
#ChannelTitle {font-size:18px; padding:12px 0 0 66px;}
#ChannelTitle .icon { margin:-12px  0 0 -66px; padding-right:0}
#ChannelTitle .icon img { width:66px; max-width:100%; height:auto; }


}



/*mp4看課介面 OrderFormMPItemFileAuth...*/
/*header_course.aspx*/
#logo .right { float:right; margin:0; }
#logo .right .login-name { margin:0; text-align:right; }
#logo .right .login-name .hidden-xs { display:inline-block; height:60px; line-height:60px; vertical-align:middle}
#logo .right .login-name a { display:inline-block; height:60px; padding:0 15px;  line-height:45px;margin-left:10px; vertical-align:middle; color:#fff; background-color:#e14163 }
#logo .right .login-name a .close { font-size:40px; line-height:60px; color:#fff;  filter:alpha(opacity=60);opacity:.6}

/*Channle logo*/
    #BodyHeader #logo_ch { height:70px;}
    #BodyHeader #logo_ch img {max-width:100%; height:auto; display:inline-block; }
    #BodyHeader #logo_ch .login-info { float:right;  text-align:right}
    #BodyHeader #logo_ch .btn { font-size:16px; background-color:#ccc; border-radius:0; }
    #BodyHeader #logo_ch .close { font-size:45px; padding-top:6px }
    
/*player預設功能關閉*/
.rmp-hd, .rmp-cc {
    display: none;
}

.orderID {
	font-size: 12px;
	color: #dbdbdb;
	overflow: hidden
}

.videotag {
	padding-top: 5px;
}
.btn_videotag {
	border-radius: 0;
	width: 75px;
	padding-top: 3px;
	padding-bottom: 3px;
	height: 36px
}
.form-control-static {
	min-height: 36px;
}
.input_playbar {
	width: 75px;
	padding: 0 1px!important;
	font-size: 14px
}
.playerarea {
/*	border-right: 2px solid #73bad9;*/
	padding:15px;
	margin:0 ;
	text-align: center;
	min-height: 410px;
	display:block;
	float:left;
}
.notearea {
	padding:0;
	margin:0;
	display:block;
	float:left;
	min-height:1px;
}
.notearea H5 {
	border-bottom: 0!important;
	font-size: 19px!important;
	padding-bottom: 0!important
}

/*課程選單*/
.notearea .nav-tabs > li { width:50% }
.notearea .nav-tabs > li > a {
	text-align:center;
	padding: 10px 0 3px!important;
}
.notearea .list {
	position: relative;
	width: 100%;
}
.notearea .list-group { border-top:1px solid #d8dde6; border-bottom:1px solid #d8dde6;  border-radius: 4px; }
.notearea .list-group-item.active { background-color:#e14163; color:#fff; border-width:0 }
.notearea .list-group-item:hover { color:#e14163 }
.notearea .list-group-item.active:hover { background-color:#e14163; color:#FFF; border-width:0}
.notearea .list-group-item { min-height:49px!important }
.notearea .list-group-item .sChapter { display:block; font-size:13px; color:#adadad; padding-top:5px; }
.notearea .btn { border-radius:0 }


@media (max-width:767px) {
#logo .right { margin-top:0; }
#logo .right .login-name .hidden-xs, #logo .right .login-name a { height:60px; line-height:60px; }
#logo .right .login-name a { background-color:transparent; }
#logo .right .login-name a .close { font-size:40px; line-height:60px;}


.playerarea, .notearea  { width:100% }
.notearea  { padding:0 15px }
.notearea .list-group { overflow-y:scroll; max-height:165px }
}
@media (min-width:768px) and (max-width:991px) {
.playerarea, .notearea  { width:100% }
.playerarea h4 { margin-top:0; padding-top:0; line-height:1 }
.notearea  { padding:0 15px }
.notearea .list-group { overflow-y:scroll; max-height:195px }
.notearea H5 {
	padding-top: 10px!important
}
}

@media (min-width:992px) {
.videotag {
	padding-top: 15px;
}
.playerarea { width:73%; padding:0 45px }
.notearea {
	width:27%;
}
.notearea .list-group { overflow-y:scroll; max-height:527px }
.notearea .list-group-item { padding:10px 5px }
.notearea .list-group-item .pull-right { font-size:13px }
.notearea H5 { padding-top:0 }
.notearea textarea.form-control { height: 453px; margin-bottom:15px }
}
@media (min-width:768px) and (max-width:1199px) {
#logo .right { padding-right:0!important }
#logo .right .login-name {padding-right:0!important }
}
/*mp4看課介面End*/


/*Q&A常見問題---------------------------------*/
/*Q&A 上方的Menu用*/
#QA.navbar.navbar-inverse { background-color:#eeeeee;margin-bottom:0; min-height:39px; line-height:39px;border-width:0; padding:0 }
#QA.navbar-inverse .navbar-nav > .active > a,
#QA.navbar-inverse .navbar-nav > .active > a:focus {
  background-color:transparent;
}
#QA .container-fluid { margin:0; color:#333333; height:39px;  }
#QA .navbar-brand { font-weight: bold; color:#333333; font-size:15px; height:39px; line-height:39px; margin:0; padding:0 10px}
#QA .navbar-nav > li > a {
  padding: 0 10px;
  line-height: 39px;
  color:#333333
}
#QA .navbar-nav > li > a:hover { background-color:#f6be00; color:#fff }
#QA .navbar-toggle {
	padding:9px 15px;
	margin:6px 16px;
	background-color:#fff
}
.ChapterLevel:not(:last-child):after { content:"> "}
.ChapterLevel:last-child {color:#424b52 }
.bg-submenu { padding:4px 15px; background-color:#f6f6f6; width:100%; min-height:0 }
.submenu { font-size:16px; padding:0 16px 0 0; display:inline-block }
.submenu:first-child { padding-left:16px; padding-right:0; background-color:transparent ; color:#424b52 }
.submenu:first-child:before { content:"子分类："; padding-right:16px }
.submenu:last-child:before { padding:0; display:none } 
.submenu:focus {background-color:#f5f8f9;}

#searchQA { padding:8px 0 0; margin:0}

#QA-list .row { margin:0;border-bottom:1px solid #c7d9ed;}
#QA-list .row:hover { background-color:#f6f6f6!important }
#QA-list .row:nth-child(even) { background-color:#f7fafc }
#QA-list .order { color:#e093a2; font-weight:bold;font-size:14px; float:left; position:relative }
#QA-list .question { float:left; position:relative; border-left: 4px double #f1ced5; }
#QA-list .question b { float:right; font-size:13px; border-radius:4px; color:#fff; padding:0 5px;background-color:#4892e4 }
#QA-list .question b.sd { background-color:#ff7c3b!important}
#QA-list .question b.mp { background-color:#2abbfe!important}
#QA-list .catalog { color:#bbbbbb; font-size:13px; text-align:left }
#QA-list .content { background-color:#fcfcfc; border-bottom: 1px solid #eeeeee; padding:25px 10px 15px; margin:0 -5px; text-align:justify }
#QA-list .content p { line-height:1.9; }
#QA-list .content h4 { color:#0075c1; font-weight:bold; margin-top:45px }
#QA-list .content h5 { font-weight:bold; font-size: 17px;color:#5a6064; margin:20px 0 0 }
#QA-list .content .label { font-size: 17px; padding:5px 8px 4px!important }
#QA-list .table { border-width:0 }
#QA-list .table tr { border-width:0; border-bottom:3px solid #fff }
#QA-list .content img { display: block; max-width: 100%; height: auto;margin:5px auto 25px}
#QA-list .list-group-item:hover { background-color:#f9f9f9 }
#QA-list .list-group-item-heading { font-size: 18px; color:#000; margin-top:25px!important}
#QA-list .list-group-item-text { padding:5px 15px 15px; line-height:24px}
#QA-list .nav-tabs { border-bottom:1px solid #f39800 }
#QA-list .nav-tabs li.active a { color:#fff }
#QA-list .nav-tabs li a { color:#f39800}
#QA-list .nav-tabs li a:hover { background-color:#fcfcfc; color:#f39800}
#QA-list .bg-light { padding:9px!important; border-width:0px!important }
@media (max-width:767px) {
.submenu { display:block; text-align:center; width:100%;}
.submenu:not(:first-child) { border:1px solid #005cAF; margin-top:-1px; line-height:36px }
#QA-list .row { padding:9px 5px; }
#QA-list .pad-lg { padding:0!important}
#QA-list .order, #QA .catalog { padding:3px 8px; line-height:1 }
#QA-list .question { width:100%; padding:3px 8px; border-width:0; }
#QA-list .catalog:before { content:"／" }
#QA-list .content { margin:-8px -5px; }
}
@media (min-width:768px) {
#QA-list .row { padding:0 5px }
#QA-list .order { width:10%; padding:10px 8px; line-height:22px; text-align:center}
#QA-list .catalog { margin-bottom:-10px}
#QA-list .question { width:90%; padding:10px 8px; line-height:22px }
#QA-list .content { padding:40px 30px 25px }
}


/*左選單-手機版變下拉*/
#be-select .visible-xs, #selected--zg-ul-select.active { display:none;}
@media screen and (max-width:767px) {
#be-select .sub {display:none;}
ul.zg-ul-select {
  border-radius: 2px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  margin: 5px;
  padding:0;
}
ul.zg-ul-select li {
  border-radius: 3px;
  display: none;
}
ul.zg-ul-select li.active {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #aaa;
          box-shadow: 0 0 2px #aaa;
  color: #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding:8px 0;
}

ul.zg-ul-select.active {
  border: 1px solid #ccc;
}
ul.zg-ul-select.active li {
  border: none;
  -webkit-box-shadow: none;
          box-shadow: none;
  display: block;
}

ul.zg-ul-select.active li.active:hover {
  background: #f6f6f6;
  display:none;
}

#selected--zg-ul-select {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #111;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: auto;
}
#selected--zg-ul-select.active {
  border: 1px solid #ccc;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px #aaa;
          box-shadow: 0 0 2px #aaa;
  padding:13px 30px;
  margin:5px 5px 0;
}
}

/*學習中心預約----Start*/
	#reshomeTAB .row .btn { width:200px; font-size:18px;}/*預約聽課按鈕*/

    #reshomeTAB .reshome-news {position:relative;background-color:#ece2d7; padding:0;border-radius:6px; margin-bottom:15px;} 
    #reshomeTAB .reshome-news > div {padding:0.5rem;}
    #reshomeTAB .reshome-news .date { color:#FF5700; display:inline-block; padding:0 8px; font-size:13px;}
    #reshomeTAB .reshome-news:before { content:""; width:0; height:0; border:10px solid transparent;border-top:15px solid #ece2d7; position:absolute;top:100%; left:calc(50% - 120px); }
    #reshomeTAB .tab-content { border:1px solid #eee; padding:9px;}
    #reshomeTAB .text-danger { color:#FF5700; }
    
    #reshomeTAB ul, #reshomeTAB li { padding:0;list-style-type:none;   }
	#reshomeTAB ul {
  	border-bottom:1px solid #d1ceb8;
	display:table;
	width:100%;
  	margin: 15px 0 0;
	}
	#reshomeTAB ul li {
	float: left;
  	height: 60px;
	line-height: 60px;
	margin-right:0;
    margin-bottom:-2px;
	overflow: hidden;
	position: relative;
	text-align:center;
	width:20%;
  	padding:0 0 4px;
    font-size:16px;
    background-color:#ebebe5; 
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(248,248,246,0) 33%, rgba(235,235,229,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(248,248,246,0) 33%,rgba(235,235,229,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(248,248,246,0) 33%,rgba(235,235,229,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebe5',GradientType=0 ); /* IE6-9 */
  	border:1px solid #d1ceb8;
    border-bottom:2px solid #d1ceb8;
	}
	#reshomeTAB ul li a {
	color:#333;		
	display: block;
	margin:0;
	padding:0;
	text-decoration: none;
	}
	#reshomeTAB ul li.act {
	height: 60px;
	line-height: 60px;
	color:#9f9b81;
  	border-top:4px solid #9f9b81;
    border-left:1px solid #eee;
    border-right:1px solid #eee;
    border-bottom:2px solid #ffffff;
	background: -moz-linear-gradient(top, rgba(248,247,244,1) 0%, rgba(248,247,244,0.33) 33%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(248,247,244,1) 0%, rgba(248,247,244,0.33) 33%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(248,247,244,1) 0%, rgba(248,247,244,0.33) 33%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f8f7f4', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    z-index:999;
	}
	#reshomeTAB ul li.act a {
	color:#9f9b81;
    font-weight:bold;
	}
    
    /*預約流程*/
    #reshomeTAB .flows strong { font-size:17px;}
    #reshomeTAB .flow { display:inline-block; padding:2px 5px; border-radius:6px; background-color:#cccccc; color:#fff; font-weight:bold; margin: 5px;}
    #reshomeTAB .flow.act {background-color:#a864a8;}
    @media (max-width:767px) {
        #reshomeTAB .row .btn { width:120px; font-size:16px; padding-left:0; padding-right:0;}/*預約聽課按鈕*/
	    #reshomeTAB .reshome-news:before {left:calc(50% - 80px); }
        #reshomeTAB ul li {	width:auto;}
        #reshomeTAB ul li {padding-left:8px; padding-right:8px;}
        #reshomeTAB .flows strong {display:block;}
    }
/*學習中心預約----End*/    

/*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: #e14163}
.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; }