@charset "utf-8";

/*通用*/
body {
	margin:0; 
	padding:0; 
	line-height:190%; 
	font-size:14px; 
	color:#333;
	font-family:"微軟正黑體",open-sans, Arial, sans-serif !important;
}
h1 {
    font-size: 2.6em;
    line-height: none;
    margin: 0;
}
h2 {
    line-height: 150%;
}
a{
	text-decoration:none !important;
	color:#333;
}
a:hover, a:focus{
	color:#3036e0 /*#1d2088*/;
}
p {
    margin: 0;
	color:#333;
}
.table a{
	color:#3036e0 !important;
}
*{
	padding:0;
	margin:0;
}
img{
	max-width:100%; 
	height:auto;
}
.container {
    padding-right: 0px;
    padding-left: 0px;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0px;
    padding-left: 0px;
}
.btn_01{
	font-size:1em;
	padding:8px 15px !important;
	background:#1d2088;
	color:#fff;
	cursor:pointer;
	margin:5px;
	border:0;
	border-radius:4px;
	line-height:130%;
}
.btn_01:hover{
	background:#0c9aac;
	color:#fff;
}
.btn_02{
	font-size:1em;
	padding:8px 15px !important;
	background:#999;
	color:#fff;
	cursor:pointer;
	margin:5px;
	border:0;
	border-radius:4px;
	line-height:130%;
}
.btn_02:hover{
	background:#666;
}
.btn_03{
	font-size:0.9em;
	padding:3px 5px !important;
	background:#f5a026;
	color:#fff;
	cursor:pointer;
	border:0;
	border-radius:4px;
	line-height:130%;
}
.btn_03:hover{
	background:#f58827;
}
.btn_04{
	font-size:1em;
	padding:8px 15px !important;
	background:#f5a026;
	color:#fff;
	cursor:pointer;
	border:0;
	border-radius:4px;
	line-height:130%;
	opacity:0.7;
}
.btn_04:hover{
	opacity:1;
	color:#fff;
}
.btn_big{
	font-size:120%;
}
.red{
	color:#f00;
}
.blue{
	color:#1d2088;
}
.blue_01{
	color:#0068b7;
}
.fa-xs{
	font-size:0.85em;
}
.fa-stack {
    height: 1.7em;
}
.fa-xs a{
	opacity:0.7;
}
.fa-xs a:hover{
	opacity:1;
}
.display_none{
	display:none;
}
.btn-group{
    background: #fff;
}
.btn_center {
    width: 100%;
    float: left;
    border-top: dotted #ccc 1px;
    padding: 15px 0;
    margin-top: 15px;
	text-align:center;
}
.btn_center_01 {
    width: 100%;
    float: left;
    padding: 10px 0 15px 0;
	text-align:center;
}
.btn_right{
	float: right;
    margin-top: -40px;
}
.btn.green-meadow:not(.btn-outline) {
    color: #FFF;
    background-color: #1BBC9B;
    border-color: #1BBC9B;
}
.btn.red-mint:not(.btn-outline) {
    color: #fff;
    background-color: #e43a45;
    border-color: #e43a45;
}
.btn.blue:not(.btn-outline) {
    color: #FFF;
    background-color: #4eafc0 /*#3598dc*/;
    border-color: #4eafc0 /*#3598dc*/;
}
.btn.blue:hover{
	background-color: #3598dc;
    border-color: #3598dc;
}
.input-large {
    width: 320px!important;
}
.input-medium {
    width: 240px!important;
}
.input-small {
    width: 145px!important;
}
.input-xsmall {
    width: 80px!important;
}
.input_remark{
	padding: 7px 0 0 5px !important;
	float:left;
}
.float_left{
	float:left;
}
.title_01{
	color:#0068b7;
	font-weight:bold;
	font-size:18px;
}
.title_02{
	color:#000;
	font-weight:bold;
	font-size:18px;
}
.title_03{
	color:#000;
	font-weight:bold;
	font-size:16px;
}
.small_font{
	font-size:10px;
}
.scroll-to-top:hover{
	background:#1d2088 !important;
}
.scroll-to-top i{
	color:#fff !important;
}
.top_line {
    border-top: solid #efefef 1px;
}
.padding_01 {
    padding: 7px 0;
}
.text_center{
	text-align:center;
}
.text_right{
	text-align:right;
}
.text_left{
	text-align:left;
}


/*top link*/
.top_link{
	vertical-align: middle;
	padding-top:3px;
}
.top_link a {
	color:#333;
	font-size:13px;
	text-decoration:none;
}
.top_link a:hover {
	color:#1d2088;
}
.top_link ul{
	list-style:none;
	margin:10px 0 0px 0;
	text-align: right;
}
.top_link ul li{
	display:inline-block;
}
.top_link ul li:after{
	content:"∣";
	padding:0 5px 0 8px;
}
.top_link ul li:last-child:after{
	content:"";
}
.top_link .form-control_1{
	margin:0 3px;
	height: 26px;
    padding: 0 15px 0 5px;
}

/*search*/
.input-icon {
    position: relative;
}
.input-icon.right {
    left: auto;
    right: 0;
}
.input-icon>i {
    color: #ccc;
    position: absolute;
    margin: 9px 10px 4px 10px;
    z-index: 3;
    width: 16px;
    font-size: 16px;
    text-align: center;
    left: 0;
}
.input-icon>.form-control {
    padding-right: 30px;
    padding-left: 8px;
}
.top_search{
	margin-top:12px;
	float:left;
}
.top_search input{
	box-shadow:none;
	height:34px;
	width:180px;
}
.top_search .search_icon{
	float: right;
	left: auto;
    right: 0;
	background:#fff;
	border:none;
	position: absolute;
    margin: 3px 5px 0 0;
    z-index: 10;
}
.top_search .search_icon i:hover{
	color:#0c9aac;
}
.top_search i{
    color: #1d2088;
}
.adv_search{
	float:left;
	margin-top:12px;
}
.hot_keyword{
	float:left;
	text-align: right;
	font-size:12px;
	margin: -1px 0 7px 0;
}
.hot_keyword i{
	font-size:8px;
	padding:0 8px;
	line-height:130%;
}
.hot_keyword a{
	text-decoration:none;
	color:#999;
}
.hot_keyword a:hover{
	color:#1d2088;
}
#header .header-btn-collapse-nav_1 {
    background: #fff;
    color: #1d2088;
    display: none;
    float: right;
    margin: 12px 0 8px 15px;
	border:solid 1px #1d2088;
}

/*search-手機版*/
.header-nav-search{
	background:rgba(255,255,255,0.5);
}
.search_box {
    background: rgba(255,255,255,1);
    width: 96%;
    border-radius: 5px;
    margin: 7px 2%  !important;
    float: left;
    height: 33px;
    /*border: solid #ccc 1px;*/
}
.search_input {
    float: left;
	border:none;
    vertical-align: middle;
    background-color: transparent;
    font-size: 1em;
    width: 85%;
    padding: 5px 0 5px 10px;
}
.search_icon_1 {
    background: #fff;
    color: #1d2088;
    vertical-align: middle;
    text-align: center;
    border: none;
    padding: 4px 10px 4px 10px;
    font-size: 1.2em;
    float: right;
    border-radius: 0 5px 5px 0;
    height: 33px;
    margin-top: 0px;
}


/*header*/
#header .header-row > .header-column:nth-child(1) {
	width: calc(100% - 450px);
}
#header .header-row > .header-column:last-child {
	width: 400px;
}


/*topmenu*/
#header .header-nav-main nav > ul > li > a.dropdown-toggle:after{ /*隱藏下拉icon*/
	display:none;
}
#header .header-nav-main nav > ul > li > a.dropdown-toggle { /*隱藏下拉icon+主選單寬度*/
	padding-right: 15px;
	padding-left: 15px;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	padding:10px;
	margin-left:10px;
}
#header .header-nav-main nav > ul > li.dropdown.open > a, #header .header-nav-main nav > ul > li.dropdown:hover > a {
	padding-bottom: 10px;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
    margin: -2px 0 0 10px;
}
.dropdown-toggle{
	margin:0 10px;
}
.dropdown-submenu ul{
	background:#e9e9f3;
}
.dropdown-submenu ul li{
	border-bottom: 1px solid #ccc;
	color: #000;
	font-size: 14px;
	position: relative;
	text-transform: none;
}

/*手機版自訂選單*/
.customer_link{
	list-style:none;
	background:#1d2088;
	color:#fff;
	margin-bottom: 0px;
	padding:7px;
	font-size:14px;
	float: left;
    width: 100%;
}
.customer_link li{
	display:inline-block;
}
.customer_link li:after{
	content:"∣";
	padding:0 2px 0 5px;
}
.customer_link li:last-child:after{
	content:"";
}

/*首頁主廣告圖*/
.index_news{
	background-image:url(../img/index_bg_01.png);
	background-repeat:no-repeat;
	background-position:top;
	background-size: cover;
	background-color:#edf4f8;
	padding:25px 0 20px 0;
	/*top: 173px;
    position: relative;*/
	margin-top:173px;
}
.banner_01{
	overflow:hidden;
}
/*.owl-stage{
	background:#fff;
}*/
.banner_01 .owl-nav .owl-prev {
	left: 5px;
}
.banner_01 .owl-nav .owl-next {
	right: 5px;
}
.owl-theme .owl-dots {
    position: inherit;
    top: -35px;
	margin-bottom: -30px;
	margin-top:0 !important;
}
.banner_01 img {
	border:solid #ccc 1px;
}

/*首頁最新消息*/
.tab-content {
    float: left;
	width:100%;
}
.index_news_tab{
	padding-left:20px;
}
.index_news_tab .nav-tabs{
	border-bottom:none;
}
.index_news_tab.nav-tabs li a:hover {
	background:rgba(0,0,0,0.1);
	color: #fff;
}
.index_news_tab .nav-tabs>li.active>a{
	border:none;
	color:#fff;
	/*margin-bottom: 8px;*/
}
.index_news_tab .nav-tabs li:nth-child(4n+1) a{
	background:#f5a026;
}
.index_news_tab .nav-tabs li:nth-child(4n+2) a{
	background:#63ad28;
}
.index_news_tab .nav-tabs li:nth-child(4n+3) a{
	background:#0c9aac;
}
.index_news_tab .nav-tabs li:nth-child(4n) a{
	background:#0068b7;
}
.index_news_tab .tab-content > li:nth-child(4n+1){
	border-top: solid #f5a026 10px;
}
.index_news_tab .tab-content > li:nth-child(4n+2){
	border-top: solid #63ad28 10px;
}
.index_news_tab .tab-content > li:nth-child(4n+3){
	border-top: solid #0c9aac 10px;
}
.index_news_tab .tab-content > li:nth-child(4n){
	border-top: solid #0068b7 10px;
}
.index_news_tab .btn_box{
	padding: 10px 0 30px 0;
}
.tab_con{
	padding:3% 5% 5% 5%;
	list-style:none;
}
.tab_con li{
	border-bottom:solid #ddd 1px;
	padding:10px 5px;
	display:flex;
}
.tab_con img{
	margin: 0 15px 0 0;
	border: solid #ccc 1px;
	max-width:150px;
}
.tab_item_date{
	color:#999;
	font-size:12px;
}
.tab_item_date i{
	padding-right:5px;
}
.tab_item_title{
	font-size:15px;
	line-height:150%;
	font-weight:bold;
	color:#000;
}
.tab_item_font{
	line-height:150%;
	color:#333;
}
.tab_con li:first-child .tab_item_title{
	font-size:18px;
	color:#1d2088;
}
.tab_con li:nth-child(2) img ,.tab_con li:nth-child(2) .tab_item_date i ,.tab_con li:nth-child(2) .tab_item_font {
	display:none;
}
.tab_con li:nth-child(2) .tab_item_date{
	display:inline-block;
	padding-right:20px;	
}
.tab_con li:nth-child(2) .tab_item_title{
	display:inline-block;	
}
.tab_con li:nth-child(3) img ,.tab_con li:nth-child(3) .tab_item_date i ,.tab_con li:nth-child(3) .tab_item_font {
	display:none;
}
.tab_con li:nth-child(3) .tab_item_date{
	display:inline-block;
	padding-right:20px;	
}
.tab_con li:nth-child(3) .tab_item_title{
	display:inline-block;	
}
.btn_box{
	padding:10px 0 10px 0;
	float:left;
	width:100%;
}
.btn_box_01{
	padding:0;
	float:left;
	width:100%;
}

