.text-slate-800, .text-slate-800:hover, .text-slate-800:focus {
    	color: #37474f !important;
		}
		html, body {
		    height: 100%;
		    width: 100%;
		}


		/*右邊球型選單*/
    /*
		.navbar-circle ul.sliderbar_circle.nav > li > a:hover {
		    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
		}
		.navbar-circle ul.sliderbar_circle {
		    left: 95%;
		    position: fixed;
		    top: 40%;
		    width: 50px;
		    z-index: 1110;
		}
		.navbar-circle ul.sliderbar_circle li {
		    height: 40px;
		}
		.navbar-circle ul.sliderbar_circle li a {
		    height: 20px;
		    width: 20px;
		}
		.navbar-circle ul.sliderbar_circle li a::before {
		    background-color: rgba(0, 0, 0, 0.16);
		    border: 3px solid #fff;
		    border-radius: 9px;
		    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.4);
		    box-sizing: content-box;
		    content: "";
		    height: 12px;
		    position: absolute;
		    width: 12px;
		}
		.navbar-circle ul.sliderbar_circle li:hover span {
		    display: inline-block;
		}
		.navbar-circle ul.sliderbar_circle li.active a::before {
		    background-color: #fff;
		    border: 3px solid rgba(0, 0, 0, 0.16);
		    border-radius: 15px;
		    height: 20px;
		    margin-left: -3px;
		    width: 20px;
		}
		.navbar-circle ul.sliderbar_circle li span {
		    background: rgba(95, 95, 95, 0.8) none repeat scroll 0 0;
		    border-radius: 12px;
		    color: #fff;
		    display: none;
		    left: -140px;
		    padding: 5px 15px;
		    position: absolute;
		    text-align: center;
		    top: -6px;
		    width: 136px;
		}
		.navbar-circle ul.sliderbar_circle li.active span {
		    top: -4px;
		}

		.navbar-circle ul.sliderbar_circle.nav > li > a:focus, .navbar-circle ul.sliderbar_circle.nav > li > a:hover {
		    background-color: transparent;
		    text-decoration: none;
		}

		.navbar-circle ul.sliderbar_circle.nav > li > a:hover, .navbar-circle ul.sliderbar_circle.nav > li > a:focus {
		    color: transparent;
		}*/


		/*箭頭右*/
		.arrow_r_int{
			width:0px;
			height:0px;
			border-width:37px;
			border-style:solid;
			border-color:transparent transparent transparent #233140;
			position:absolute;;
			right:-74px;
			margin-top: -25px;
			z-index: 1;
		}

		.circle-icon .fa {
        border-style: solid;
        padding: 30px;
        font-size: 6em;
        border-radius: 50%;
		}

		.squa-icon .fa {
        	border-style: solid;
        	padding: 10px;
        	border-radius: 20%;
        	width:95px;

		}

		#area_5 a.commonitem {
		    background: #fff none repeat scroll 0 0;
		    border: 1px solid #eaeaea;
		    border-radius: 5px;
		    box-shadow: none;
		    color: #666;
		    display: block;
		    font-size: 13px;
		    height: 220px;
		    line-height: 1.5em;
		    margin-bottom: 25px;
		    padding: 20px;
		    text-align: center;
		    text-decoration: none;
		}
		#area_5 a.commonitem:hover {
		    box-shadow: 0 0 4px 1px rgba(191, 191, 191, 0.3);
		}
		a.commonitem {
		    background: #fff none repeat scroll 0 0;
		    border-radius: 5px;
		    box-shadow: 0 2px 2px 0 #dcdcdc;
		    color: #666;
		    display: block;
		    font-size: 13px;
		    height: 240px;
		    line-height: 1.5em;
		    margin-bottom: 25px;
		    padding: 20px;
		    text-align: center;
		    text-decoration: none;
		}
		a.commonitem:hover {
		    color: #666;
		}
		a.commonitem .title {
		    color: #333;
		    font-size: 23px;
		    line-height: 2;
		    margin-bottom: 5px;
		}
		.tab_5 {
			cursor: pointer;
		}

		.tab_5_active{
			border-color:#18bc9c;
			box-shadow: 0 2px 2px #18bc9c;
		}

		/* ---- 書本移動效果 ---- */
		.thumb:hover > .caption-overflow {
    		background-color: rgba(152, 245, 255, 0.7);
    		opacity: 1;
    		visibility: visible;
		}

		.caption-overflow {
    		background-color: rgba(123, 123, 123, 0.2);
    		opacity: 1;
    		visibility: visible;
		}

		.caption-overflow:hover {
    		background-color: rgba(152, 245, 255, 0.7);
    		opacity: 1;
    		visibility: visible;
		}


		/* ---- grid-item ---- */

		.grid_4 {
  			margin: 0 auto;

		}

		.grid-item {
  			width: <?=$columnWidth;?>px;
  			float: left;
  			padding: 10px;
		}

		.navbar-header {
			min-width: 0px;
		}


		.book_img{
			max-height: 500px;
		}

		.black2_active{
			color:#FFB74D;
		}
		.black2_active:focus, .black2_active.focus {
    		color:#FFB74D;
		}

		.black3_active{
			color:#FFB74D;
		}
		.black3_active:focus, .black3_active.focus {
    		color:#FFB74D;
		}

		.nav-tabs.black41 > li.active > a,
		.nav-tabs.black41 > li.active > a:hover,
		.nav-tabs.black41 > li.active > a:focus{
			border-top-color: #2c3e50;
		}

		.nav-tabs.black42 > li.active > a,
		.nav-tabs.black42 > li.active > a:hover,
		.nav-tabs.black42 > li.active > a:focus{
			border-top-color: #3498db;
		}

		.nav-tabs.black43 > li.active > a,
		.nav-tabs.black43 > li.active > a:hover,
		.nav-tabs.black43 > li.active > a:focus{
			border-top-color: #18bc9c;
		}
		.border-info {
    		border-color: #3498db;
   		 	border-radius: 100px;
   		 	width: 45px;
		}

		.tab-content p{
			font-size: 12px;
		}

		#area_8 .label{
			font-size: 12px;
		}

		#area_8 .news_more a{
			font-size: 12px;
			color :#e4007f
		}
		#area_8 .tab-content p{
			font-size: 12px;
		}

		#area_8 .media{
			padding: 10px;
			margin-bottom: 10px;
			margin-top: 10px;
			border-left-width: 10px;
			color: #AAA;
			background: #EEE;
			border-radius: 10px;
		}

		#area_8 .media-body{
			border-bottom:1px dotted #aaa;
		}
		#area_8 li{
			border-bottom:1px dotted #aaa;
			padding-bottom: 10px;
			padding-top: 10px;
		}
		#area_8 .btn-circle {
  			width: 30px;
  			height: 30px;
  			text-align: center;
  			padding: 6px 0;
  			font-size: 12px;
  			line-height: 1.42;
  			border-radius: 15px;
		}

		.media-heading{
			padding-top: 10px; padding-bottom: 10px;
		}
		.book_detail_R{
			border: 1px solid #e5e5e5;
			padding: 20px 30px;
			background-color: #f7f7f3;
			margin-top: 50px;
		}
		.book_menu p{
			font-size: 12px;
		}


		.btn-01 {
		    background-color: #A75FA9;
		    border-color: #A75FA9;
		    color: #ffffff;
		}

		.btn-02 {
		    background-color: #3598DB;
		    border-color: #3598DB;
		    color: #ffffff;
		}

		.btn-03 {
		    background-color: #18BB9C;
		    border-color: #18BB9C;
		    color: #ffffff;
		}

		.btn-04 {
		    background-color: #F5B017;
		    border-color: #F5B017;
		    color: #ffffff;
		}

		.btn-05 {
		    background-color: #E93E6A;
		    border-color: #E93E6A;
		    color: #ffffff;
		}

		.btn-06 {
		    background-color: #95A7A9;
		    border-color: #95A7A9;
		    color: #ffffff;
		}

		.btn-31 {
		    /*background-color: #C5D052;
		    border-color: #C5D052;
		    color: #ffffff;*/
				background-color: #FF3287;
		    border-color: #FF3287;
		    color: #ffffff;
		}

		.btn-32 {
		    /*background-color: #26ADE2;
		    border-color: #26ADE2;
		    color: #ffffff;*/
				background-color: #09CCAB;
				border-color: #09CCAB;
				color: #ffffff;
		}

		.btn-33 {
		    /*background-color: #FDC629;
		    border-color: #FDC629;
		    color: #ffffff;*/
				background-color: #C928A6;
				border-color: #C928A6;
				color: #ffffff;
		}
		.btn-34 {
		    background-color: coral;
		    border-color: coral;
		    color: #ffffff;
		}

		.btn-11 {
		    background-color: #65D2BD;
		    border-color: #65D2BD;
		    color: #ffffff;
		}

		.btn-12 {
		    background-color: #DC87BE;
		    border-color: #DC87BE;
		    color: #ffffff;
		}

		.btn-13 {
		    background-color: #81B9DA;
		    border-color: #81B9DA;
		    color: #ffffff;
		}

		.btn-14 {
		    background-color: #F5A284;
		    border-color: #F5A284;
		    color: #ffffff;
		}

		.label-11 {
		    background-color: #65D2BD;
		}

		.label-12 {
		    background-color: #DC87BE;
		}

		.label-13 {
		    background-color: #81B9DA;
		}

		.label-14 {
		    background-color: #F5A284;
		}


		hr.star-light-blue::after {
    		background-color: #6cb0fe;
    		color: #fff;
		}

		.role_level_1 button{
			width: 100px;
			margin-right: 5px;
			margin-left: 5px;
		}

		.rotator {
    		border: 3px solid #000;
		}
		.navbar-default .navbar-nav > .active > a {
			box-shadow:none;
		}

		/* ---- 期刊 ---- */
		.carousel-control {
  			padding-top:32%;
  			width:5%;
		}

		/* ---- 新聞區塊 ---- */
		#hotArticle {
		    position: relative;
		}
		#hotArticle .picWrap {
		    box-sizing: border-box;
		    float: left;
		    height: 270px;
		    overflow: 6;
		    width: 430px;
		    vertical-align: top;
		    margin-left: 10px;
		    margin-right: 10px;
		}
		#hotArticle .txtWrap {
		    padding: 0 15px;
		}
		#hotArticle .txtWrap h1 {
		    font-size: 150%;
		    margin-top: 15px;
		}
		#hotArticle .txtWrap p {
		    font-size: 116%;
		    line-height: 28px;
		    margin-top: 15px;
		}
		#hotArticle .seeAritle {
		    bottom: 0;
		    cursor: pointer;
		    position: absolute;
		    right: 0;
		}

		.listItem .picWrap {
		    float: left;
		    height: 165px;
		    overflow: hidden;
		    width: 260px;
		}


		.arrow_b_int{
			top:0px;
			width:0px;
			height:0px;
			border-width:30px;
			border-style:solid;
			border-color:#FFF transparent transparent transparent ;
			position:absolute;
			right:48%;
		}

		/* ---- 加container框 ---- */
		.container_border{
			border: 3px solid #00aecd;
			border-style: dashed;
		}