/*首頁廣告圖(中)*/
.index_banner_02{
	padding:15px 0;
	float:left;
	width:100%;
	background-color: #edf4f8;
}
.banner_02{
	overflow:hidden;
}
.banner_02 img{
	border: solid #ccc 1px;
}
.banner_02 .owl-nav .owl-prev {
	left: 5px;
}
.banner_02 .owl-nav .owl-next {
	right: 5px;
}
/*首頁內容第三區*/
.index_03{
	background:#efefef;
	padding:35px 15px;
	float: left;
    width: 100%;
}

/*學員專區*/
.member_login{
	background:#fff;
}
.member_login_box{
	box-shadow:0px 0px 7px 1px rgba(0,0,0,0.15);
	float:left;
	width: 100%;
}
.member_title_box{
	background:#f5a026;
	padding:10px;
}
.member_title{
	border:solid #fff 1px;
	padding:13px 0;
	color:#fff;
	font-size:20px;
	text-align:center;
}
.member_title i{
	display:block;
	font-size:50px;
	margin-bottom:5px;
}
.member_input{
	padding:5px 20px 10px 20px;
}
.member_input label{
	margin-bottom:-5px;
	margin-top:10px;
}
.member_input .input-group input{
	background:#efefef;
	padding:3px 5px;
	border:none;
	width: 100%;
}
.member_input .btn_box{
	padding: 10px 0;
    margin-left: -5px;
}
.forget_password a{
	color: #f00;
}
.forget_password a:hover{
	color:#1d2088;
}
.member_input .input-group {
    width: 100%;
}
.login_btn {
    width: 100%;
    float: left;
	margin-bottom: 5px;
}
.login_btn_01 {
    width: 100%;
	margin-bottom: 15px;
	margin-top:20px;
}
.login_btn .btn_01 ,.login_btn .btn_02 ,.login_btn_01 .btn_01 ,.login_btn_01 .btn_02 {
    padding: 8px 10px !important;
    margin-left: 0;
	margin-right: 0;
}
.total_table {
    border-top: double #999 4px !important;
	float: left;
    width: 100%;
}
tbody.total_table {
	float: none;
}
.total_table td{
	border:none !important;
	padding-top:4px !important;
	padding-bottom:4px !important;
}

/*首頁link*/
.index_link_box{
	padding:0 8px;
	margin-top:-8px;
}
.index_link{
	padding:8px;
}
.index_link img{
	width: 100%;
}

/*首頁書籍專區*/
.index_book_box{
	box-shadow:0px 0px 7px 1px rgba(0,0,0,0.15);
}
.index_book_title{
	background:#005293;
	color:#fff;
	font-size:20px;
	text-align:center;
	padding:12px;
	border-bottom:solid #fff 3px;
}
.index_book_title i{
	margin-right:5px;
}
.index_book_font{
	border-top:solid #005293 3px;
	background-image:url(../img/index_book_bg.jpg);
	background-color:#fff;
	background-repeat: no-repeat;
	background-position:right bottom;
	padding:26px 30px;
}
.index_book_font ul{
	list-style:none;
	width:100%;
}
.index_book_font ul li{
	width:28.6%;
	display:inline-block;
	text-align:center;
	margin:2%;
	vertical-align: top;
}
.index_book_font ul li img{
	border: solid #ccc 1px;
}

/*footer*/
.footer_top{
	background-image:url(../img/fullpage_bg_light.png);
	height:18px;
	float:left;
	width:100%;
}
.footer_bg{
	background:#00003f;
	float:left;
	width:100%;
	padding:35px 10px;
	color:#fff;
}
.footer_left{
	padding:0 10px 30px 0;
}
.footer_right{
	padding:0 10px;
}
.footer_title{
	font-weight:bold;
	margin-bottom:15px;
	line-height:150%;
}
.footer_title img{
	vertical-align:sub;
}
.footer_font{
	font-size:13px;
	line-height:150%;
}
.footer_link_title{
	font-size:18px;
	width:100%;
	float:left;
}
.footer_line{
	background:#fff;
	height:4px;
	margin-left:80px;
	margin-top:-9px;
}
.footer_link_list{
	list-style:none;
	width:100%;
	float:left;
	margin:10px 0;
}
.footer_link_list li{
	display:inline-block;
	padding:1%;
	text-align:center;
	width:24.3%;
}
.footer_link_list img{
	border:solid #ccc 1px;
	width:100%;
}
.footer_menu{
	list-style:none;
}
.footer_menu li{
	display:inline-block;
}
.footer_menu li:after{
	content:"∣";
	padding:0 5px;
}
.footer_menu li:first-child:before{
	content:"∣";
	padding-right:5px;
}
.footer_menu li a{
	color: #BCE5FF;
}
.footer_menu li a:hover{
	color:#fff;
}

/*page banner*/
.page_banner{
	margin-top:173px;
	background:url(../img/page_banner.jpg);
	height:150px;
	background-position:center top !important;
	background-size: cover!important;
}

/*main content*/
.main_content{
	background:#fbfbfb;
}
.main_content_box{
	overflow: hidden;
	margin:0 10px 0 10px
}
.left_content {
  float: left;
  background-color: #fff6ea;
  padding-bottom: 1000em;
  margin-bottom: -1000em;
  width:21%;
}
.right_content{
  float: left;
  background:#fff;
  margin-right: -1px; /* For IE */
  padding-bottom: 500em;
  margin-bottom: -500em;
  width:78%;
  box-shadow: 2px 2px 3px 0px rgba(0,0,0,0.15);
  /*margin-top: 14px;*/
  border-top:solid #ddd 3px;
}
.left_title{
	background-image:url(../img/page_title_bg.jpg);
	background-position:right top;
	background-repeat: no-repeat;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	padding:17px 15px 17px 25px;
}
.left_title:before{
    content: " ";
	margin-left:-25px;
	margin-right:15px;
	border-left:solid #fff 9px;
}
.left_menu{
	list-style:none;
	margin:10px 0 25px 0;
}
.left_menu .navbar-collapse{
	padding:0 20px;
}
nav.sidebar .navbar-nav .open .dropdown-menu {
	position: static;
	float: none;
	width: 100%;
	margin-top: 0;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	min-width: auto;
}
.left_menu .navbar-nav li{
	width:100%;
}
.navbar-nav {
    width: 100%;
}
.left_menu .navbar-nav>li{
	border-bottom: dotted #ccc 1px;
	font-size:15px;
	color:#000;
}
.left_menu .navbar-nav>li>a {
	padding: 12px 10px;
	color:#000;
	font-weight: 500;
}
.left_menu .navbar-nav>li>a:hover{
	background-color:rgba(0,0,0,0.05);
}
.left_menu .dropdown-submenu>a {
    padding: 13px 10px !important;
	margin: 0;
    color: #000;
	width:100%;
}
.left_menu .dropdown-submenu>a i{
	float: right;
}
.left_menu .nav .open>a:hover, .left_menu .nav .open>a:focus, .left_menu .nav .open>a {
    background-color:rgba(0,0,0,0.5);
    border-color: none;
	color:#fff;
}
.left_menu .dropdown-menu {
	background:rgba(0,0,0,0.05);
	padding: 0;
}
.left_menu .dropdown-menu li{
	border-bottom:#fff solid 1px;
}
.left_menu .dropdown-menu>li>a {
    padding: 10px 20px;
	white-space: normal; 
}
.left_menu .dropdown-menu>li>a:hover {
	background:rgba(255,255,255,0.5)
}

/*page top*/
.page_top{
	padding:7px 20px 7px 10px;
	border-bottom:solid #eee 1px;
	float: left;
    width: 100%;
	background:#fff;
	min-height: 43px;
}
.page_top_left ,.page_top_left a{
	font-size:14px;
	color:#666;
	padding-top:3px;
	line-height: 150%;
}
.page_top_left a:hover{
	color:#1d2088;
}
.page_top_left i{
	padding:0 10px;
}
.page_top_right{
	float:right;
}
.page_top_right img{
	width:27px;
}

/*page content*/
.page_content{
	padding: 3% 4% 5% 4%;
	float:left;
	width:100%;
	min-height: 500px;
}
.page_title{
	color:#1d2088;
	font-weight:bold;
	font-size:26px;
	margin:0 0 10px 0;
}
.form-control_1 {
    display: inline-block;
    height: 30px;
    padding: 4px 15px 4px 5px;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.table-toolbar{
	margin:0 0 10px 0;	
	float: left;
    width: 100%;
}
.table-toolbar .form-control_1 {
    background-color: #efefef;
    border: none;
}
.table-toolbar .table-toolbar-left:nth-child(1){
	padding-right:20px;
}
.table-toolbar-left select{
	margin:3px 0;
}
.table-toolbar-left{
	display:inline-block;
}
.table-toolbar-right{
	display:inline-block;
	float:right;
	margin-top: 7px;
}
.table-toolbar-right img{
	width:27px;
}
.table-toolbar label{
	display: inline-block;
	color:#333;
	margin-right:5px;
}
.content_con{
	padding:0 0 20px 0;
	float:left;
	width:100%;
}
.content_con ul ,.content_con ol{
	padding-left:30px;
}
.img_padding {
    padding: 10px;
}

/*相關圖片*/
.content_pic{
	padding:15px 0 0 0;
}
.content_pic_title{
	background:#efefef;
	font-size:18px;
	font-weight:bold;
	padding:8px 15px;
	float: left;
    width: 100%;
}
.content_pic_title i{
	margin-right:5px;
}
.content_pic_list {
	list-style:none;
	margin-top: 10px;
}
.album_padding{
	padding:2%;
}
.album_img{
	border: solid #fff 3px;
	box-shadow:0px 0px 3px 3px  rgba(20%,20%,20%,0.1);
}
.album_img img{
	width:100%;
}
.content_pic .btn_box{
	float: left;
    width: 100%;
    text-align: right;
}

/*訊息管理*/
.news_list_item{
	padding:5px 10px 10px 10px;
	float: left;
    width: 100%;
	background:#f5f5f5;
	border-radius:5px;
    margin: 10px 0;
}
.mobile_no{
	background: #bbb /*#f5a026*/;
    color: #fff;
    border-radius: 20px;
    position: absolute;
    margin-top: -25px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 170%;
}
.news_list_item .mobile_no{
	margin-top: -15px;
}
.page_content .date i{
	padding-right:5px;
	margin-left: 3px;
}
.date{
	color:#999;
	font-size:0.8em;
	padding:5px 0;
}
.news_list .date{
	display: inline-block;
}
.top_class {
    color: #fff;
    padding: 4px 7px;
	background:#0c9aac;
	border-radius:5px;
	margin-left:5px;
}
.top_class_01 {
    color: #fff;
    padding: 4px 7px;
	background:#0c9aac;
	border-radius:5px;
	margin-right:5px;
}
.news_list_title{
	line-height:130%;
}
.news_list_title a{
	color:#3036e0;
}
.new_link{
	display:inline-block;
}
.page_content .back_btn{
	width:100%;
	float:left;
	border-top:dotted #ccc 1px;
	padding:15px 0;
	margin-top: 15px;
}

/*活動花絮*/
.album_list{
	float:left;
	width:100%;
}
.album_list .imh_opacity{
	border-radius:5px;
	margin-bottom:5px;
}
.album_list img{
	width:100%;
}
.album_box{
	background:#fff;
	padding:15px;
	border-radius:5px;
	border: solid 1px #ddd;
    box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.1);
	float: left;
	width:100%;
}
.album_list_view{
	width:100%;
	text-align:center;
	background:rgba(0,0,0,0.5);
	padding:5px;
	cursor:pointer;
	color:#fff;
	border-radius:0 0 5px 5px;
	position:relative;
	margin-top:-41px;
}
.album_list_view i{
	margin-right:5px;
}
.album_list_title {
    line-height: 150%;
}
.album_list_link{
	margin-top:5px;
}
.album_view {
    color: #fff;
    padding: 2px 7px 4px 7px;
    background: #63ad28;
    border-radius: 5px;
    margin-left: 5px;
	cursor:pointer;
}
.album_view i{
	padding-right:5px;
}
.album_view:hover{
	background:#42840d;
}
.album_view_list{
	float:left;
	width:100%;
	padding-bottom:20px;
}
.album_detail_btn{
    background: #63ad28;
	color:#fff;
}
#imageDataContainer{
	max-width:1000px;
}
#outerImageContainer{
	max-width:1000px;
	height:auto !important;
}
#loading img{
	display:none;
}


/*表單管理*/
.submit_btn{
	width:100%;
	float:left;
	text-align:center;
}
.form_con{
	margin:0 auto;
	max-width:600px;
	padding:20px 0 0 0;
}
.form_box{
	border: solid #f5f5f5 10px;
	padding:10px;
	background:#fff;
}
.form_box .table-row{
	border-bottom:#900 solid 1px;
}
.form_q{
	display:table-cell;
	width:25%;
	padding:8px;
	text-align:right;
	/*border-bottom: #ccc dotted 1px;*/
	border-right: #ccc dotted 1px;
	font-weight:bold;
	color:#000;
	vertical-align: top;
}
.form_a{
	display:table-cell;
	width:75%;
	padding:8px;
	margin:8px;
	/*border-bottom: #ccc dotted 1px;*/
	line-height:170%;
}
.form_a input{
	height:30px;
}
.form_a .mt-radio,.form_a .mt-checkbox ,.input_table .mt-radio,.input_table .mt-checkbox{
	margin:5px 25px 5px 5px;	
}
.mt-radio span,.mt-checkbox span{
	margin-top:3px !important;
	background:#fff  !important;	
}
.form_box .table-row:nth-child(even){
	background:#f5f5f5;
}
.form-control{
	box-shadow:none;
}
.required{
	color:red;
	font-size:0.9em;
	line-height:140%;
	padding:3px 0;
}
.form_a i{
	padding:0 5px 0 10px;
}
.form_a label{
	font-weight:500;
}
.verification_code{
	margin:3px 0 3px 10px;
	display:inline-block;
}

/*討論區*/
.forum_subject img{
	margin:5px 15px 5px 0;
	max-width:150px;
	border:solid #ccc 1px;	
}
.forum_subject .tab_item_title{
	color:#0c9aac /*#0068b7*/;
	font-size:16px;
	margin-bottom:5px;
	font-weight:bold;
}
.forum_table >.table > thead {
    border-top: none !important;
}
.forum_table >.table > thead > tr > th {
	border-bottom: none;
}
.forum_table >.table>tbody>tr>td{
	padding:12px 20px;
	border-top:none;
	border-bottom: solid #f5f5f5 1px;
}
.forum_table tbody > tr:nth-child(even){
	background:#f5f5f5;
}
.forum_subject a:hover .tab_item_font ,.forum_subject a:hover .tab_item_title{
	color:#1d2088 !important;
}
.topic_btn{
	width: 100%;
    float: left;
	text-align:right;
    padding: 0 0 30px 0;
}
.topic_list_item {
    padding: 15px;
    float: left;
    width: 100%;
    background: #f5f5f5;
    border-radius: 5px;
    margin: 10px 0;
}
.topic_info_list{
	border-top:#ccc dotted 1px;
	padding-top:5px;
	margin-top:5px;
	float:left;
	width:100%;
}
.topic_info:before{
    content: "\f140";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: relative;
    right: 0;
    float: left;
	font-size:12px;
	margin-left: -16px;
}
.topic_info{
	line-height:130%;
	margin:4px 0 4px 20px;
	float:left;
	width:95%;
}
.post_name{
	color:#0c9aac;
	padding-left:15px;
}
.forum_reply_title{
	background: #999;
    color: #fff;
    font-weight: 500;
	padding: 6px 0;
	float:left;
	width:100%;
	margin-bottom:10px;
	font-size:16px;
}
.forum_reply_title:before {
    content: ' ';
    border-left: 5px solid #fff;
    padding-left: 10px;
    margin-left: 10px;
}
.forum_reply .topic_btn{
	padding: 0;
}	
.forum_reply_box{
	margin-top:15px;
	background:rgba(255,255,255,1);
	padding:15px;
	border-radius: 5px;
	float:left;
	width:100%;
}
.reply_copy{
	background: #fff;
	padding: 10px 15px;
	border: dashed #ccc 1px;
	margin:0 0 10px 0;
	line-height:150%;
}

/*產業查詢*/
.table-row-th{
	display:table-row;
}
.member_class_01{
	background: #999;
    color: #fff;
    font-weight: 500;
    padding: 6px 0;
    float: left;
    width: 100%;
    margin: 5px 0;
    font-size: 16px;
}
.member_class_01:before {
    content: ' ';
    border-left: 5px solid #fff;
    padding-left: 10px;
    margin-left: 10px;
}
.member_class_02{
	list-style:none;
	margin:0 0 0 15px;
}
.member_class_02 li {
	display:inline-block;
	padding-right:20px;
	line-height:130%;
	width:28.5%;
	vertical-align:top;
	margin:8px 0 8px 30px;
}
.member_class_02 li:before ,.member_class_03 li:before{
    content: "\f111" /*"\f105"*/;
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: relative;
    right: 0;
    float: left;
	font-size:12px;
	margin-left: -17px;
}
.member_class_03{
	list-style:none;
	margin:0;
}
.member_class_03 li{
	width:100%;
	display:inline-block;
	padding-right:20px;
	line-height:130%;
	vertical-align:top;
	margin:5px 0;
}
.member_class_03 i{
	padding:0 3px;
}
.member_list{
	display:table;
	width:100%;
}
.member_list .table_th{
	background:#999;
	color:#fff;
	font-weight: 500;
    padding: 6px 0;
    font-size: 14px;
	text-align:center;
}
.member_list .table_th:first-child{
	border-right:dotted #ccc 1px;
	width:40%;
	min-width:200px;
}
.member_list .table-cell{
	padding:6px 20px;
	border-bottom:dotted #ccc 1px;
}
.member_list .table-row .table-cell:nth-child(2){
	padding: 0px 20px 6px 35px;
}
.member_list .table-row:first-child .table-cell{
	border-bottom:none;
}
.member_list_visible-xs{
	display:none;
}
.member_list .table-row:nth-child(odd){
	background:#f5f5f5;
}
.member_deatil{
	display:table;
	width: 100%;
	border: solid #999 1px;
}
.member_deatil a{
	color:#3036e0;
}
.member_deatil .table-row .table-cell{
	border-top: dotted #ccc 1px;
	padding:6px 10px;
	vertical-align: middle;
}
.member_deatil .table-row:first-child .table-cell{
	border-top: none;
	min-width:150px;
}
.member_deatil_th{
	background:#999;
	color:#fff;
	text-align:center;
	width: 150px;
}

/*文章管理*/
.article_list img{
	margin: 5px 15px 5px 0;
    max-width: 150px;
	border:solid #ccc 1px;	
}
.article_list_title{
	color: #1d2088 /*#0c9aac*/;
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}
.article_font{
	line-height:150%;
}
.article_list .album_padding:nth-child(2n+1){
	clear:both;
}
.search_menu{
	background:#f7f7f7;
	padding:10px 20px;
	border:dashed #ccc 1px;
	margin-bottom:15px;
	float: left;
	width: 100%;
}
.search_menu .table-toolbar-left{
	padding-right:20px;
}

/*知識庫*/
.search_item{
	float:left;
	width:100%;
}
.search_checkbox{
	width:100%;
	float:left;
	padding-top:5px;
}
.search_checkbox_title{
	font-weight:bold;
	padding:5px 10px 0 0;
	width:70px;
	float:left;
	color:#0c9aac;
}
.search_select{
	padding:3px 0 ;
}
.search_select .form-control_1{
	margin:3px 2px;
}
.search_checkbox_con{
	width:90%;
	margin-left:70px;
}
.search_checkbox_con .mt-checkbox{
	padding-right:20px;
	font-weight:normal;
}
.search_checkbox .mt-checkbox.mt-checkbox-outline>span {
	margin-top:3px;
}
.knowledge_list img{
	margin: 5px 0 5px 15px;
    max-width: 150px;
    border: solid #ccc 1px;
}
.knowledge_list .album_padding:nth-child(2n+1){
	clear:both;
}
.knowledge_item{
	list-style:none;
	padding-top:5px;
	padding-left: 0px !important;
}
.knowledge_item li{
	display:block;
	/*line-height:130%;*/
	margin:5px 0 7px 20px;
}
.knowledge_item li:before {
    content: "\f140";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: relative;
    right: 0;
    float: left;
    font-size: 12px;
    margin-left: -16px;
}
.knowledge_item pre{
	white-space: pre-line;
	border: 0;
    background-color: transparent;
	font-size: 14px;
	padding:0;
	line-height:190%;
	overflow:auto;
	font-family:"微軟正黑體",open-sans, Arial, sans-serif !important;
}
.knowledge_con{
	float:left;
	width:100%;
}
.knowledge_con img{
	width:30%;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px #ddd;
    box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.1);
	margin:15px;
}
.knowledge_img{
	width:30%;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px #ddd;
    box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.1);
	margin:15px;
}
.link_btn{
	font-size: 1em;
    padding: 8px 15px !important;
    background: #666;
    color: #fff;
    cursor: pointer;
    margin: 5px;
    border: 0;
    border-radius: 4px;
    line-height: 130%;
	opacity:0.8;
}
.link_btn:hover{
	opacity:1;
}
.search_menu .btn_box{
	float:left;
	width:100%;
}
.table-toolbar-left label{
	/*color: #0c9aac;*/
	margin-right:5px;
}
.search_menu .table-toolbar-left label{
	color: #0c9aac;
}

/*sitemap*/
.one_content{
	float: left;
	width: 98%;
    background: #fff;
    padding-bottom: 500em;
    margin-bottom: -500em;
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
    margin-top: 14px;
	margin-right:1%;
	margin-left:1%;
    border-top: solid #ddd 3px;
	background-position:right top;
	background-repeat:no-repeat;
	background-image:url(../img/one_bg.jpg);
}
.one_con{
	padding: 3% 4% 5% 4%;
	float:left;
	width:100%;
	min-height: 500px;
}
.sitemap_con{
	float:left;
	width:100%;
	margin-bottom:30px;
}
.sitemap_class{
	font-weight: bold;
    padding: 6px 0;
    float: left;
    width: 100%;
    margin: 5px 0;
    font-size: 16px;
	border-bottom: dotted #333 1px;
}
.sitemap_class:before {
    content: "\f02b";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 1em;
    position: relative;
    left: 0;
    float: left;
    width: 20px;
}
.sitemap_box{
	padding:10px 20px;
}
.sitemap_con .sitemap_box:nth-child(4n+1){
	clear:both;	
}
.sitemap_title{
	background:#1d2088;
	color:#fff;
	border-radius:20px;
	padding:5px 10px;
	text-align:center;
}
.sitemap_item_01{
	list-style:none;
	border-right:solid #ddd 1px;
	border-bottom:solid #ddd 1px;
	border-left:solid #ddd 1px;
	border-radius:0 0 5px 5px;
	margin-top:-13px;
}
.sitemap_item_01 li{
	padding:6px 15px 6px 30px;
	border-top:dotted #ddd 1px;
	line-height:150%;
}
.sitemap_item_01>li>a:before{
	content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 0.5em;
    position: relative;
    right: 0;
    float: left;
	font-size:12px;
	margin-left: -10px;
}
.sitemap_item_01>li:first-child{
	border-top:none;
	padding-top:20px;
}
.sitemap_item_02{
	list-style:none;
	background:#f5f5f5;
	margin:6px 0 6px -15px;
	border-radius:5px;
	font-size:13px;
}
.sitemap_item_02 li{
	padding:6px 15px;
	border-top:dotted #ccc 1px;
}
.sitemap_item_02>li:first-child{
	border-top:none;
}

/*進階搜尋*/
.search-group select{
	margin-top:5px;
	display:inline-block;
}
.search-group input{
	margin-top:5px;
	display:inline-block;
	max-width:200px;
	width:100%;
}