.study_level_fixed {
    position: fixed;
    bottom: 0px;
    right: 0;
    left: 0;
    z-index: 999;
}

button.btn.level_btn {
    margin: 10px 2px;
}


		.area2_book_list {
			border: 1px solid #000;
		}



		#area_7 h1, h2, h3, h4, h5, h6 {
    		font-weight: normal;
		}

		.news_detail_con{
			position:relative;
    		line-height:1.5em;
    		/* 高度?需要?示的行?*行高，比如?里我??示?行，??3 */
    		height:4.5em;
    		overflow:hidden;
    		font-size:14px;
		}
		.news_detail_con:after {
		    content:"...";
		    position:absolute;
		    bottom:0;
		    right:0;
		    padding: 0 5px;
		    background-color: #eee;
		}


		.news_top_detail_con{
			position:relative;
    		line-height:1.5em;
    		/* 高度?需要?示的行?*行高，比如?里我??示?行，??3 */
    		height:4.5em;
    		overflow:hidden;
    		font-size:16px;
		}
		.news_top_detail_con:after {
		    content:"...";
		    position:absolute;
		    bottom:0;
		    right:0;
		    padding: 0 5px;
		    background-color: #fff;
		}

		.footer-above .footer-form p{
			font-size: 14px;
		}

		.jGrowl{
		    display:none;
		}
		.app_area .newsCategories_10_test .col-md-2{
		    background-color: initial;
		}
        /*explanation 20170412 將rechange的css 和這邊 作法不一致 位置會跑掉*/

		input.iOSqrCode {
			position: absolute;
			width: 67px;
			/*top: 194px;
			left: 35px;*/
			bottom: 22px;
			left: 20px;
		}
		input.androidqrCode {
			position: absolute;
			width: 67px;
			/*top: 194px;
			left: 110px;;*/
			bottom: 22px;
			right: 27px;
		}

        input.pdfLinkImg {
            position: absolute;
            width: 30px;
            bottom: 102px;
            right: 25px;
        }