/*搜尋*/
.search_list{
	list-style:none;
}
.search_list li{
	width:100%;
	border-bottom:#ddd dotted 1px;
	padding:6px 15px 6px 30px;
	line-height:150%;
}
.search_list li:before{
	content: "\f0da";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    padding-right: 1em;
    position: relative;
    left: 0;
    float: left;
	margin-left:-20px;
}

/*課程管理*/
.course_icon{
	margin-top:-35px;
}
.course_ul{
	list-style:none;
}
.course_ul li{
	display: inline-block;
	margin:3px 3px 3px 0;
	padding:2px 5px;
	color:#666;
	border-radius:3px;
}
.course_ul li:hover{
	background: rgba(12,154,172,0.15);
}
.course_ul li.active{
	background: rgba(12,154,172,0.6);
	color:#fff;
}
.course_red{
	color: red;
    margin-right: 5px;
    border: #ffb2b2 1px solid;
    padding: 1px 5px;
    border-radius: 4px;
    font-size: 12px;
    background: #fff0f0;
}
.course_right{
	float:left;
	width:100%;
	margin:0 0 20px 0;
}
.course_right img{
	width:48%;
	float:left;
	margin:10px 4% 0 0;
}
.course_right .embed-responsive{
	width:48%;
	max-width:48%;
	float:left;
	margin:10px 0 0 0;
}
.course_left{
	float:left;
	width:100%;
}
.course_left .title_01 ,.course_bottom .title_01{
	margin-top:5px;
	border-left:solid 5px;
	/*background: #f5f5f5;*/
    padding: 3px 7px;
	border-bottom: solid #eee 1px;
}
.course_left .content ,.course_bottom .content{
	margin: 5px 10px 20px 10px;
}
.course_left .course_item{
	float:left;
	width:100%;	
}
.course_left .course_item img{
	padding:5px 20px 20px 0;
	float:left;
	width:150px;	
}
.course_item .content .title_02{
	padding:10px 0 0 0;
}
.course_item .content .title_02:after{
	content:"/";
	font-size:10px;
	color:#f5a026 /*#ccc*/;
	padding-left:8px;
	font-weight:normal;
}
.course_bottom {
	float:left;
	width:100%;
}
.right_icon{
    font-weight: bold;
}
.right_icon:after{
	content: ".";
    font-size: 20px;
    color: #f5a026 /*#ccc*/;
    padding: 0 4px;
    font-weight: bold;
}
.form_con_course {
    margin: 0 auto;
    max-width: 800px;
    padding: 10px 0 0 0;
}
.course_list_top{
	margin:0 0 -15px 0;
	float:left;
	width:100%;
}
.course_title{
	font-size: 16px;
    line-height: 150%;
    font-weight: bold;
    color: #fff;
    padding: 8px 0 6px 15px;
    background: #666;
    margin: 20px 0 5px 0;
	float: left;
    width: 100%;
}
.course_title i{
	padding-right:7px;
}
.apply_list .course_item{
	border-bottom: dashed 1px #ddd;
	border-top: solid 5px #fff;
    width: 100%;
    float: left;
    overflow: hidden;
	min-height:45px;
	display: inherit;
}
.apply_list .title{
	color: #000;
    font-weight: bold;
    padding: 12px;
    background: #efefef;
    width: 25%;
    vertical-align: top;
	float:left;
	padding-bottom: 100em;
  	margin-bottom: -100em;
	line-height:130%;
	border-bottom: solid #efefef 5px;
}
.apply_list .content{
    padding:5px 12px;
	background: #fff;
	width:75%;
	float:left;
	border-bottom: solid #fff 5px;
}
.apply_list .form-control{
    /*margin-bottom: 3px;*/
    height: 30px;
}
.apply_list textarea{
    height: auto !important;
}
.apply_list label{
	margin-bottom:0;
	margin-right:15px;
}
.apply_list .mt-radio{
	margin-top: 2px;
	margin-bottom: 2px;
}
.apply_list .mt-radio span ,.apply_list .mt-checkbox span ,.person_item .mt-checkbox span ,.group_set .mt-checkbox span{
	margin-top: 5px;
}
.course_inline {
	display:inline-block;
	padding: 0 5px 0 15px;
}
.group_item{
	margin-bottom:10px;
	float:left;
	width:100%;
}
.group_set{
	background:#fff6ea;
	padding:2px 10px;
	float:left;
	width:100%;
	margin-top:5px;
}
.group_set .group_set_left{
	float:left;
	margin: 5px 0;
}
.group_set .group_set_right{
	float:right;
	margin-top:5px;
}
.price{
	color:red;
	font-weight:bold;
	font-family: Tahoma;
}
.price_line{
	/*text-decoration:line-through;*/
}
.voucher_table{
	margin-top:5px;
	margin-bottom: -20px;
}
.voucher_table td ,.voucher_table th{
	text-align:center;
	vertical-align:middle !important;
}
.voucher_table .delete_checkbox{
	margin:0 0 0 -10px;
    position: absolute;
}
.payment_list label{
	width:100%;
	float:left;
}
.payment_con{
	margin:0 0 10px 25px;	
	float:left;
	width:100%;
}
.payment_item{
	background:#fff6ea;
	margin:3px 0; 
	float:left;
	width:100%;
	padding:5px 10px;
}
.payment_item ul{
	margin-left:25px;
}
.course_item .verification_code i {
    padding: 0 5px 0 10px;
}
.verification_box{
	margin-top:-20px;
}



/*表單checkbox radio*/
.mt-checkbox, .mt-radio {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    margin-top: 5px;
    cursor: pointer;
    font-size: 14px;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.mt-checkbox.mt-checkbox-disabled, .mt-checkbox.mt-radio-disabled, .mt-radio.mt-checkbox-disabled, .mt-radio.mt-radio-disabled {
    opacity: .6;
    filter: alpha(opacity=60);
}
.mt-checkbox>input, .mt-radio>input {
    position: absolute;
    z-index: -1;
    opacity: 0;
    filter: alpha(opacity=0);
}
.mt-checkbox>span, .mt-radio>span {
    border: 1px solid transparent;
    position: absolute;
    top: 0;
    left: 0;
    height: 19px;
    width: 19px;
    background: #E6E6E6;
	margin-top:1px;
}
.mt-checkbox>span:after, .mt-radio>span:after {
    content: '';
    position: absolute;
    display: none;
}
.input-icon>i, .mt-checkbox-list .mt-checkbox, .mt-checkbox-list .mt-radio, .mt-checkbox>input:checked~span:after, .mt-radio-list .mt-checkbox, .mt-radio-list .mt-radio, .mt-radio>input:checked~span:after {
    display: block;
}
.mt-checkbox:hover>input:not([disabled])~span, .mt-checkbox>input:focus~span, .mt-radio:hover>input:not([disabled])~span, .mt-radio>input:focus~span {
    background: #d9d9d9;
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
.mt-checkbox:hover>input:not([disabled]):checked~span, .mt-checkbox>input:checked~span, .mt-radio:hover>input:not([disabled]):checked~span, .mt-radio>input:checked~span {
    webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background: #d9d9d9;
}
.icon-btn, .icon-btn:hover {
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    -ms-transition: all .3s ease;
    -o-transition: all .3s ease;
}
.mt-checkbox>input:disabled~span, .mt-radio>input:disabled~span {
    opacity: .6;
    filter: alpha(opacity=60);
    pointer-events: none;
}
.mt-checkbox.mt-checkbox-outline:hover>input:not([disabled]):checked~span, .mt-checkbox.mt-checkbox-outline:hover>input:not([disabled])~span, .mt-checkbox.mt-checkbox-outline>input:checked~span, .mt-checkbox.mt-checkbox-outline>input:focus~span, .mt-checkbox.mt-checkbox-outline>span, .mt-checkbox.mt-radio-outline:hover>input:not([disabled]):checked~span, .mt-checkbox.mt-radio-outline:hover>input:not([disabled])~span, .mt-checkbox.mt-radio-outline>input:checked~span, .mt-checkbox.mt-radio-outline>input:focus~span, .mt-checkbox.mt-radio-outline>span, .mt-radio.mt-checkbox-outline:hover>input:not([disabled]):checked~span, .mt-radio.mt-checkbox-outline:hover>input:not([disabled])~span, .mt-radio.mt-checkbox-outline>input:checked~span, .mt-radio.mt-checkbox-outline>input:focus~span, .mt-radio.mt-checkbox-outline>span, .mt-radio.mt-radio-outline:hover>input:not([disabled]):checked~span, .mt-radio.mt-radio-outline:hover>input:not([disabled])~span, .mt-radio.mt-radio-outline>input:checked~span, .mt-radio.mt-radio-outline>input:focus~span, .mt-radio.mt-radio-outline>span {
    border: 1px solid #ccc;
    background: 0 0;
}
.mt-radio>span {
    -ms-border-radius: 50%!important;
    -o-border-radius: 50%!important;
    border-radius: 50%!important;
}
.mt-radio>span:after {
    left: 6px;
    top: 6px;
    height: 6px;
    width: 6px;
    border-radius: 50%;
    background: #666;
}
.mt-radio>input:disabled~span:after {
    background: #666;
}
.mt-checkbox>span:after {
    left: 6px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid #666;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}
.mt-checkbox>input:disabled~span:after {
    border-color: #666;
}
.mt-checkbox-list, .mt-radio-list {
    padding: 10px 0;
}
.mt-checkbox.mt-checkbox-outline>span ,.mt-checkbox.mt-checkbox-outline>span:hover{
	background:#fff !important;
}


/*table scroll*/
.table-scrollable{
	width:100%;
	overflow-x:auto;
	overflow-y:hidden;
	border:none;
}
.table-scrollable>.table-bordered>thead>tr:last-child>th,.table.table-bordered thead>tr>th{
	border-bottom:0;
	border:1px solid #ddd;
	line-height: 130%;
    vertical-align: middle;
	padding: 10px;
}
.table-scrollable>.table{
	width:100%!important;
	margin:0!important;
	/*min-width:650px;*/
}
.table-scrollable>.table>thead{
	border-top: solid 1px #ddd;
}
.table-scrollable>.table>thead>tr>th , .table-scrollable th ,table>thead>tr>th{
	white-space:nowrap; 
	padding:8px; 
	background:#999; 
	color:#fff;
	font-weight:500;
}
.table-hover > tbody > tr:hover{
	background:rgba(29,32,136,0.05);
}
.table-even > tbody > tr:nth-child(even){
	background:rgba(29,32,136,0.05);
}
td .mt-checkbox span ,th .mt-checkbox span {
    margin-top: -9px !important;
}
.delete_th{
	padding: 10px 0 !important;
}



/*table*/
.table {
  display: table;
}
.table-row {
  display: table-row;    
}
.table-cell {
  display: table-cell;   
}


/*頁碼*/
#page_number{
	padding-top:10px;
	float:left;
	width:100%;
}
.page_total{
	vertical-align:middle;
	margin:0 0 10px 0;
}
.page_icon{
	text-align:right;
	margin-bottom:10px;
}
.btn_page{
	display: inline-block;
    margin-bottom: 0;
    font-weight: 400;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border: 1px solid #ccc;
    padding: 4px 12px;
    font-size: 14px;
	background:#fff;
	margin-left:-1px;
}
.page_list{
	border: 1px solid #ccc;
	display:inline-block;
	width:77px;
	cursor: pointer;
	box-shadow:none;
}
.btn-group > button:first-child{
	border-radius:5px 0 0 5px;
}
.btn-group > button:last-child{
	border-radius: 0 5px 5px 0;
}
.btn-group .active{
	background:#6163ac !important;
	color:#fff !important;
	border:solid #6163ac 1px;
	margin-left: -4px;
}
.btn_page:hover{
	background:rgba(29,32,136,0.05);
	color:#333;
}

/***Hover效果1: 放大淡出***/
.imh_opacity{
	background:#000;
	overflow:hidden;
}
.imh_opacity img{	
	transition:all 0.3s linear;
	-webkit-backface-visibility: hidden;
}
.imh_opacity:hover img{
	opacity:0.8;
	transform:scale(1.05);
}

/*日期套件補丁*/
.datepicker{
	min-width:auto;
	padding:0;
	margin-top: 165px;
	z-index: 8;
}
.date-picker{
	max-width:245px;
	float: left;
	margin:5px 0;
}
.datepicker table tr td, .datepicker table tr th {
    border-radius: 0;
}
.table-condensed th{
	color:#333;
}
.input-group-addon {
	border:none;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}
.table-condensed{
	width:210px;
	position: relative;
	background:#fff;
	box-shadow:0px 0px 6px 4px rgba(20%,20%,20%,0.1);
	border:5px;
}
.table-condensed .datepicker-switch ,.table-condensed .prev ,.table-condensed .next ,.table-condensed .day{
	cursor:pointer;
	text-align:center;
} 
.table-condensed .datepicker-switch{
	background:#fefaec;
}
.table-condensed .prev ,.table-condensed .next{
	background:#feefca;
}
.table-condensed .datepicker-switch:hover ,.table-condensed .prev:hover ,.table-condensed .next:hover , .table-condensed .year:hover, .table-condensed .month:hover, .table-condensed .day:hover{
	background:#bbb ;
	color:#fff;
} 
.table-condensed .dow{
	background:#ddf0fd;
}
.table-condensed .month, .table-condensed .year{
	width:50px;
	padding:10px 0;
	cursor:pointer;
	text-align:center;
}
.table-condensed td span {
	float:left;
	display:inline-block;
}
.table-condensed td span:nth-child(4n+1) {
	clear: both;
}
.datepicker-days .old ,.datepicker-days .new {
	color:#ccc;
}
.day{
	cursor:pointer;
}

/*youtube影片*/
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.embed-responsive-16by9 {
	padding-bottom: 35%;
}
.embed-responsive-4by3 {
	padding-bottom: 75%;
}

/*學員專區*/
.student_menu{
	width:100%;
	float:left;
	padding: 10px 15px;
}
.student_menu .item{
	width:100%;
	background: #999;
    margin: 3px 0;
    padding: 8px 5px;
    border-radius: 4px;
    color: #fff;
	text-align:center;
	line-height:110%;
}
.student_menu .item:hover{
	background: #666;
}
.student_menu .top_font{
	font-size:13px;
	line-height:110%;
	margin-bottom:8px;	
}
.input_con {
    margin: 0 auto;
    max-width: 750px;
    padding: 20px 0 0 0;
}
.pw_btn{
	float:right;
	position:relative;
	margin-top:-47px;
}
.page_date{
	margin-bottom:10px;
	float:left;
	width:100%;
}
.page_date .label_title{
	float:left;
	padding:9px 5px 0 0;
}
.course_class{
	padding:5px 8px;
	background:#e9e9f3;
	margin:3px;
	border-radius:4px;
}
.top_btn{
    position: relative;
}
.top_btn button{
    position: relative;
    margin-bottom: -37px;
    float: right;
}
.order_info ul{
	list-style:none;
	margin-bottom:-15px;
}
.order_info ul li{
	display:inline-block;
	margin-right:30px;
	color:#777;
}
.order_info .title{
	color:#000;
	font-weight:bold;
}
.total_price{
	text-align:right;
	padding: 8px 5% 8px 8px !important;
}
.total_table .quantity{
	color:#0c9aac;
	padding:0 5px;
}

/*商品管理*/
.product_box {
    background: #fff;
    border: solid 1px #ddd;
    float: left;
    width: 100%;
	/*box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.1);*/
	border-radius:5px;
}
.product_box:hover {
    border: solid 1px #ccc;
}
.product_list .item{
	padding:2%;
}
.product_list img {
    width: 100%;
}
.product_list_title{
	line-height:150%;
	padding:5px 10px;
	font-size:15px;
}
.product_list_price_o{
	padding:5px 10px;
	/*background: #f5f5f5;*/
	line-height:130%;	
}
.product_list_price_o .price{
	font-size:14px;
	color:#333;
}
.price_red{
	font-size:20px!important;
	color:red !important;
}
.product_list_shop{
	padding:5px 10px 5px 10px;
	/*background:rgba(29,32,136,0.05);*/
	border-top: solid #eee 1px;
	float:left;
	width:100%;
}
.product_list_shop .form-control_1{
	height: auto;
    padding: 2px 5px 2px 5px;
}
.product_list_shop .btn_01{
	padding: 5px !important;
}
.product_left{ 
	width:40%;
	float:left;
	padding: 0 20px;
}
.product_right{ 
	width:60%;
	float:left;
	padding-left:2%;
}
.product_right .page_title{
	margin:0;
}
.product_right .product_name{
	border-bottom:solid #ddd 1px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.product_right .title_03{
	padding-bottom:5px;
}
.product_right .product_price{
	background:#f5f5f5;
	padding:5px 15px;
	margin:10px 0;
}
.product_right .product_price .price{
	font-size:30px;
}
.product_price{
	float:left;
	width:100%;
}
.product_price .price_o{
	/*font-size:12px;*/
	float:left;
	padding-top:12px;
}
.product_price .price_01{
	display:inline-block;
	/*font-size:12px;*/
	float:left;
	padding-left:30px;
	margin-top:5px;
}
.product_shop{
	padding:5px 10px 5px 10px;
	float:left;
	width:100%;
}
.product_shop .form-control_1{
	height: auto;
    padding: 2px 5px 2px 5px;
}
.product_shop .btn_01{
	padding: 5px 10px !important;
}
.product_right .payment_font{
	border-top: dotted #ddd 1px;
	margin:10px 0;
	float:left;
	width:100%;
	padding-top:10px;
}
.product_detail{
	float:left;
	width:100%;
	margin-top:10px;
}
.product_detail .item{
	margin:10px 0;	
	float: left;
    width: 100%;
}
.product_detail .item .title_03{
    line-height: 150%;
    font-weight: bold;
    padding: 6px 0 6px 15px;
    background: #eee;
    float: left;
    width: 100%;
}
.product_detail .item .content_font{
    padding: 10px 15px 5px 15px;
	float: left;
    width: 100%;
}

/*商品管理-相本*/
.pic_album{
	background:rgba(255,255,255,0.5);
	padding-bottom:4%;
}
#sync1 ,#sync2{
	overflow:hidden;
	overflow-y: -webkit-paged-y;
}
#sync1 .owl-nav{
	margin-left:-60px;
}
#sync1 .item img{
	width:99% !important;
	margin:0 auto;
	border:solid #ddd 1px;
}
#sync1 .owl-carousel .owl-item {
	margin:0 auto;
}
#sync1.owl-carousel .owl-nav .owl-prev:before ,#sync1.owl-carousel .owl-nav .owl-next:before{
	display:none;
}
#sync1 .owl-nav{
	display:none;
}
.owl-carousel.owl-drag .owl-item {
    text-align: center;
}
.img-thumbnail {
	border:none;
	padding:0;
	border-radius:0;
}
.img-thumbnail img {
    border-radius:0;
}
#sync2{
	position:relative;
	overflow-x: hidden;
    overflow-y: -webkit-paged-y;
}
#sync2 .owl-item{
	padding:3px;
}
#sync2 .item{
	background:#fff;
	padding:3px;
	float:left;
}
#sync2 img{
	overflow:hidden;
	width:100%;	
	border:solid #ddd 1px;
}
#sync2 .current{
	/*background:#1d2088;*/
}
.owl-theme .owl-nav [class*=owl-] {
    position: absolute;
}
.mfp-image-holder .mfp-close {
    padding-top: 5px;
}

/*購物車login*/
.one_content_shop {
    float: left;
    width: 98%;
    background: #fff;
    padding-bottom: 500em;
    margin-bottom: -500em;
    box-shadow: 0px 0px 2px 2px rgba(0,0,0,0.1);
    margin-top: 14px;
    margin-right: 1%;
    margin-left: 1%;
    border-top: solid #ddd 3px;
}
.shop_login .left, .shop_login .right{
	padding:5%;
}
.shop_login .left{
	border-right: dotted 2px #ccc;
}
.shop_login .right .content_con{
	height: 320px;
    overflow-y: scroll;
    margin-bottom: 30px;
}
.shop_login .form_box{
	padding:8%;
}
.shop_login .form_box .form-group label{
	margin-bottom:-5px;
	width:100%;
}
.shop_login .form_box .form-group .form-control_1{
	width:105px;
}
.shop_login .form_box .form-group i {
    padding: 0 5px;
}

/*購物車-流程圖*/
.bg-white {
	background: #ffffff !important;
}
.bg-gray{
	background:#e5e5e5;
}
.bg-yellow{
	background:#f5a026 /*#f8b62b*/;
}
.mt-element-step .step-line .mt-step-col {
  padding: 30px 0;
  text-align: center;
  color:#999;
  }
.mt-element-step .step-line .mt-step-number {
  font-size: 26px;
  border-radius: 50%;
  display: inline-block;
  margin: auto;
  padding: 9px;
  margin-bottom: 8px;
  border: 3px solid;
  border-color: #e5e5e5;
  position: relative;
  z-index: 5;
  height: 50px;
  width: 50px;
  text-align: center;
  color:#ffffff;
  }
.mt-element-step .step-line .mt-step-number > i {
  position: relative;
  top: 50%;
  transform: translateY(-120%); }

.mt-element-step .step-line .mt-step-title {
  font-size: 15px;
  font-weight: bold;
  position: relative;
  }
.mt-element-step .step-line .mt-step-title:after {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #e5e5e5;
  top: -32px;
  left: 50%;
  z-index: 4;
  transform: translateY(-100%); }
.mt-element-step .step-line .mt-step-title:before {
  content: '';
  height: 3px;
  width: 50%;
  position: absolute;
  background-color: #e5e5e5;
  top: -32px;
  right: 50%;
  z-index: 4;
  transform: translateY(-100%); }

.mt-element-step .step-line .first .mt-step-title:before {
  content: none; }

.mt-element-step .step-line .last .mt-step-title:after {
  content: none; }

.mt-element-step .step-line .active .mt-step-number {
  color: #ffffff !important;
  border-color: #e5e5e5 !important; }

.mt-element-step .step-line .active .mt-step-title,
.mt-element-step .step-line .active .mt-step-content {
  color: #999 !important; }

.mt-element-step .step-line .active .mt-step-title:after, .mt-element-step .step-line .active .mt-step-title:before {
  background-color: #e5e5e5; }

.mt-element-step .step-line .done .mt-step-number {
  color: #ffffff !important;
  border-color: #f5a026 !important; }

.mt-element-step .step-line .done .mt-step-title,
.mt-element-step .step-line .done .mt-step-content {
  color: #000 !important; }

.mt-element-step .step-line .done .mt-step-title:after, .mt-element-step .step-line .done .mt-step-title:before {
  background-color: #e5e5e5; }

.mt-element-step .step-line .error .mt-step-number {
  color: #E7505A !important;
  border-color: #E7505A !important; }

.mt-element-step .step-line .error .mt-step-title,
.mt-element-step .step-line .error .mt-step-content {
  color: #E7505A !important; }

.mt-element-step .step-line .error .mt-step-title:after, .mt-element-step .step-line .error .mt-step-title:before {
  background-color: #E7505A; }
 
.step-line .item{
	 width:20%;
	 float:left;
}

/*購物車*/
.shopping_con{
	float:left;
	width:99%;
	margin:1% 0 0 0;
}
.shopping_con_01{
	float:left;
	padding:15px 4%;
	text-align:left;
	line-height:190%;
	background:#efefef;
	width:100%;
}
.shopping_box{
	box-shadow:0px 0px 3px 2px  rgba(20%,20%,20%,0.1);
	float:left;
	width:100%;
	/*margin:0 0 3% 0;*/
}
.shopping_title{
	background:#4f4f4d;
	text-align:center;
	padding:10px 0;
	color:#fff;
}
.shopping_title_1{
	background:#4f4f4d;
	padding:10px 0 10px 20px;
	font-size:15px;
	text-align:left;
	color:#fff;
}
.shopping_list{
	padding:10px 0;	
	/*width:95%;*/
	line-height:130%;
}
.price{
	font-weight:bold;
	color:red;
	font-size:20px;
	letter-spacing: -1px;
}
.price_nt{
	font-size:12px;
}
.prod_line{
	border-bottom:#efefef solid 1px;
	float:left;
	width:100%;	
}
.prod_line_top{
	border-top:#efefef solid 1px;
	float:left;
	width:100%;	
}
.price_underline{
	text-decoration: line-through;
	font-size:14px;
	color:#999;
}
.prod_class{
	padding-top:7px;
	font-size:14px;
	color:#999;
}
.shopping_bottom{
	float:left;
	width:100%;
	padding: 50px 0 30px 0;
	text-align:center;
}
.shopping_bottom a{
	color:#fff;
}
.shopping_item{
	float:left;
	width:100%;
	border-bottom:#efefef solid 1px;
	padding:10px 0;
}
.shopping_item_01{
	float:left;
	width:100%;
	padding:10px 0;
}
.shopping_item_02{
	float:left;
	padding:10px 4%;
	text-align:left;
	line-height:190%;
}
.form_con{
	max-width:650px;
}
.form_01{
	width:95%;
	padding:10px;
	margin:10px 0;
	border:solid #ccc 1px;
	border-radius:5px;
	float:left;
}
.form_02{
	padding:10px;
	margin:10px 0;
	border:solid #ccc 1px;
	border-radius:5px;
}
.form_title{
	width:100%;
	padding:17px 0;
	text-align:right;
	font-weight:bold;
	color:#000;
}
.form_title_bold{
	width:100%;
	padding:8px 0;
	text-align:right;
	font-weight:bold;
}
.form_remarks{
	width:100%;
	padding:17px 0;
	text-align:left;	
}
.form_padding{
	width:100%;
	padding:17px 0;
	text-align:left;	
}
.form_padding_01{
	width:100%;
	padding:8px 0;
	text-align:left;	
}
.form_red{
	font-size:13px;
	color:red;
}
.shopping_show{
	width:100%;
	float:left;
	padding:4px 0;
}
.total_table .item{
	padding:5px 0;
	float:left;
	width:100%;
	text-align:right;
	line-height: 150%;
}


/*購物車-產品數量*/
p.p_num {
    height: 30px;
    border-top: solid 1px #d0d0d0;
    position: relative;
    border-bottom: solid 1px #d0d0d0;
	margin:2% 0;
}
.p_num_1 {
    height: 30px;
    position: relative;
	margin:2% 0;
}
span.sy_minus,span.sy_plus {
    width: 20px;
    height: 28px;
    text-align: center;
    display: block;
    position: absolute;
    top: 0px;
    font-size: 14px;
    border: solid 1px #d0d0d0;
    cursor: pointer;
    border-top: none;
    border-bottom: none;
	background:#efefef;
	line-height: 28px;
}
span.sy_minus {
    left: 0px;
}
span.sy_plus {
    right: 0px;
}
input.sy_num {
    width: 32px;
    height: 26px;
    text-align: center;
    position: absolute;
    top: 2px;
    left: 25px;
	border: none;
    vertical-align: middle;
}
span.sy_num {
    padding: 5px 8px;
    border: solid 1px #d0d0d0;
    border-left: none;
    border-right: none;
    cursor: pointer;
}
.shopping_title{
	background:#666666;
	text-align:center;
	padding:10px 0;
	color:#fff;
}

/*購物車-運費*/
.shopping_item .radio_margin{
	margin-top:-13px;
}
.shopping_item .title{
	text-align:center;
	color:#000;
	font-weight:bold;
	font-size:15px;
}

/*購物車-訂單確認*/
.sidemenu{
	float:left;
}
.lable_inline{
	display:inline-block;
	margin-bottom:5px;
	vertical-align: top;
}
.lable_inline label{
	float:left;
	margin: 2px 5px 0 10px;
	font-weight:normal;
}
.lable_inline input{
	float:left;
}

/*print*/
.con_box{
	padding: 2%;
    margin: 2%;
    border: solid 1px #ccc;
    float: left;
    border-radius: 10px;
    box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.1);
	width: 96%;
}
.con_banner img{
	border-radius:10px;
	box-shadow: 0px 0px 6px 2px rgba(20%,20%,20%,0.1);
	border: solid 1px #fff;
	margin-bottom:10px;
}
.con_box .page_title{
    font-size: 24px;
    font-weight: bold;
	margin:10px 0;
	float:left;
	width:100%;
}
.con_box .page_title_item{
	text-align:left;
}
.con_box .form_con {
    padding: 10px 0 0 0;
}
/*.con_box .content_con>img{
	max-width: 140px;
    padding: 5px;
    border-radius: 5px;
    border: solid 1px #ddd;
    box-shadow: 0px 0px 6px 4px rgba(20%,20%,20%,0.1);
    margin: 15px;
}*/
.con_footer{
	font-size:12px;
	padding: 0 20px 20px 20px;
	line-height:150%;
}
.con_float{
	float:left;
	width:100%;
}
.remark{
	font-size:12px;
	color:#666;
	line-height:150%;
}

/*數據資料庫*/
.class_box{
	border:solid 1px #4eafc0;
	margin:5px 0;
	border-radius:5px;
}
.class_box .btn {
    width: 100%;
	text-align:left;
}
.class_box ul{
	list-style:none;
}
.class_menu .class_one{
	max-height: 300px;
    overflow-y: scroll;
    width: 400px;
}
.class_one{
	background:#eee;
	/*margin-top: -6px;
	border-left:solid 1px #4eafc0;
	border-right:solid 1px #4eafc0;
	border-bottom:solid 1px #4eafc0;
	border-radius:0 0 5px 5px;*/
	margin-bottom: 0;
}
.class_one .class_one_title{
	padding:5px 10px;	
}
.class_two{
	background:#fff;
}
.class_two li{
	border-bottom:dotted #eee 1px;
	padding:5px 10px 5px 25px;
	cursor:pointer;
}
.class_one li:last-child ,.class_box .class_one li:last-child .class_one_title{
	border-bottom:none;
}
.table th.custom_th {
    min-width: 103px;
}
.table_top .left_remark{
	margin: 13px 0 5px 0;
	line-height:130%;
}
.class_box_01 .btn{
	margin: 6px 5px 5px 0;
}
.class_box_01 .dropdown-menu{
	z-index:8;
	padding:0;
}
.search_class{
	float:left;
	padding: 2px 4px;
	line-height: 160%;
}
.search_class .title{
	font-size:17px;
	font-weight:bold;
	color:#000;
}
.class_box_01 .dropdown-backdrop {
    position: relative;
}

/*問卷管理-login*/
.ques_login{
	padding:5%;
}
.ques_login .form_box{
	padding:8%;
}
.ques_login .form_box .form-group label{
	margin-bottom:-5px;
	width:100%;
}
.ques_login .form_box .form-group .form-control_1{
	width:105px;
}
.ques_login .form_box .form-group i {
    padding: 0 5px;
}

/*問卷管理-內容*/
.page_line {
    float: left;
    width: 100%;
    border-bottom: dotted 1px #ccc;
    margin: 10px 0;
}
.ques_title {
    color: #337ab7;
    font-weight: bold;
    margin-bottom: 5px;
}
.ques_a {
    padding-left: 15px;
    padding-bottom: 25px;
    width: 100%;
    float: left;
}
.ques_con .ques_a label{
	width: 100%;
    float: left;
	font-weight:normal;
} 
.ques_download{
	padding:5px 0;
}


/*--------------------------------------------------------------------------------------------------*/ 
/* 大螢幕 */
@media (min-width: 1200px) {
.hidden-md{
	display:none !important;
}
.hot_keyword {
	width:100%;
}


/*header*/
#header .header-logo img {
	max-height:70px;
}


/*手機版自訂選單*/
.customer_link{
	display:none;
}


/*活動花絮*/
.album_list .album_padding:nth-child(3n+1) ,.album_view_list .album_padding:nth-child(4n+1){
	clear:both;
}

/*商品管理*/
.product_list .item:nth-child(3n+1){
	clear:both;
}

}

/* 一般桌機解析度 */
@media (min-width: 992px) and (max-width: 1200px) {
.hidden-md{
	display:none !important;
}
.hot_keyword {
	width:100%;
}

/*header*/
#header .header-logo img {
	max-height:70px;
}
#header .header-nav-main nav > ul > li > a.dropdown-toggle {
    padding-right: 0;
	margin-right:0;
	font-size: 16px;
}

/*手機版自訂選單*/
.customer_link{
	display:none;
}

/*首頁主廣告圖*/
.index_news .container{
	padding:0 15px;
}

/*活動花絮*/
.album_list .album_padding:nth-child(3n+1) ,.album_view_list .album_padding:nth-child(4n+1){
	clear:both;
}

/*商品管理*/
.product_list .item:nth-child(3n+1){
	clear:both;
}

}

/* 平板電腦、橫向手機 */
@media (min-width: 768px) and (max-width: 991px) {
#header{
	position:absolute !important;
	width:100%;
	top:0!important;
}
#header .header-body {
	box-shadow: 0px 4px 4px rgba(20%,20%,20%,0.1);
	background: rgba(255,255,255,0.9) !important;
}
#header .header-column {
    float: left;
}
#header .header-row > .header-column:last-child {
    float: right;
}
#header .header-logo img {
    margin-top: 8px;
	height: 45px;
}

/*手機版下拉按鈕*/
#header .header-btn-collapse-nav {
    margin: 12px 10px 0 0;
}
.hot_keyword {
    float: right;
	width:100%;
}

/*手機版topmenu*/
.header-nav{
	background:#7d8bc0 /*#9db0fe#e9e9f3 #dbe8f9*/;
}
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	padding:0px;
	margin-left:0px;
	background: rgba(255,255,255,0.5);
}

/*scrollbar*/
.header-nav-main {
    width:100%;
    overflow:auto;
}
.header-nav-main::-webkit-scrollbar {
	width:10px;
	height:10px;
}
.header-nav-main::-webkit-scrollbar-button    {
	background-color:#f0f0f0;
}
.header-nav-main::-webkit-scrollbar-track     {
	background:#f0f0f0;
}
.header-nav-main::-webkit-scrollbar-thumb{
	background:#999;
	/*border-radius:4px;*/
}

/*首頁主廣告圖*/
.index_news {
	padding: 25px 15px 0 15px;
	margin-top: 110px;
}

/*首頁最新消息*/
.tab-content {
    margin-top:-1px;
}
.index_news_mobile{
	margin-top: 150px;
}
.nav-tabs li a {
    /*border-radius: 5px;*/
    font-size: 15px;
    margin-right: 10px;
	padding: 7px 8px;
}

/*學員專區*/
.member_title_box {
    padding: 5px;
}
.member_title i {
    font-size: 20px;
	display:inline-block;
	margin-right:5px;
}
.member_input {
    padding: 5px 10px 0px 10px;
}

/*首頁書籍專區*/
.index_book_font{
	padding:25px 15px;
	background-size:cover;
}
.index_book_font ul li {
    width: 28.8%;
	margin:5px;
}

/*page banner*/
.page_banner{
	margin-top:120px;
	background:url(../img/page_banner.jpg);
	height:150px;
	background-position:center top;
}
.page_banner_mobile{
	margin-top:159px;
}

/*main content*/
.left_menu .navbar-collapse {
    padding: 0 10px;
}
.page_title {
    font-size: 22px;
	margin: 0 0 10px 0;
}

/*活動花絮*/
.album_list .album_padding:nth-child(2n+1),.album_view_list .album_padding:nth-child(3n+1){
	clear:both;
}

/*產業查詢*/
.member_class_02 li {
    width: 43.9%;
}
.member_class_02 li:nth-child(2n) {
	padding-right: 0;
}

/*日期*/
.datepicker{
	margin-top: 110px;
}

/*課程管理*/
.applicant .training_item {
    width: 100%;
}

/*商品管理*/
.product_list .item:nth-child(3n+1){
	clear:both;
}

/*購物車-流程圖*/
.mt-step-number{
	padding:3px !important;
	font-size: 18px !important;
}
.mt-step-title:before , .mt-step-title:after{
	margin-top: 13px;
}
.mt-element-step .step-line .mt-step-number {
	height: 40px;
	width: 40px;
	margin-bottom: 0;
}

}
 
/* 橫向智慧手機到竪立平板電腦解析度 */
@media (max-width: 767px) {
.text_right {
    text-align: right !important;
}
.mobile_left{
	text-align:left !important;
}
.btn_01 ,.btn_02 ,.student_menu .item {
    font-size: 0.9em;
}
.btn_right{
	width:100%;
	margin-top:0;
}
.title_01, .title_02{
	font-size:16px;
}
#header{
	position:absolute;
	width:100%;
	top:0;
}
#header .header-body {
	box-shadow: 0px 4px 4px rgba(20%,20%,20%,0.1);
}
#header .header-row > .header-column:nth-child(1) {
    width: calc(100% - 80px);
}
.header-logo{
	/* width: 210px !important;
    height: 50px !important; */
    margin-bottom: 3px;
	padding-left: 5px;
}
.header-logo a img{
	margin-top:-2px !important;
	height:22px;
}

/*手機版下拉按鈕*/
#header .header-btn-collapse-nav {
    margin: 8px 8px 7px 5px;
	padding: 6px 10px;
}
#header .header-btn-collapse-nav_1 {
    margin: 8px 0 7px 5px ;
	padding: 6px 10px;
}

/*手機版topmenu*/
#header .header-nav-main nav > ul > li.dropdown .dropdown-menu {
	padding:0px;
	margin-left:0px;
	background: rgba(255,255,255,0.7);
}
#header nav > ul > li > a:hover ,.dropdown-submenu > ul > li > a:hover {
	background: rgba(0,0,0,0.2);
	border-radius:0;
}
.dropdown-submenu .dropdown-menu > li a{
	padding: 10px 30px 10px 45px !important;
}
.header-nav{
	background: #7d8be0 /*#7d8bc0 #9db0fe#e9e9f3 #dbe8f9*/ !important;
}
.dropdown-menu>li>a:focus{
    color: #fff;
    text-decoration: none;
    background-color:rgba(0,0,0,0.2);
}

/*scrollbar*/
.header-nav-main {
    width:100%;
    overflow:auto;
}
.header-nav-main::-webkit-scrollbar {
	width:10px;
	height:10px;
}
.header-nav-main::-webkit-scrollbar-button    {
	background-color:#f0f0f0;
}
.header-nav-main::-webkit-scrollbar-track     {
	background:#f0f0f0;
}
.header-nav-main::-webkit-scrollbar-thumb{
	background:#999;
	/*border-radius:4px;*/
}

/*上方選單*/
.top_link_mobile{
	background:#666;
	color:#fff;
}
.top_link_mobile a{
	padding: 10px 15px !important;
	/*float: left;*/
}
.top_link_mobile li{
	/*border-bottom: 1px solid #ccc !important;*/
}
.top_link_mobile .form-control_1{
	margin:5px 0 5px 15px;
}

/*首頁主廣告圖*/
.index_news{
	margin-top: 40px;
}
.owl-theme .owl-dots {
    margin-bottom: -20px;
	top: -25px;
}
.owl-theme .owl-dots .owl-dot span {
    margin: 2px !important;
	width:10px !important;
	height:10px !important;
}

/*首頁最新消息*/
.index_news_mobile{
	margin-top: 80px;
}
.index_news_tab {
    padding:15px 3% 0 3%;
}
.nav-tabs li a {
    /*border-radius: 5px;*/
    font-size: 14px;
    margin-right: 3px;
	padding: 5px 8px !important;
}
.tab-content {
	width:100%;
	margin-top: -3px;
}
.tab_con {
    padding: 10px;
}
.tab_con a{
	width:100%;
}
.tab_con li:first-child .tab_item_title {
    font-size: 15px;
    color: #000;
}
.tab_con li .tab_item_font ,.tab_con li:nth-child(2) .tab_item_font ,.tab_con li:nth-child(3) .tab_item_font {
	display: block;
}
.tab_con li .tab_item_date i ,.tab_con li:nth-child(2) .tab_item_date i ,.tab_con li:nth-child(3) .tab_item_date i{
	display: inline-block;
}
.tab_con li:nth-child(2) img{
	display: block;
}
.tab_con li:nth-child(2) .tab_item_title{
	display:block;	
}
.tab_con li:nth-child(3) img{
	display:block;
}
.tab_con li:nth-child(3) .tab_item_date{
	display:block;
	padding-right:0;	
}
.tab_con li:nth-child(3) .tab_item_title{
	display:block;	
}
.owl-theme .owl-nav {
    margin-top: -20px !important;
}

/*首頁內容第三區*/
.index_03 {
    padding:15px;
}

/*學員專區*/
.student_menu .item{
	display:inline-block;
	width:32.7%;
}
.member_title_box {
    padding: 10px;
}
.member_title {
    font-size: 18px;
}
.member_title i {
    font-size: 20px;
	display:inline-block;
	margin-right:5px;
}
.member_login {
    margin-bottom: 15px;
}
.member_input .btn_box {
    text-align: center;
}
.top_btn button{
    margin-bottom: 5px;
}

/*首頁link*/
.index_link_box {
    padding: 0;
	margin-top: 0; 
	margin-bottom: 13px;
}

/*首頁書籍專區*/
.index_book_title {
    font-size: 18px;
}
.index_book_font{
	padding:15px 10px;
	background-size:cover;
}
.index_book_font ul li {
    width: 28%;
	margin:2%;
}
.index_book_font img{
	width:100%;
}

/*footer*/
.footer_bg{
	padding:5%;
}
.footer_right {
    padding: 0;
}

/*page content*/
.page_content{
	padding: 3% 4% 40px 4%;
}

/*page banner*/
.page_banner{
	margin-top:53px;
	background:url(../img/page_banner.jpg);
	height:80px;
	background-position:center top;
	background-size:cover !important;
}
.page_banner_mobile{
	margin-top:93px;
}

/*main content*/
.main_content_box {
    overflow: hidden;
    margin: 0 10px 0 10px;
}
.left_content {
	display:none;
}
.right_content{
    width:100%;
	border-left: solid 1px #efefef;
	border-right: solid 1px #efefef;
}
.page_title {
    font-size: 20px;
	margin: 5px 0 10px 0;
}

/*相關圖片*/
.content_pic .album_padding:nth-child(2n+1) ,.album_view_list .album_padding:nth-child(2n+1){
	clear:both;
}

/*頁碼*/
#page_number .page_icon{
	text-align:center;
}

/*活動花絮*/
.album_list .album_padding{
	padding:2%;
}
.album_list .album_padding:nth-child(2n+1){
	clear:both;
}

/*產業查詢*/
.member_class_02 li {
    width: 45.8%;
}
.member_class_02 li:nth-child(2n) {
	padding-right: 0;
}
.member_class_02 li {
    margin: 8px 0 8px 15px;
}

/*sitemap*/
.one_content{
	background-size:100%;
}

/*知識庫*/
.table-toolbar-left label{
	margin:10px 5px 0 0;
}

/*日期*/
.date-picker {
    max-width: 205px;
}
.input-group-addon {
    padding: 6px 3px;
}
.date-picker .form-control{
	padding:6px;
}
.datepicker{
	margin-top: 55px;
}

/*課程管理*/
.course_right,.course_left{
	width:100%;
	padding:0;
}
.course_right img{
	width:100%;
	margin: 10px 0;
}
.course_right .embed-responsive{
	width:100%;
	max-width:100%;
	margin-bottom:20px;
	margin: 10px 0;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.course_left .course_item img {
    padding: 5px 10px 10px 0;
}
.applicant .training_item {
    width: 100%;
}
.news_list_title {
	font-size:1.2em;
	margin-bottom:5px;
	line-height:150%;
}
.apply_list .title{
    width: 100%;
	padding-bottom:5px;
    margin-bottom: 0;	
}
.apply_list .content{
    width: 100%;
	padding-bottom:5px;
    margin-bottom: 0;	
}
.apply_list .form-control,.apply_list .form-control_1 {
    margin-top: 5px;
}
.voucher_con{
	padding: 5px 0 !important;
}

/*商品管理*/
.product_list_title {
    font-size: 14px;
}
.product_list .item:nth-child(3n+1){
	clear:both;
}
.product_left, .product_right{
	width:100%;
	padding:0;
}


/*購物車login*/
.shop_login .left{
	border-right: none;
	border-bottom: dotted 2px #ccc;
}

/*購物車-流程圖*/
.mt-element-step .step-line .mt-step-number {
	height: 30px;
	width: 30px;
	border: none;
}
.mt-step-title:before , .mt-step-title:after{
	display:none;
}
.mt-step-number , .mt-step-title{
	float:left;
}
.mt-step-number{
	padding:3px !important;
	font-size: 18px !important;
	border-radius:5px !important; 
}
.mt-step-title{
	padding:2px 5px;
}
.mt-step-col{
	padding:0 0 0 0 !important;
	float:left;
}
.step-line .item{
	 width:100%;
}

/*購物車*/
.shopping_con{
	font-size:90%;
}

/*購物車-訂單確認*/
.lable_inline label {
    margin: 7px 5px 0 5px;
}

/*數據資料庫
.class_menu .class_one{
	max-height:100% !important;
}
.class_box_01 .dropdown-menu {
    position: relative;
    float: left;
    width: 100%;
}*/

}
 
/* 橫向智慧手機及其他更小解析度 */
@media (max-width: 480px) { 
.input-large ,.input-medium ,.input-small ,.input-xsmall {
    max-width:100%;
}

/*手機版topmenu*/
.header-nav {
    width: 80%;
	float:right;
}
#header .header-body {
    background: rgba(0,0,0,0.5);
}
#header div:nth-child(2) {
    background: #fff;
}
.header-nav-main{
	background: #7d8be0 /*#7d8bc0 #9db0fe#e9e9f3 #dbe8f9*/ !important;
}
html.sticky-header-enabled #header .header-nav-main {
    max-height: 100vh;
	height:90vh;
}
#header .header-nav-main nav{
	padding-bottom: 60px;
}

/*首頁最新消息*/
.tab_con img {
	width:100px;
}
.tab_con li:first-child .tab_item_font{
	display:none;
}
.tab_con li .tab_item_font ,.tab_con li:nth-child(2) .tab_item_font ,.tab_con li:nth-child(3) .tab_item_font {
	display:none;
}
.tab_con li .tab_item_date i ,.tab_con li:nth-child(2) .tab_item_date i ,.tab_con li:nth-child(3) .tab_item_date i{
	display:none;
}

/*首頁廣告圖(中)*/
.index_banner_02 {
    padding: 0 0 10px 0;
}

/*首頁link*/
.index_link {
    padding: 8px 8px 8px 0;
}
.index_link_box div:nth-child(2) .index_link,.index_link_box div:nth-child(4) .index_link {
    padding: 8px 0 8px 8px;
}

/*footer*/
.footer_title{
	font-size:11.5px;
}
.footer_title img{
	width:40px;
}
.footer_link_list li {
    padding: 2% 1%;
    width: 48%;
}
.footer_link_title{
	font-size:16px;
}
.footer_line {
    margin-left: 70px;
    margin-top: -10px;
}
.footer_menu ,.footer_font {
	font-size:12px;
}
.footer_menu li:first-child:before {
    content: "∣";
    padding-right: 3px;
}
.footer_menu li:after {
    content: "∣";
    padding: 0 3px;
}

/*page banner*/
.page_banner{
	margin-top:53px;
	background:url(../img/page_banner.jpg);
	height:60px;
	background-position:center top;
	background-size: 220% !important;
}
.page_banner_mobile{
	margin-top:93px;
}

/*相關圖片*/
.page_top_left, .page_top_left a {
    font-size: 12px;
	padding-top: 0;
}
.page_top_left i {
    padding: 0 5px;
}

/*活動花絮*/
.album_list .album_padding{
	width:100%;
}
.album_box{
	width:100%;
}


/*表單管理*/
.form_box {
	border: solid #f5f5f5 5px;
    padding: 5px;
}
.form_q{
	border-right:none;
	text-align:left;
	width:100%;
	display:block;
	margin: 0 0 -10px 0;
	padding:8px 15px 0 15px;
	float: left;
}
.form_a {
    width: 100%;
	display:block;
	margin: 0;
	padding:15px;
	border-bottom: #ccc dotted 1px;
	float: left;
}
.verification_code{
	margin:5px 0 3px 0;
	display:inline-block;
}
.forum_subject img {
	width:100px;
}

/*產業查詢*/
.member_class_02 li {
    width: 100%;
}
.member_list .table-row .table-cell{
	display:block;
}
.member_list .table_th:first-child{
	width:100%;
}
.member_list_visible-xs{
	display:inline-block;
}
.member_list_hidden-xs{
	display:none !important;
}
.member_list_visible-xs:before{
	content: "/";
	padding:0 5px;
}
.member_list .table-cell{
	padding: 6px 15px;
}
.member_list .table-cell:nth-child(1){
	border-bottom:none;
}
.member_list_name{
	font-size:16px;
	font-weight:bold;
}
.member_deatil .table-row{
	width:100%;
}
.member_deatil .table-row .table-cell{
	width:100%;
	display:block;
	float: left;
}
.member_deatil .table-row .table-cell{
	border-top: none;
}

/*文章管理*/
.article_list img{
	width: 100px;
}

/*知識庫*/
.search_checkbox_title{
	width:100%;
}
.search_checkbox_con{
	width:100%;
	margin-left:0;
}
.search_item{
	border-bottom: solid 1px #e5e5e5;
}
.knowledge_list img{
    width: 100px;
}
.knowledge_con img{
	width:100px;
}
.search_menu {
    padding: 10px 15px;
}
.search_item .date-picker {
	margin-bottom:10px;
}

/*sitemap*/
.one_content{
	background-size:130%;
}

/*學員專區*/
.student_menu .item{
	width:100%;
}
.delete_th button{
	margin-bottom:3px;
}

/*商品管理*/
.product_list .item{
	width:50%;
}
.product_list .item:nth-child(odd){
	padding-left: 0;
	clear:both;
}
.product_list .item:nth-child(even){
	padding-right: 0;
}
.product_list .item:nth-child(3n+1) {
	clear:none;
}
.product_price .price_o{
	padding-top:0;
}
.product_price .price_01 {
    padding-left: 0px;
	width:100%;
}
.product_detail .item .content_font {
    padding: 10px 5px 5px 5px;
}

/*購物車-產品數量*/
input.sy_num {
    left: 20px;
}

/*數據資料庫*/
.class_menu .class_one {
    width: 250px;
}
}

/*print清除網址*/
@media print {
  a[href]:after {
    content: none !important;
  }
}


/*-----------------------------------------for編輯器--------------------------------------------*/
.w-100{
	width:100%;
}
.w-80{
	width:80%;
}
.w-800{
	max-width:800px;
}
.w-600{
	max-width:600px;
}
.w-400{
	max-width:400px;
}
.w-auto{
	width:auto;
	max-width:100%;
}
.input-xlarge {
    width: 420px!important;
}
.input-large {
    width: 320px!important;
}
.input-medium {
    width: 240px!important;
}
.input-small {
    width: 145px!important;
}
.input-xsmall {
    width: 80px!important;
}
.float_left ,float-left {
    float: left;
}
.float_right ,.float-right {
    float: right;
}
.text_center ,.text-center {
    text-align: center;
}
.text_right ,.text-right {
    text-align: right!important;
}
.text_left ,.text-left {
    text-align: left!important;
}
.red {
    color: #c00;
}
.white{
	color:#fff;
}
.black{
	color:#000;
}
.gray{
	color:#666;
}
.blue_01{
	color:#3e76b6;
}
.blue_02{
	color:#003f86;
}
.green_01{
	color:#588216;
}
.green_02{
	color:#00693E;
}
.orange_01{
	color:#C45519;
}
.orange_02{
	color:#a6410a;
}
.brown_01{
	color:#817461;
}
.brown_02{
	color:#513710;
}
.pink{
	color:#B648B7;
}
.purple{
	color:#800080;
}
.required {
    color: #c00;
    font-size: 0.9em;
    line-height: 140%;
    padding: 3px 0;
}
.img_padding {
    padding: 10px;
}
.img_pic {
    border: solid #ccc 1px;
    padding: 10px;
    box-shadow: 0px 0px 2px 2px rgba(20%,20%,20%,0.1);
}
.margin_auto{
	margin:0 auto !important;
}
.nomargin{
	margin:0 !important;
}
.nopadding{
	padding:0 !important;
}
.blockquote_font{
	max-width: 96%;
    margin: 30px auto;
    color: #333;
    border-left: 6px solid #2b50a8;
	padding-left: 1.5em;
}
table[align="center"] {
    margin-left: auto;
    margin-right: auto;
}


@media (max-width: 480px) { 
.input-large ,.input-medium ,.input-small ,.input-xsmall {
    max-width:100%!important;
	width:100%!important;
}
}


/*table*/
.table {
    display: table;
	border-color:#ddd;
	width:100%;
}
.table_01 {
    display: table;
	border:none;
	text-align:left;
}
.table-row {
    display: table-row;
}
.table-cell {
    display: table-cell;
}
.table-center th ,.table-center td {
	text-align:center;
}


/*縮排*/
.paddingleft22{
	padding-left:22px;
}
.textindent22{
	text-indent: -22px;
}
.text_indent{
	text-indent: 2em;
}


/*清單*/
.ol_01{
	list-style-type:cjk-ideographic; /*一, 二, 三*/
}
.ol_02{
	list-style-type:upper-latin; /*A, B, C*/
}
.ol_03{
	list-style-type:lower-alpha; /*a, b, c*/
}
.ul_01{
	list-style-type:square; /*實心方塊*/
}
.ul_02{
	list-style-type: disc; /*實心圓*/
}
.ul_none ,.ol_none{
	list-style:none;
	padding-left: 0;
}
.ul_w50{
	float: left;
	width: 100%;
}
.ul_w50 li{
	float:left;	
	width:50%;
}


/*for IE*/
@media screen\0 {
.ol_01{
	list-style-type:decimal-leading-zero; /*01,02,03*/
}
}


/*錨點*/
.anchor_list{
	float:left;
	width:100%;
	list-style:none;
	margin-bottom:20px;
	margin-left:0px;
	padding-left:0 !important;
}
.anchor_list a{
	float:left;
	padding:5px 15px;
	border-radius:5px;
	color:#333;
	margin:5px;
	border: solid #ccc 1px;
	text-decoration:none;
	box-shadow:none;
}
.anchor_list li{
	float:left;
}
.anchor_list a:hover ,.anchor_list a:focus{
	background:#eee;
	color:#333;
}
.anchor_list a.active{
	background:#3e76b6;
	color:#fff;
	border: solid #3e76b6 1px;
}


/*併排4*/
.list_04{
	float:left;
	width:100%;
}
.list_04 .item {
	float: left;
	width: 22%;
	margin: 1.5%;
}
.list_04 .item img{
	margin-bottom:10px;
}
.list_04 .item:nth-child(4n+1) {
	clear: both;
}
.list_04.nomargin .item{
	margin: 0;
	width:25%;
}

@media (max-width: 767px) {
.list_04 .item  {
	width: 29.3%;
	margin:2%;
}
.list_04 .item:nth-child(4n+1) {
	clear: none;
}
.list_04 .item:nth-child(3n+1) {
	clear: both;
}
.list_04.nomargin .item{
	margin: 0;
	width:33.3%;
}
}

@media (max-width: 480px) {
.list_04 .item{
	width: 44%;
	margin: 3%;
}
.list_04 .item:nth-child(4n+1) ,.list_04 .item:nth-child(3n+1) {
	clear: none;
}
.list_04 .item:nth-child(2n+1) {
	clear: both;
}
.list_04 .item img {
	width: 100%;
}
.list_04.nomargin .item{
	margin: 0;
	width:50%;
}
}


/*併排3*/
.list_03{
	float:left;
	width:100%;
}
.list_03 .item {
	float: left;
	width: 29.3%;
	margin: 2%;
}
.list_03 .item img{
	margin-bottom:10px;
}
.list_03 .item:nth-child(3n+1) {
	clear: both;
}
.list_03.nomargin .item{
	margin: 0;
	width:33.3%;
}

@media (max-width: 767px) {
.list_03 .item  {
	width: 46%;
}
.list_03 .item:nth-child(3n+1) {
	clear: none;
}
.list_03 .item:nth-child(2n+1) {
	clear: both;
}
.list_03.nomargin .item{
	margin: 0;
	width:50%;
}
}

@media (max-width: 480px) {
.list_03 .item{
	width: 90%;
	margin: 5%;
}
.list_03 .item img {
	width: 100%;
}
.list_03.nomargin .item{
	margin: 0;
	width:100%;
}
}


/*併排2*/
.list_02{
	float:left;
	width:100%;
}
.list_02 .item {
	float: left;
	width: 44%;
	margin: 3%;
}
.list_02 .item img{
	margin-bottom:10px;
}
.list_02 .item:nth-child(2n+1) {
	clear: both;
}
.list_02.nomargin .item{
	margin: 0;
	width:50%;
}

@media (max-width: 767px) {
.list_02 .item{
	width: 90%;
	margin: 5%;
}
.list_02.nomargin .item{
	margin: 0;
	width:100%;
}
}


/*併排1+3*/
.list_img{
	float:left;
	width:100%;
}
.list_img .item:nth-child(2n-1) {
	float: left;
	width: 20%;
	margin: 2.5%;
}
.list_img .item:nth-child(2n) {
	float: left;
	width: 70%;
	margin: 2.5%;
}
.list_img .item img{
	margin-bottom:10px;
}
.list_img .item:nth-child(2n+1) {
	clear: both;
}
.list_img.nomargin .item{
	margin: 0;
}

@media (max-width: 480px) {
.list_img .item{
	width: 95% !important;
}
.list_img.nomargin .item{
	margin: 0;
	width:100%;
}
}


/*youtube影片*/
.embed-responsive {
	position: relative;
	display: block;
	height: 0;
	padding: 0;
	overflow: hidden;
	width:100%;
}
.embed-responsive .embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border: 0;
}
.embed-responsive-16by9 {
	padding-bottom: 56.25%;
}
.embed-responsive-4by3 {
	padding-bottom: 75%;
}



@media print {
/*清除網址*/
a[href]:after {
	content: none !important;
}

/*解決Safari 在列印時使用異常小的字體*/
.container {
	width: auto;
}

.con_box{
	margin: 0;
	border: initial;
	border-radius: initial;
	width: initial;
	min-height: initial;
	box-shadow: initial;
	background: initial;
	page-break-after: always;
}

}


/*列印尺寸電腦版*/
@page {
 size: A3;
 margin: 0;
}

/*rwd table*/
.rwd-table {
	background: #fff;
	overflow: hidden;
	min-width: 100%;
	/*font-size: 0.9em;*/
	color:#333;
}
.rwd-table th {
	display: none;
}
.rwd-table td {
	display: block;
}
.rwd-table td:before {
	content: attr(data-th) " : ";
	font-weight: bold;
	width: 6.5em;
	display: inline-block;
	color:#333;
}
.rwd-table tr:hover td:before {
	color:#fff;
}
.rwd-table.table-bordered > tbody > tr > td {
	border-top: none;
	border-left: none;
	line-height: 150%;
}
.rwd-table td:nth-child(1) {
	/*border-top: solid #ddd 1px !important;*/
}


@media (min-width: 769px) {
/*rwd table*/
.rwd-table td:before {
	display: none;
}
.rwd-table th, .rwd-table td {
	display: table-cell;
	padding: 0.25em 0.5em;
}
}


@media (max-width: 769px) {
/*rwd table*/
.rwd-table.table {
	border: none;
}
.rwd-table tr td:nth-child(1) {
	border-top: solid #ddd 1px !important;
}
.rwd-table tr td {
	border-bottom: solid #ddd 1px !important;
}
.rwd-table tr {
	margin-top: 20px;
}
.rwd-table.table-center td {
	text-align: left !important;
}
.rwd-table tbody tr {
	display: table;
	width: 100%;
	border:solid #ddd 1px;
}
.rwd-table tbody tr td {
	display: table-row;
}
.rwd-table tbody tr td:before {
	display: table-cell;
	padding: 8px;
}
}