body{
	width:100%;
	overflow-x:hidden;
}
a:hover  .sl1_infor_title{
	color:#444;
}
.phone-pay-finish{
	display:none;
}
.pc-pay-finish{
	display:block;
}
.media-box{
background:#FDEFEF;
padding:10px;
}
.btn.body-btn{
background:#fff;
color:#e7938c;
font-family:微軟正黑體;
}
.pay-info-text  span{
	    color: #CC0000;
}
.pay-info-text{
	font-family: 微軟正黑體;
    padding: 0 15px;
    line-height: 30px;
    text-align: left;
}
.body-btn span{
margin-left:5px;
}
.btn.btn-danger.dropdown-toggle{
	margin:10px 0;
	float:right;
	font-family:微軟正黑體;
}
.col-md-12.cbtn{
	margin: 0  0 20px 0;
    border-bottom: 1px solid #ddd;
    padding: 0 0 20px 0 !important;
}
.btn-style{
    background: #d1392c;
	text-align: center;
    list-style: none;
    width: 110px;
	height:40px;
    border-radius: 3px;
	font-family:微軟正黑體;
	margin:35px auto !important;
	color:#fff;
	line-height: 40px;
}
.col-xs-6.col-sm-3 .imgbox .play span{
    position: absolute;
    text-align: center;
    right: calc(100% - 137px);
    top: 28%;
}
.pay-items{
	 list-style: none;
    padding: 15px 45px 0 45px;
}
.pay-items li{
	border-bottom: 1px dotted #ddd;
    padding: 10px 1px;
}
.thumb-pad-3.item_img span{
	color: #FFF;
    z-index: 999;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    font-size: 50px;
    display: block;
    height: 50px;
    width: 50px;
}

.item_img span{
	color: #FFF;
    z-index: 999;
    position: absolute;
    left: calc(50% - 25px);
    top: calc(50% - 25px);
    font-size: 50px;
    display: block;
    height: 50px;
    width: 50px;
	
}
.item_img:hover span{
	display:none;
}
.m_input{
	padding:15px;
}
.media-send{
	border-bottom:1px dotted #ddd;
}
.sort-list{
	display:table;
	width:100%;
}
.btn-group{
	float:right;
	font-family:微軟正黑體;
}
.sort-list-total{
	float:left;
}
.body-bg{
	padding: 10px 0;
    box-sizing: border-box;
	font-family: 微軟正黑體;
}
.body-bg2{
	background: #F5F8E7;
    padding: 10px 25px;
}
.price-btn {
    float: right;
    background: #d1392c;
    padding: 5px 8px;
    border-radius: 3px;
    color: #fff;
	text-align: center;
}
.price-btn a{
color:#fff;
}
.item_price span{
color:#d1392c;
line-height:26px;
}
.sort-list-total{
	color:#686565;
	font-family:微軟正黑體;
	font-weight:bold;
    line-height: 45px;
}

.sort-list-total span{
	color:#686565;
	padding-right:8px;
}
.list a{
display:block;
}
.list-hr{
	width:100%;
	height:4px;
	background:#eee;
	position:relative;
}
.list-hr::before{
	content:"";
	position:absolute;
	width:13%;
	height:4px;
	background:#d1392c;
}
 .media-style{
     background: rgba(231, 147, 140, 0.09);
	 padding:10px;
 }
.media-body.message_wirte{
	width:100%;
	border:3px solid #ddd;
	border-radius:5px;
}
.message{
	border-radius:0 !important;
	background:#fff !important;
	width:100% !important;
    height: 130px;
    margin-bottom: 10px;


}
.media-heading.heading_wirte{
	color:#ddd;
	padding:10px;
	box-shadow:border-box;
	
}
.media-title{
	float: right;
}
.body-bg small{
float:right;
}
.body-bg.gerent{
	background:rgba(225, 225, 225, 0.71);
}
.media-btn{
	margin: 20px 0;
    border-top: 1px solid #ddd;
    padding: 10px 0;
}
.time-color{
    color: #e7938c;
}
.media-btn a{
	color:#d1392c;
	font-family:微軟正黑體;
}
.media-btn a:hover{
    color: #e7938c;
}
.panel.panel-primary.col-md-4{
	padding:0;
}
.media-left, .media-right {
    width: 100%;
    display: table;
}
.btn3{
    background: #d1392c;
	width:118px;
    padding: 10px 10px;
    border-radius: 5px;
	color:#fff;
	font-family:微軟正黑體;
	letter-spacing:1px;
	text-align:center;
	display:block;
}
.btn3 a{
color:#fff;
}
.btn3:hover{
color:#fff !important;
}
.date{
float:right !important; 
color:#797474  !important;
}
.block_b1 span{
    color: #FFF;
    z-index: 999;
    position: absolute;
    left: calc(100% - 53%);
    top: calc(100% - 125px);
    font-size: 50px;
}
/*slide*/
.slide{
	position:absolute;
	font-weight:bold;
	padding:25px 0;
}

 .active .slide{
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp; 
}
.active .slide2{
	-webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
   -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; 
} 

/* banner 動畫 */
.b-item h1 {
    color: #444;
    text-shadow: 1px 1px 3px #fff;
	font-size: 28pt;
	margin-bottom:10px;
	font-family:微軟正黑體;
}
.font-strong{
	font-size: 36px;
}
.b-item p{
  position: absolute;
  color: #fff;
}
.b-item p span{
	padding:8px 0;
}

.b-item p span{
  display: inline-block;
  visibility: hidden;
}
 .b-item{
	position:relative;
}
 .b-item .b-box{
	position:absolute;
	font-weight:bold;
	font-size: 16pt;
    font-weight: normal;
	color:#444;
	font-family:微軟正黑體;
	margin: 0 !important;
}
.active .b-item p span{
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  visibility: visible;
}
.active .fadeInUp p span{
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  
}
.active .fadeInDown p span{
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

.active .fadeInRight p span{
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

.active .fadeInLeft p span{
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

/* /banner 動畫 */



/* ---------header區塊樣式--------- */
.row {
    margin:0px 0;
}
.ml_artcle2 .row{
	margin:20px 0;
}
.col-sm-12{
padding:0 !important;
}
/* .item-banner{
	height:600px;
	overflow:hidden;
} */
.col_block {
    height: 127px;
    overflow: hidden;
}
.video_info_title{
	text-align: center;
    padding: 10px 0;
    font-size: 18px;
    font-family: 微軟正黑體;
	white-space: nowrap;
}
.bigp {
    background:#d1392c;
    font-size: 28px;
    color: #fff;
    text-align: center;
    line-height: 2;
    margin-bottom: 0;
	font-family:微軟正黑體;
	letter-spacing:1px;
	margin:0 !important;	
}

.nd_title.live{
	margin-top:40px
}

.repair{
	font-size:30px;
	font-weight:bold;
	font-family:微軟正黑體;
	text-align:center;
	margin:15% 0;
	line-height:40px;
	color: #444;
}

#header {
	width:100%;
	position:relative;
	display:table;
}

.slide-container{
	height: 169px !improtant;
}
.header{
	display:none;
}

/* iconslist*/	
.header_line{
	width:100%;
	height:40px;
	background:#444;
}

.iconslist{
	height:30px;	
	float:right;
	margin-top:5px;
	position:relative;
	margin-right:25px;
	display:table;
} 

.iconslist ul li{
	list-style:none;
	float:left;
}
.icons_share_cloumn{
	display:table;
}
.qrcode_share{
	float:left;
	width: 100px;
	box-shadow: 1px 1px 12px #eee;
}
.qrcode_share img{
	width:100%;
}
.iconslist.icons_bottom{
	float:left;
	/* width:100%; */
	bottom:0px;
	margin-right:0px;
	margin:0 auto;
	margin-left:9px;
	margin-top: 62px;
}

.icons_bottom .icon_f {
    width:50px;
	height:50px;
}
.icons_bottom .icon_y{
    width:50px;
	height:50px;
}
.iconslist.icons_bottom ul li span {
    font-size: 40px;
    line-height: 51px;
}

.icon_l {
	float: left; 
	background: #00c300;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius:20%;
	margin-right:8px;
}

.line_qrcode{
	width:240px;
	height:240px;
	/*background:#f6f6f6;*/
	position:absolute;
	top:35px;
	left:-100px;
	z-index:99;
	/*background:url('../image/hd-code.jpg');*/
	background-repeat:no-repeat;
	background-size:70%;
	display:none;	
}
.line_qrcode img {
	border: 1px solid red;
}
.line_qrcode.qr_sd{
	top: -250px;
}


.icon_l:hover .line_qrcode{
	display:block;
}

.icon_f {
	float: left; 
	background: #47639e;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 28px;
	border-radius:20%;
	margin-right:8px;
}

.icon_g {
	float:left;
	background: #d1392c;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 20%;
	margin-right:8px;
}


.icon_y {
	float:left;
	background: #cc181e;
	width: 30px;
	height: 30px;
	text-align: center;
	border-radius: 20%;
}

.iconslist ul li span{
	color:#fff;
	font-size:22px;
	line-height:30px;
}
.af{
	display:none;
}	
.aflogin .af{
	display: inline;
}
.aflogin .bf{
	display:none;
}

/* 主選單 */
.menu {
	width: 100%;
	background-image: url('../image/hdbg1.png');
	background-repeat: no-repeat;
	background-size: cover;
	height: 80px;
	z-index:9999;
}

.menu_content {
    width: 1000px;
    height: 60px;
    margin: 0 auto;
    display: inherit;
    position: relative;
}


.menu_icons span{
	float: left;
	color:#444;
	font-size:40px;
	position:absolute;
	bottom:0px;
	display:none;

}

.logo {
    float: left;
    width: 200px;
    height: 80px;
    margin: 0 auto;
	cursor: pointer;
}

.logoimg {
    width: 190px;
    height: 60px;
    margin-top: 28px;
}



.list_content{
	width:1000px;
	height:40px;
	margin:0 auto;
	display:table;
}

.list {
    float: right;
    width: 78%;
    margin: 0 auto;
    height: 36px;
    font-size: 17px;
    font-family: 微軟正黑體;
    line-height: 55px;
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.list >li {  
	width:10.6%;
	display: inline-block;
	text-align: center;
}


.list span {
	color: #fff;	
}

/*物件滑入後 變樣式*/
/* .list li a:hover  {
	display: block;	
	background:#da9c9c;
	background:rgba(209,57,44,.5);
	text-decoration:none;
}	 */

	
		
/* 登入list	 */

.loginlist {
	width:160px;
	height:35px;
	float:right;
	line-height:40px;
	position:relative;	
}
	
.member, .register  {
	font-size:16px;
	font-family:微軟正黑體;
	text-align:center;
	color:#fff;
	margin-right:10px;
	text-decoration:none;	
}


.loginlist a:hover{
	text-decoration:underline;
}

.member:before { 
	content:"|";
	position:absolute;
	left:70px;
	color:#fff;
	top:-1px;
}	
	
		


.in_banner {
	width:100%;
	margin: 0 auto;
	z-index:9999;
	 background: #fff;
}
	
.bphoto{
	padding:0px;
	width:100%;
	height:100%;
	background: url('../image/banner3.png');
	background-repeat:no-repeat;
	background-size:100%;
}
		
		

/*內容大框*/
#clumn {
	width: 1000px; 
	height:100%;
	margin: 0 auto;
/* 	overflow:auto;	overflow:auto; */
}


/*clearfix*/
.clear {
	zoom:1;	
}
	
.clear:before, .clear:after {
	content: "";
	display: table;
}

.clear:after {
	clear: both;
}



/* ---------nav次選單樣式--------- */
.nav {
	float: left;
	font-family: 微軟正黑體;
	position: relative;
	margin-right: 10px;
	padding-left:10px;
}

 .navlink {
	line-height: 40px;
	display: block;
	margin: 0 auto;
	font-size: 17px;	
 }
 
 
 .navlink a{
	text-decoration:none;
 }

 .navlink span {
	color:#fff;
	display: block;
 }


 .navlink  >li {  
	text-align: center;
	list-style: none;
	width: 110px;
	margin: 0 auto;
	margin-bottom: 5px;
	border-radius: 3px;
	background:#d1392c;
}


.navlink li:hover{
	background:#e3847c;
}


/*次選單_子選單*/

.nav .navlink{
	position: relative;
}


.navlink .sub-list{
	padding-top: 15px;
	line-height:22px;
	font-family: 微軟正黑體;
	padding: 0px;
	display: none;
}

.navlink .sub-list:hover {
	display: block;
}
.navlink li:hover > .sub-list{
	display: block;
}

/*子選單每一項的*/
.navlink .sub-list li {
	background: #ddd; 
	padding: 10px 0px 0px 0px ;
	height: 40px;
	list-style-type: none;	
}


.navlink .sub-list li a{
	color: #444;
	text-decoration:none;
}

.navlink .sub-list li:hover  {  
	background:#d3d3d3;
	display:block;
}

.otw {
	box-shadow: 0 0 15px #ddd;
}



/* -------------首頁 index 內容資訊塊樣式------ 	 */

.content {
	background: #fff;
	width: 58%;
	height: 100%;
	float: left;
	margin-right: 5px;
}

.in_title {
	width: 100%;
	height: 40px;
	line-height:40px;
	background:#808080;
	color: #fff;
	font-family: 微軟正黑體;
	font-size: 18px;
	font-weight: bold;
	padding-left:10px;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}


.article {
	width: 100%;	
}

.article a{
	text-decoration:none;
}


.article ul li {
	list-style: none;
	padding: 10px 10px 5px 20px;
	line-height: 25px;
	font-size: 17px;
	font-family: 微軟正黑體;
	border-bottom: 1px dotted #ddd;
	letter-spacing: 2px;
	color: #444444;
}


.article ul li:hover {
	background:#FFFFEC;
}



/*會員登入區塊*/

.aside {	
	float: right;
}

.acontent1 {
	width: 270px;
	height:520px;
	margin: 0 auto;
	border: solid 1px #d3d3d3;
	padding: 0 16px;
	background: #F1F1F1;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}

.ac1_tittle {
	height: 40px;
	font-family: 微軟正黑體;
	font-size: 18px;
	font-weight: bold;
	line-height: 40px;
	color: #444;
	padding:10px 0;
}

.bt_fb {
	width: 100%;
	line-height: 3;
	border-radius: 3px;
	border: solid 1px #2e498c;
	font-family: 微軟正黑體;
	text-align: center;
	color: #fff;
	display: block;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6286d1+0,2e4a87+100 */
	background: #6286d1; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYyODZkMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyZTRhODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #6286d1 0%, #2e4a87 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6286d1), color-stop(100%,#2e4a87)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #6286d1 0%,#2e4a87 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #6286d1 0%,#2e4a87 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #6286d1 0%,#2e4a87 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #6286d1 0%,#2e4a87 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6286d1', endColorstr='#2e4a87',GradientType=0 ); /* IE6-8 */
}

.bt_fb::before{
	content:"f";
	display: inline-block;
	font: 900 20px/25px "Arial Black";
	vertical-align: middle;
	text-align: center;
	margin-right: 10px;
	border: solid 1px #fff;
	width: 25px;
	border-radius: 3px;
	position: relative;
	top: -1px;
}

.bt_fb a{
	color: #fff !important;
}


.bt_fb:hover {
	background: -webkit-linear-gradient(#2e4a87,#6286d1,);
}

.or::after{
	content:"或";
	display: block;
	text-align: center;
	background: #f1f1f1;
	width: 24px;
	margin: auto;
	margin-top: -9px;
	font-family: 微軟正黑體;
}

.login {
	margin: 20px 0;
	padding: 12px;
	font-size: 16px;
	letter-spacing:1px;
	line-height: 22px;
	border: 1px solid #FFEFC3;
	background: #FFFFEC;
	font-family: 微軟正黑體;
}

.radio{
	float:left;
}
.pay-info{
	padding:15px;
}
.pf1{
	background:#78c9ce!important
}
.panel-number{
    font-size: 17px;
    text-align: left;
    padding: 30px 15px;
    color: #636363;
	font-family:微軟正黑體;
	height: 130px;
}

label {
 
    display: block;
    font-family: 微軟正黑體;
    font-size: 16px;
    font-weight: normal;
    color: #444;
    display: inline-block;
    vertical-align: bottom;
}

#mail, #pw {
	margin-bottom: 10px;
	background: #FFF;
	width: 220px;
	color: #333;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	border-radius: 1px;
}


#fb_member_input{
	border: 1px solid #bdbdbd;
	width:235px;
	height:28px;
	font-size:16px;
	margin-bottom:20px;
	box-sizing:border-box;
}
.fb_member_input{
	border: 1px solid #bdbdbd;
	width:235px;
	height:28px;
	font-size:16px;
	margin-bottom:20px;
	box-sizing:border-box;
}

.ac1_text {
	width: 230px;
	height: 130px;
	font-family: 微軟正黑體;
	color:#fff;
	text-shadow:3px 3px 3px #000;
	font-size: 20px;
	font-weight: bold;
	line-height: 30px;
	padding-top: 30px;
	margin: 0 auto;
	text-align: center;
}

		
.bontton {
	width: 250px;
	margin: 0 auto;
}


.b1 {
	width: 100px; 
	height: 30px;
	display: inline-block;
	font-size: 14px;
	font-family: 微軟正黑體;
	text-align: center;
	line-height: 30px;
	border: 1px solid #fff;
	border-radius: 5px;
	background:#D1392C;
}


.b1 a {
	color: #fff !important;
}

.b1:hover{
	background:#B20500;
}


label.iblock {
    display: inline-block;
    font-size: 13px;
    vertical-align: middle;
    font-weight: normal;
    color: #666;
    margin: 0px;
}

.account {
	margin-top:8px;
	font-size: 15px;
	color:#666;
	list-style: none;
	display:table;
}
.m_content2 .account a{
	color:blue !important;
}
.account a:visited{
	color:blue !important;
}


.account li{
	float:right;
	font-family: 微軟正黑體;
}

.sign a{
	color:#15c;
}


/* --------- about.css 老師介紹_頁面樣式--------- */

/* 內文次標樣式 */

.nd_title {
	border-bottom: 1px dotted #ddd;
	display: table;
	font-family: 微軟正黑體;
	font-weight: bold;
	height: 40px;
	line-height:38px;
	width: 100%;
}

.nd_title_name{
	color:#808080;	
	font-size: 18px;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position: relative;	
	padding-left:13px;
	float: left;
}

.nd_title_name::before{
	content: "";
	position: absolute;
	width: 4px;
	height: 20px;
	background:#d1392c;
	top:8px;
	left:-1px;
} 

/*nav path路徑*/

.nav_path{
	height:30px;
	position:relative; 
	White-space:nowrap;
	margin: 10px 0 10px 0;
	padding-left:20px;
}

.path_content {
	width:1000px;
	margin: 0 auto;
	line-height: 30px;
}

.nav_path ul {
	font-size:16px;
	font-family:微軟正黑體;
	list-style:none;
	color:#444 !important;
	display: block;
}


.nav_path ul li{
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.nav_path li span{
	color: #d1392c;
}
.nav_path a{
	color:#444;
}

.nav_path .fa-angle-right{
	margin-left:4px;
}

/* .nav_path ul li:not(:last-child):after {
   content: ">";
}
 */

				
.main {
	background: #fff;
	width: 85%;
	height: 100%;
	min-height:750px;
	float: left;
	padding:0 20px;
	border-radius:10px;
	box-shadow:3px 0px 18px #a9a9a9;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
	box-sizing:border-box;	 
}


.header_main_title{
	display: table;
	width: 100%;
    height: 60px;
	font-family:微軟正黑體;
	margin-bottom:20px;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.t_infor{
	display:table;
	margin:0 20px;
}

.t_icon_box{
margin-bottom:10px;
}
.t_icon {
	width: 100%;
	height:60px;
	padding-top:15px;
	display:table;
	position: relative;
	
}
.t_icon.member_icon {
    padding-top: 21px;
}

.icon_img{
	float:left;
	margin-right:10px;
}

.icon_text{
	float:left;
}

.ict01{
	font-family:微軟正黑體;
	font-size:25px;
	font-weight:bold;
	letter-spacing:3px;
	margin-left:10px;
	/* margin-top:8px; */
	color:#444;
}


.ict02{
	font-family:微軟正黑體;
	font-size:12px;
	letter-spacing:2px;
	margin-left:12px;
	margin-top:3px;
	color:#e7938c;
}

.ic_share{
	position: absolute;
	right: 0px;
	bottom: 10px;
	font-family: 微軟正黑體;
	font-weight: bold;
	font-size: 20px;
}



.hr{
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.t_infor {
	height:200px;
	padding-top:25px;
	float:left;
}
.t_infor.video {
	width: 55%;
	height: 244px;
	padding-top:25px;
	float:right;	
}

.dvd_article1.video{
	padding-top: 25px;
    margin: 0 auto;
    width: 55%;
    height: 300px;
}

.dvd_article1.lec{
	width: 55%;
    height: 300px;
    padding-top: 25px;
    margin: 0 auto;
}
/* 原本樣式 */
/* .t_photo{
	float:left;
	width:150px;
} */

/* .t_text{
	float:left;
	width:500px;
	margin-left:15px;
	margin-top:90px;
} */

/* .t_title{
	height: 33px;
	position:relative;
} */

/* .t_content{
	height: 60px;
	font-family:微軟正黑體;	
	font-size:15px;	
	color:#444;
	letter-spacing:1px;
	position:absolute;
} */

/* .t_content p{
	line-height:65px;
} */
.t_photo{
	width:200px;
	height:200px;
	border-radius:50%;
	overflow:hidden;
 }
.t_text {
    margin-top: 46px;
}
.t_title {
    height: 33px;
}
.t_content {
    height: 60px;
    font-family: 微軟正黑體;
    font-size: 15px;
    color: #444;
    letter-spacing: 1px;
}

.t_content p {
    line-height: 40px;
}
.t_title1{
	/* float:left; old*/
	font-size:28px;
	font-family:微軟正黑體;
	font-weight:bold;
	color:#444;
	letter-spacing: 5px;
}

.t_title2{
	/* float:left;  old*/
	font-size: 16px;
	font-family:微軟正黑體;
	font-weight:bold;
	margin-top: 12px;
	margin-left: 12px;
	color:#444;
}





/*內容_學歷 經歷 現職*/
.cost-info ul{
	list-style:none;
	font-family: 微軟正黑體;
	margin: 15px 0;
}
.cost-info span{
	font-size: 14px;
    margin-right: 8px;
    color: #c9c9c9;
    line-height: 34px;
    letter-spacing: 1px;
}
.cost-info ul li{
	font-size:16px;
	    color: #444444;
}
.content1{
	margin:15px 20px 50px 20px;

}
.content1.box-size{
	display: table;
    width: 100%;
}
.content1.op{
	margin:15px 20px 0px 20px;
}
.content1.cloumn{
	margin:15px 0 50px 0px;
}

.article1{
    padding: 10px 10px 5px 40px;
	margin-bottom: 18px;
	list-style: none;
    line-height: 26px;
	letter-spacing: 2px;
    font-size: 16px;
    font-family: 微軟正黑體;
    color: #444444;   
}



		
/* --------- video.css 影音教學_頁面樣式--------- */

/*影音光碟_內容*/


.vtitle1 {
	width: 98%;
	height: 40px;
	border-bottom: 1px dotted #ddd;
	font-family: 微軟正黑體;
	font-weight: bold;
	line-height:38px;
	display: table;

}

.vmain_title1{
	color:#808080;	
	font-size: 18px;	
	position: relative;	
	padding-left:13px;
	float: left;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.vmain_title1::before{
	content: "";
	width: 4px;
	height: 20px;
	background:#d1392c;
	position: absolute;
	top:8px;
	left:-1px;
} 

.vsecond_title1{
	float: left;
	font-size: 18px;
	margin-left: 20px;
	color:#0077b5;	
}


.title_comment{
	font-family:微軟正黑體;
	line-height: 40px;
	letter-spacing:1px;
	color:#a6a6a6;
}



.dvd_article1 {
	padding: 0 10px 0px 0px;
	line-height: 26px;
	padding-top: 20px;
	font-size: 16px;
	font-family: 微軟正黑體;
	letter-spacing: 2px;
	color: #444444;
	letter-spacing: 1px;
}

.dvd_article1 ul li{
	font-weight: bold;
	line-height: 30px;
	list-style:none;
	font-size: 18px;
}

.dvd_article1 em{
	font-size: 12px;
	color:#d1392c;
	padding-right:5px;
	vertical-align:middle;
}

.dvd_article1_nd em{
	font-size: 12px;
	color:#c9c9c9;
	padding-right:5px;
	vertical-align:middle;
}

.dvd_article1_nd{
	font-size: 16px;
	font-family: 微軟正黑體;
	line-height:30px;
	letter-spacing: 2px;
	color: #444444;
	margin-bottom:20px;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}

.dvd_article1_nd ul{
	list-style:none;
}

.dvd_article1_nd ul li span{
	color:#444;
	padding-right:5px;
}




.dvd_article1_thr {
	font-size: 20px;
	margin-bottom:40px;
	line-height: 30px;
	font-weight: bold;
	font-family: 微軟正黑體;
	color:#d1392c;
}



/*錄影帶DVD: 實戰操作系統整合全部課程內容*/

.dvd_article2 {
	line-height: 26px;
	padding-top: 40px;
	font-size: 16px;
	font-family: 微軟正黑體;
	letter-spacing: 2px;
	color: #444444;
	margin-bottom:18px;
	letter-spacing: 1px;
	display: table;
}

.dvd_article2 ol li{
	line-height: 22px;
	font-size: 16px;
	height: 100px;
	margin:0 0 8px 10px;
	list-style: none;
}


.dvd_li_content1{
	display: table;	
}

.dvdli_title1{
	float: left;
	width: 80px;
	height: 27px;
	margin-right: 13px;
	text-align: center;
	font-size: 17px;
	line-height: 27px;
	color:#fff;
	background:#66cdaa;
}

.dvdli_title2 {
	float: left;
	width: 650px;
	font-size: 16px;
	padding-bottom: 7px;
	border-bottom: 1px solid #ddd;
}


.dvd_content3_hr {
	padding: 0;
	border: none;
	border-top: medium double #444;
	color: #444;
	text-align: center;
	vertical-align:middle;
}
.dvd_content3_hr:after {
	content: "CONTENT";
	font-family: 微軟正黑體;
	display: inline-block;
	position: relative;
	top: -10px;
	font-size: 16px;
	padding: 0 4px;
	background: #fff ;
}



.dvd_c3_list ul{
	list-style:none; 
	padding-top:10px;
	margin-bottom:40px;

}	
	
.dvd_c3_list li{
	line-height: 35px;
	font-family: 微軟正黑體;
	font-size: 16px;	
	background-position:0 22px; 
	padding-left:16px; 
	color:#444;
}	
				

.dvd_c3_list li em{
	font-size: 20px;
    color: #d1392c;
    line-height: 30px;
    margin-right: 8px;
    width: 30px;
    text-align: center;
    display: inline-block; +
}		
		


		
/* --------- finacebook.css 財經著作_頁面樣式--------- */

	

.bookbanner{
	width: 810px;
	height:200px;
	background: #ddd;
	margin:20px 0;
	position: relative;
}

.items{
	/* display: inline-block; */
	list-style: none;
	/* padding:25px 0 0 20px; */
	padding-top:25px;
	margin-bottom: 10px;
	margin:0 auto;
}


.items > li{
	float: left;
}


.item {	 
	/* width:182px; */
	height:330px;
	margin-bottom:20px;
	box-shadow:1px 1px 15px #ddd;
}
/* .col-md-3.item:nth-child(4n+2) {
    margin: 0px 10px;
} */

.item_img{
	position: relative;
}

.item_img img{
	width: 100%;
}

.item_cover{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	/*height:calc(100% - 80px) ;*/
	/*padding:90px 10px 0px 10px;*/
	background: rgba(0,0,0,.4);
	font-family: 微軟正黑體;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	text-align: justify;
	height: 100%;
	padding: 90px 10px 0px 10px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.item_img:hover .item_cover{
	display: block;
    transition: all 3s;	
/*	-webkit-box-flex:1;
	-webkit-transition-:opacity:2s;*/
}

.item_numbers{
	position:absolute;
	top:0;
	left:0;
	width:35px;
	height:35px;
	background:#66cdaa;
	color:#fff;
	font-family:arial;
	font-size:25px;
	line-height:35px;
	text-align:center;
	font-weight:bold;
}

.item_title{
	font-family:微軟正黑體;
	font-size:18px;
	padding:12px 0px 0px 0px;
	line-height:22px;
	font-weight:bold;
	color:#444;
	text-align: left;
	padding:0 5px;
	box-sizing:border-box;
	margin: 5px 0;
}
.item_title span{
white-space: nowrap;
}

.item_price{
	font-family:微軟正黑體;
	font-size:16px;
	padding:0px 10px;
	font-weight:bold;
	color:#d1392c;	
	text-align: left;
}





/* --------- finacebookpage.css 財經著作_內頁 頁面樣式--------- */



.bookbg_cover{
	width: 750px;
	height: 270px;
	position: absolute;
	top:20px;
	display: table;
}

.book_price{
	float: left;
	font-size: 24px;
	color:#fff;
	text-shadow: 0px 0px 10px #444;
	font-family: 微軟正黑體;
	font-weight: bold;
	letter-spacing:1px;
	position: absolute;
	right:0px;
	bottom: 46px;	
}

.book_order{
	float: left;
	font-size: 24px;
	color:#fff;
	font-family: 微軟正黑體;
	font-weight: bold;
	letter-spacing:1px;
	position: absolute;
	right:0px;
	bottom:0px;	
	width: 150px;
    text-align: center;
    line-height: 40px;
    background: #d1392c;
    border-radius: 4px;
    height: 40px;
    padding: 0 10px;
}

.book_img{
	float: left;
	background-size: 100%;
	height: 250px;
	width: 180px;
	margin-top: 10px;
	margin-left: 40px;
	box-shadow:  0px 0px 10px #444, 0px 0px 10px #444;
}



.at1_infor{
	padding:15px 0px 30px 0px;
    line-height: 26px;
    font-size: 16px;
    font-family: 微軟正黑體;
    letter-spacing: 2px;
    color: #444444;
	margin: 0 auto;
    width: 95%;
	text-align:justify
}



.content_clumn{
	margin:0px auto;
	background:#fff;
}

.bookpage_content_clumn{
	width:95%;
	margin:0 auto; 
	height:100%;
	margin: 0 auto;
	display: table;
	overflow:auto;
	margin-top: 130px;
}

.unit1{
	margin-top:25px;
}

.u1_title{
	background:#d1392c;
	color:#fff;
	padding:0 10px;
}


.ul_items{
	border:1px solid #d1392c;
	padding: 20px  0 ;
}


.ul_items ul {
	list-style: none;
}


.section1{
	margin-left: 20px;
	color:#66cdaa;
	font-weight: bold;
	padding-top: 20px;
}
	
.section_nd {
	margin-left:25px;
	margin-top:15px;
}

.section_nd .nd ol {
	margin-left: 25px;
}

.nd ul{
	list-style: none;
	margin:0 4%;
	line-height: 34px;
}

.s1_info{
	font-size:16px;
	list-style: none;
	margin-left:30px;
	line-height:30px;
}

.s1_info li ul {
	margin-left:30px;
}



		
/* --------- operating.css 代銷操作軟體_頁面樣式--------- */



.op_article{
	padding: 10px 10px 5px 0px;
	letter-spacing: 2px;
	font-size: 16px;
	font-family: 微軟正黑體;
	text-align:justify;
	color: #444444;
	margin-left:10px;
	line-height: 26px;
	letter-spacing: 1px;
}

.op_article ul li{
	background-image: url('../image/list_icon.png');
	background-position-y: center;
	background-repeat:no-repeat;
	font-weight: bold;
	padding: 0 0 0 22px;
	font-size:17px;
	list-style:none;
}

.op_article span{
	width: 65%;
	color: #eca805;
}





/* ---------lectures.css 投資講座_頁面樣式--------- */



.lec_at4 .fa{
	font-size:18px;
	color: #d1392c;
    line-height: 30px;
	margin-right:10px;
}

/* lectures.php表單 */

.lec_article{
	padding: 10px 0px 5px 0px;
	line-height: 26px;
	font-size: 16px;
	font-family: 微軟正黑體;
	letter-spacing: 2px;
	color: #444444;
	margin-left:10px;
	width: 90%;
	text-align:justify
    margin: 0 5%;
}



.lec_table{
	margin-top:30px;
}

.lec_table dl {
	height: auto;
    overflow: hidden;
    clear: both;
	border-bottom:1px solid #ddd;
	padding:10px 0;
	line-height:40px;
}
.lec_table ul {
	height: auto;
    overflow: hidden;
    clear: both;
	border-bottom:1px solid #ddd;
	padding:10px 0;
	line-height:24px;
	margin-bottom:0 !important;
}

.lec_table h2{
	background:#d1392c;
	height:30px;
	width:75px;
	color:#fff;
	font-size:18px;
	line-height:30px;
	padding:0 5px;
	text-align:center;
	letter-spacing:3px;	
	margin:0px !important;
}

.lec_table_hr{
	border-bottom:2px solid #d1392c;
	margin-bottom:15px;
}

.lec_table dt{
	float:left;
	margin-right:20px;
	font-weight:bold;
}
.lec_table dd{
	float:left;
}
/* 投資家講座 */
.lec_table ul li{
	float:left;
	margin-right:20px;
	font-weight:bold;
	float:left;
	list-style-type: none;
}



/* ---------live.css 上課實況區塊樣式--------- */
.list-item {
	display:table;
	width: 100%;
} 
.list-item li{
	list-style:none;
}
.live_bolck{
	width:47%;
	height:342px;
	border:1px solid #ddd;
	float:left;
	margin:10px;
	overflow:hidden;
	position:relative;
}
.imgbox{
	position:relative;
}
.imgbox .play span{
	color:#fff;
	position:absolute;
	text-align:center;
	z-index:999;
	right:calc(100% - 201px);
	top:35%;
	font-size: 55px;
	opacity:.8;
}

.live_bolck a{
	display:block;
}

.live_bolck.op{
	width:47%;
	height:auto;
}
.tag{
	border-width: 0 70px 70px 0;
    border-style: solid;
    border-color: transparent #d1392c transparent transparent;
	position:absolute;
	right:0px;
}

.live_bolck span{
	position:absolute;
	right:12px;
	top:12px;
	z-index:99;
	font-size:20px;
	color:#fff;
}

.live_bolck em{
	position:absolute;
	right:12px;
	top:12px;
	z-index:99;
	font-size:20px;
	color:#fff;
}
.live_img{
	padding:8px 8px 0 8px;
}
.live_img img{
	width:100%;
}

.live_text{
	padding:0 8px 8px;
	box-sizing:border-box;
	text-align:center;
	font-family:微軟正黑體;
	line-height:25px;
	font-size:15px;
	color:#444;
	font-weight:bold;
}

.list-item.op{
	margin-bottom: 30px;
    display: table;
    width: 100%;
}

/* ---------curriculum.css 股期課程_頁面樣式--------- */

.bookbanner2{
	width: 810px;
	height:195px;
	margin-top:20px;
}


.cc_apply_botton{
	background:#d1392c;
	color: #fff;
	font-size: 18px;
	font-family: 微軟正黑體;
	font-weight: bold;
	margin: 0 auto;
	text-align:center;
	letter-spacing: 2px;
	line-height: 50px;
	margin-bottom:25px;
}
.li_content2 {
	border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

.cc_apply_botton:hover{
	background:#a72e23;
	color: #fff;	
}



/* 文章內容 */

.cc_content{
	display: table;
	width:100%;
}


.cc_article_clumn{
	display:table;
	margin:20px 0;
}

.cc_block{
	width: 400px;
	float:left;
}
		
	
.cc_items{
	width: 360px;
	margin:10 0 0 5px; 
	margin-left:15px;
}


.cc_items ul{
	line-height: 22px;
	font-size: 16px;
	margin-bottom:8px;
	list-style: none; 
	word-break: break-all;
}



.li_content1{
	margin-bottom: 15px;	
	border-bottom: 1px solid #ddd;
}

.li_title1{
	width: 80px;
	height: 27px;
	margin-right: 5px;
	text-align: center;
	font-size: 16px;
	line-height: 27px;
	color:#fff;
	background:#66cdaa;
	margin-bottom: 8px;
	font-family: 微軟正黑體;
}

.li_title2 {
	width: 360px;
	font-size: 16px;
	margin-left: 5px;
	padding-bottom: 7px;
	font-family: 微軟正黑體;
	line-height: 28px;
}

.li_title2 ol{
	margin-left: 15px;
	
}
.cc_photo{
    margin-left: 15px;
}

.cc_photo img{
	margin: 10px 0 ;
}				
	

.cc_place{
	width: 360px;
}	


.course_place{
	margin-top: 40px;
	margin-bottom:20px;
	
}
.box_place_title{
    border-bottom: 2px solid #ddd;
    width: 100%;
    background: #d1392c;
    color: #fff;
    padding: 0 15px;
    font-size: 18px;
    box-sizing: border-box;
    letter-spacing: 1px;
    font-weight: bold;
}
.course_place_title{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	border:none;
	color:#d1392c;
}


.course_place_title::after{
	content: "-台中班-";
	font-family: 微軟正黑體;
	display: inline-block;
	position: relative;
	top: -10px;
	width: 100px;
	background: rgb(255, 255, 255);
}

.course_place_title2{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	border:none;
	color:#d1392c;
}

.course_place_title2::after{
	content: "-台北班-";
	font-family: 微軟正黑體;
	display: inline-block;
	position: relative;
	top: -10px;
	width: 100px;
	background: rgb(255, 255, 255);
}
.course_place_title3{
	font-size: 17px;
	font-weight: bold;
	text-align: center;
	border:none;
	color:#d1392c;
}

.course_place_title3::after{
	content: "-高雄班-";
	font-family: 微軟正黑體;
	display: inline-block;
	position: relative;
	top: -10px;
	width: 100px;
	background: rgb(255, 255, 255);
}
.course_place_infor{
	
    font-size: 16px;
    font-family: 微軟正黑體;
    color: #000;
    line-height: 28px;
    list-style-position: inside;
    /* text-indent: -16px; */
    padding-left: 20px;
	text-align:justify;
}

.course_place_infor ul{
	list-style:none;
	padding: 10px;
}

.place_infor_text1 {
	display:table;
	padding: 10px;
}

.place_contact{
	float:left;
}

.place_moblie{
	float: left;
/*     padding-left: 20px; */
}


.place_title{
	float:left;
}


.place_add_infor{
	float:left;
	margin-left:15px; 
}




/*文章內容-課程表格*/



.from{
	padding-top: 30px;
	width: 100%;
}

.from img{
	width: 600px;
	margin:0 auto;
	margin-left: 100px;	
}

.tablestyle{
	border-spacing: 2px;
	border-collapse: separate;
	padding: 30px;
	margin: 0 auto;
	width: 810px;
	text-align: center;
	font-family: 微軟正黑體; 
}
.rf li{
	 border: 1px solid #ddd;
	
	 font-family:微軟正黑體;
}
.rf{
	 margin:0;
}
.r-left{
	flaot:right;
	    padding: 10px 20px;
}
.r-left span{
	    padding: 0px 20px;
}
.f-left{
	float:left;
	 padding: 10px 20px;
	background: #EAEAEA;
	width:115px;
	    text-align: center
}

.tablestyle.col-md-12{
	margin-bottom:30px;
}
.thead {
  background: #d1392c;
  color:#fff;
  font-size: 16px
}
.fhead{
	background:#EAEAEA;
  color:#444;
  font-size: 16px
}
.fhead td{
	background:#fff;
}
th{
	padding: 10px 0px;
    vertical-align: middle;	
}

td{
	padding: 10px;
	background:#f0f0f0;
	line-height:15px;
}


.course_infor{
	margin: 30px 0 0 35px;
    display: table;
    font-family: 微軟正黑體;
    line-height: 25px;
	font-size:16px;
}


.course_infor2{
	margin-left: 20px;
	display: table;
	font-family: 微軟正黑體;
	font-size:16px;	
}

.course_infor2 .text1{
	float: left;
	margin-bottom:10px;
	line-height: 25px;
}

.course_infor2 .text2{
	float: left;
	margin-bottom: 60px;
	line-height:25px;
}


.cc_botton2{
	margin:0 auto;
	width:100%;
}

.cc_apply_botton2{
	width:300px;
	background: #d1392c;
    color: #fff;
    font-size: 18px;
    font-family: 微軟正黑體;
    font-weight: bold;
    margin: 0 auto;
	margin-bottom: 20px;
    text-align: center;
    letter-spacing: 2px;
    line-height: 50px;
	border-radius:5px;
}

.cc_apply_botton2:hover{
	background: #a72e23;
    color: #fff;
}



.panel-price{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 30px 0;
	border-bottom:1px solid #ddd;
	color:#636363;
}
.thumbnail.panel.panel-primary{
	margin: 20px 0px !important;
}
/* --------- bookclub.css 讀書會_頁面樣式--------- */

.thumbnail{
	padding:0 !important;
	margin:20px 10px;
	height:412px;
}
dl {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.panel{
	height:377px;
}
.panel-primary > .panel-heading {
    background-color:#9B9A9A;
    border-color: #eee !important;
	font-family:微軟正黑體;
	color: #ffffff;
	text-align:center;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-body ul{
list-style:none;
}
.panel-body ul li{
text-indent:-8px;
padding-left:16px;
}
.panel-body span{
margin-right:10px;
}
.panel-title {
     margin-top: 0;
    margin-bottom: 0;
    font-size: 21px;
    color: inherit;
    color: #fff!important;
    font-family: 微軟正黑體;
    text-align: center;
}
.panel-heading.panel-title-bg1{
background-color: #78c9ce!important;
}
.panel-heading.panel-title-bg2{
background-color: #789cce!important;
}
.panel-heading.panel-title-bg3{
background-color: #9d8ad5!important;
}
.panel-title-bg4{
	background-color: #D5AD8A!important;
}
.panel-primary {
    border-color:#ddd !important;
	border: 1px solid #ddd;
}
.panel-body {
    font-size: 17px;
	font-family:微軟正黑體;
	padding: 15px;
	text-align:justify;
}
.panel-body.body-info-sd{

text-align:left;
}
.banner {	
	padding: 20px 0 20px 0;
}
p {
    margin: 12.5px 0 !important;
}
.media.gerent{
border-left:1px dotted #ddd;
padding-left:18px;
}

.media-object{
	width:92px;
	font-family:微軟正黑體;
    font-weight: bold;
    color: #9F7C79;
	float:left;
}
.media, .media-body{
width:100% !important;}
.bk_article {
	/* width: 90%; */
	font-size: 16px;
	font-family: 微軟正黑體;
	letter-spacing: 2px;
	line-height: 26px;
	color: #444444;
	margin-left:10px;
	padding: 10px 10px 5px 0px;	
	display:table;
}

.bk_article ul li{
	font-size: 16px;
	letter-spacing: 1px;
	list-style:none;
	line-height: 22px;
	background-position-y: center;
	margin-top:20px;
}



/* --------- news.css 最新消息 _頁面樣式--------- */

/* nav 選單文章標題樣式 */
.article_main_title {	
	width: 95%;
    height: 60px;
	font-family:微軟正黑體;
	border-bottom: 1px solid #ddd;
    margin: 0 auto;
	margin-top:20px; 
	position: relative;
	display: table;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.main_title_text{
	height: 40px;
	line-height:40px;
	color:#444;
	font-size: 25px;
	font-weight: bold;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	position: relative;
	left: 10px;
	top:-8px;
	float: left;
	z-index:1;
	padding-left:55px;
	letter-spacing: 3px;
	font-family:微軟正黑體;
}

.main_title_text span{
	color:#fff;
	font-size: 24px;
	font-weight:lighter;
	padding-right:15px;
	position: absolute;
	top:8px; 
	left:5px;
}

.main_title_text::after{
	content: "";
	position: absolute;
	width:50px;
	height:50px;
	background:#d1392c;
	border-radius:50%;
	top:1px;
	left:-7px;
	z-index:-1;
}


.main_title_text2{
	font-size:12px;
	letter-spacing:2px;
	margin-left:12px;
	margin-top:3px;
	color:#e7938c;
	position: absolute;
	bottom:15px;
	left:55px;
	letter-spacing: 2px;
}


.news_article{
	margin:30px 0 30px 30px;
}


.news_article ul li {
	list-style: none;
}
.n_summary.sum-box{
margin:0 0 10px 0;
}
.news_list.list-box{
padding:0;
}
.news_list{
	width: 770px;
	height: 120px;
	border-bottom: 1px solid #ddd;
	display: table;
    padding: 0 14px;
}

.news_list:hover{
	background: #FFFFEC;
}


.n_items_img{
	width: 150px;
	height:32px;
	float: left;
	margin-top: 15px;
	display:table;
}

.n_items_img img{
	width:100%;
}


.n_summary2{
	float: left;
	width: 65%;
	margin:0 15px;
}
.n_summary{
	float: left;
	width: 85%;
	margin:0 15px;
}


.n_items_title{
	margin:15px 0px 6px 10px;
	font-size: 18px;
	font-family: 微軟正黑體;
	font-weight: bold;
	letter-spacing: 2px;
	line-height:25px;
	color:#696969;
    overflow: hidden;
	height: 22px;
}

.n_items_title:hover{
	color:#d1392c;
}

.n_summary_infor{
	height: 65px;
    margin-left: 10px;
    font-size: 14px;
    font-family: 微軟正黑體;
    color: #777;
    text-align: justify;
    overflow: hidden;
    line-height: 20px;  
}
.n_summary_infor2{
	height: 60px;
    margin-left: 10px;
    font-size: 14px;
    font-family: 微軟正黑體;
    color: #777;
    text-align: justify;
    overflow: hidden;
    line-height: 20px;  
}
.b_infor.time-box{    
    width: 100%;
    padding: 0px 0px 15px 0;
    box-sizing: border-box;
	text-align: right;
}

.summary_date.date-box-style{
	float:right ;
    color: #999999;
	font-size: 16px;
	text-align:right;
	margin: 0 12px;
}
.b_infor.info-box{
	color: #999999;
	font-size: 16px;
	height:auto;
}
.info-box{
	color: #999999;
	font-size: 16px;
	height:auto;
}

/*時間 更多*/
.n_items_infor{
	float: right;
	margin-top: 15px;
	font-family: 微軟正黑體;
	position: relative;
}


.n_items_time {
    font-family: 微軟正黑體;
    position: absolute;
    top: -3px;
    left: -85px;
}

.n_items_text{
	width: 60px;
	height: 28px;
	background:#d1392c;
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	border-radius: 3px;
	position: absolute;
	bottom: -90px;
    right: 10px;
}
.n_items_text2{
	width: 60px;
	height: 28px;
	background:#d1392c;
	color: #fff;
	font-size: 16px;
	line-height: 28px;
	text-align: center;
	border-radius: 3px;
	position: absolute;
	bottom: -90px;
    right: 10px;
}

.n_items_text:hover{
	background:#8E8E8E ;	
}


/*上一頁 下一頁bnts*/

.page_clumn{
	margin: 30px auto;
	position: relative;
	display:table;
}

.showpage{
	padding: 0 15px;
	color:#444;
}

.showpage a{
	color:#444;
}

.fa-caret-left{
	font-size: 27px;
	color:#444;
	position: absolute;
	top:-7px;
	left: -14px;
}

.fa-caret-right{
	padding-left: 12px;
	font-size: 27px;
	color:#444;
	position: absolute;
	top:-7px;
	right: -14px;
}


.page_clumn span{
	width: 20%;
	margin: 0 auto;
	padding: 0 4px;
	margin-bottom:60px;
	font-family: 微軟正黑體;
	color:#444;
	font-size:18px;
	    text-decoration: none !important;
}

.paging{
    width: 20%;
	margin: 0 auto;
	padding: 0 4px;
	margin-bottom:60px;
	font-family: 微軟正黑體;
	color:#444 !important;
}
.paging a{
	width: 20%;
	margin: 0 auto;
	padding: 0 4px;
	margin-bottom:60px;
	font-family: 微軟正黑體;
	color:#fff !important;
	background:#444;
	
}



/* --------- news_pages.css _ 頁面樣式--------- */


/* 內頁標題樣式 */
.article_page_title{
	display:table;
	position: relative;
	margin:0 auto;
	font-family: 微軟正黑體;
	margin-bottom:5px;
	padding: 20px 0 15px 0px;
	height:60px;
	width:93%;
	border-bottom:1px dotted #ddd;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}

.page_title_clumn{
	float:left;
}

.page_main_title{
	position:relative;
	padding-left:12px;
	line-height:40px;
	color:#444;
	font-size: 25px;
	font-weight: bold;
	
}
.page_main_title::before{
	content: "";
	position: absolute;
	width: 5px;
	height: 23px;
	background:#d1392c;
	top:8px;
	left: -1px
}  


.page_second_title{
	color:#999999;
	font-size: 15px;
	padding-left:15px;
}


/* .icons_share{
	position: absolute;
	float:right;
	right:0px;
	bottom:14px;
	font-family: 微軟正黑體;
	font-weight: bold;
	font-size: 20px;
} */
/* 內頁標題樣式end */


.news_pages_article{
	width:95%;
	margin:0 auto;
}

.news_page_img{
	display:table;
	width:100%;
	margin:0 auto;	
	background-repeat: no-repeat;
	background-size:100%;
}

.news_page_img img{
	width:92%;
	margin-left:35px;
}




/* --------faq.css 常見問題_ 頁面樣式--------- */


.f_article {
	margin: 15px 30px;
}


.f_article h3{	
	font-family: 微軟正黑體;
    font-size: 18px;
    color: #808080;
    width: 100%;
    height: 30px;
    border-bottom: 1px dotted #ddd;
}

.f_article h3:hover{
	color:#bbb;
	cursor: pointer;
}



.f_article span{
	padding-right:10px;
	color:#c12936;
}



.f_article dd {
	padding-top: 15px;
	line-height: 25px;
	font-family: 微軟正黑體;
	font-size: 16px;
}


.f_article dd p {
	padding-left: 15px;
	font-family: 微軟正黑體;
	line-height: 30px;
	letter-spacing: 1px;
	font-size: 16px;
	color:#565656;
}

/* --------form.css 課程報名_ 頁面樣式--------- */

.ss-q-title{
	margin-top:25px;
	font-family:微軟正黑體;
	color:#d1392c;
	font-size:16px;
}
.ss-choices{
	list-style:none;
	margin-top:10px;
}
.ss-choices li{
	line-height:30px;
}

.ss-q-help.ss-secondary-text{
	font-family:微軟正黑體;
	color:#d1392c;
}
/* --------contact.css 聯絡我們_ 頁面樣式--------- */


.contact_article{
	font-family:微軟正黑體;
	margin:20px;
}


/*地圖資訊*/

.contact_map{
	margin-bottom: 40px;
}
.col-md-6.map_infor{
	padding-left:0;
}
.map{
	display: table;
	margin: 25px 0px 40px 0px;
	width: 100%;
}

.map_img{
	float: left;
	width:50%;
	height: 220px;
	background: #000;
}

.map_infor{
	float: right;
	width:45%;
}

.map_infor_title{
	line-height: 25px;
	font-size: 18px;
	font-weight: bold;
	background: #d1392c;
	color: #fff;
	padding-left: 10px;
	margin-bottom:5px;
	letter-spacing: 2px;
}

.map_infor_text{
	line-height: 25px;
	padding-left: 10px;
	font-size:16px;
}

.map_infor_moblie{
	line-height: 25px;
	padding-left: 10px;
	margin-top: 10px;
	font-size: 16px;
}

.map_infor span{
	width: 8px;
	text-align: center;
	color:#808080;
	margin-right: 15px;
	display:inline-block;
   
}



.c_items ul{
	font-size:16px;
	font-family:微軟正黑體;
	color:#444;
	margin:20px 0;
	line-height:25px;
	list-style:none;
/* 	margin-left:20px; */
}


.c_input{
	margin-top:20px;
	
}


.c_input ul li{
	list-style:none;
	font-size:16px;
	margin-top:20px;
}



.c_input ul li label{
	font-size:16px;
	display:table;
	color:#444;
}

.contact_email{
 border-radius:2px;
	background:#f2f2f2;
	height:32px;
	display:inline-block;
	border:1px solid #b2b2b2;
	margin-top:15px;
}
.c_input input{
	border-radius:2px;
	background:#f2f2f2;
	width:98%;	
	height:32px;
	display:inline-block;
	border:1px solid #b2b2b2;
}
.c_input input.contact_name.name{
	width:auto;
}
.c_input input.contact_name.name.sex{
	width:auto;
}
.c_input .sex_check{
	display:inline-block;
	line-height: 34px;
}

#main_content{
	border-radius:3px;
	background:#f2f2f2;
	width:97.5%;
	height:130px;
	margin-bottom:10px;
}

#remark{
	border-radius:2px;
	width:400px;
	height:120px;
}

.enter{
	display: table;
	width: 100%;
}
.m_input input{
height:32px;	
}
#code{
	float: left;
	margin-right: 10px;
	width: 200px;
	height:32px;
}
.content1 .c_input label.error{
	color:#d1392c!important;
}

#rand-img{
	float: left;
	position:absolute;
	width: 120px;
    height: auto !important;
}
.media-heading{
	font-family:微軟正黑體;
	font-weight:bold;
	color:#9F7C79;
	float:left;
	
}
.media-heading.gerent{
	color:#9F7C79
}
.media-body.media-input{
width:100%;		
}
.media-body.media-input .input-group{
width:100%;		
}
.input-group .form-control {
    border: 3px solid #ddd;
    border-radius: 5px;
}
.form-control{
height:90px !important;	
}
.media-body small{
	color:#e7938c;
}
.media-body p{
	color:#888;
	font-family:微軟正黑體;
}
.btns1{
	font-family:微軟正黑體;
	font-size:18px;
	color:#fff;
	background:#d1392c;
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:3px;
	margin:25px 0;
	border:0px;
}


.btns1:hover{
	background:#a72e23;
}



/* --------member.css 會員專區 樣式--------- */

.member_article_clumn{
    margin: 0 auto;
	width: 95%;
}
.m_article1{
	float: left;
	margin: 30px 0;
	width: 50%;
}

#fb_member_input {
  width: 100%;
  box-sizing:border-box;
}

.bonton_clumn{
	display:inline-block;    
	white-space: nowrap;
}

.ma1_img{
	display:table;
}
.ma1_img img{
	background: #000;
	width:460px;
	background-size: 100%;
	background-repeat: no-repeat;
	
}


.ma1_text ul{
	margin-top: 20px;
	list-style: none;
	font-family:微軟正黑體;
	font-size: 16px;
	line-height:25px;
}

.fa-chevron-right{
	color:#d1392c;
	margin-right: 5px;
	font-size: 12px;
}



.m_article2{
	float: right;
	margin: 30px 0;
}


.m_content2{
	width: 270px;
	height:520px;
	margin: 0 auto;
	border: solid 1px #d3d3d3;
	padding: 0 16px;
	background: #F1F1F1;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


/* member 忘記密碼 dialog.css */

.forget_title{
	background:#808080;
	color:#fff;
	font-family:微軟正黑體;
	font-weight:bold;
	font-size:18px;
	text-align:center;
	padding: 15px 0 15px 15px;
}

#check_up{
	background:#fff;
	border: 1px solid #808080;
	height:auto;
	width:auto;
	display: none;

}

.forget_mail{
	margin: 20px 25%;
}
.forget_text{
	text-align: center;
	font-family:微軟正黑體;
	font-size:16px;
}

.forget_bnts{
	height: 40px;
	width:130px;
    line-height: 40px;
    font-size: 17px;
	text-align: center;
	font-family:微軟正黑體;
    background: #d1392c;
    color: #fff;
    border-radius: 3px;
    margin: 30px auto;
	cursor: pointer
}

.forget_bnts:hover{
	background:#a72e23;
}



/* --------- memberlogin.css 會員登入_頁面樣式--------- */



.ml_artcle1{
	width: 100%;
	margin:25px 0; 
}


.member_comment{
	display: table;
	margin: 0 auto;
	margin-left:50px;
}


.member_clumn{
	float:left;
	width: 360px;
	height: 170px;
	margin-right: 22px;
	text-align: center;
	font-family: 微軟正黑體;
	border: 2px solid #808080;
}

.member_title{
	height: 40px;
	font-size: 18px;
	line-height:40px; 
	background:#808080;
	color: #fff;
}

.member_infor{
	padding-top:20px;
	line-height: 30px;
	text-align: center;
	font-size: 16px;
}



.member_comment .fa-chevron-right {
	color:#808080;
}

.ml_artcle2{
	margin:0 30px;
}


.member_login_infor{
	padding-top: 15px;
	font-family: 微軟正黑體;
	color:#808080;
}


/* 匯款資料 */

.remittance_clumn{
	border: 1px solid #FFEFC3;
    background: #FFFFEC;
	margin-top:10px;
	margin:10px 0 30px 0px;
}

.remittance_title{
	font-family: 微軟正黑體;
	line-height:45px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	
}

.remittance_infor{
	font-size: 16px;
	font-family: 微軟正黑體;
	line-height:30px;
	padding:10px 0 10px 15px;
}




.member_f0rm{
	margin-top: 10px;
	border-top:1px dotted #fff;
}


.member_f0rm ul li {
	list-style: none;
	display: table;
}



.m_form1{
	display: table;
	height: 60px;
	width: 100%;
	border-top: 1px dotted #ddd;
	border-bottom: 1px dotted #ddd;
	font-size:16px; 
	line-height: 60px;
}

.m_form{
	display: table;
	height: 60px;
	width: 100%;
	border-bottom: 1px dotted #ddd;
	font-size:16px; 
	line-height: 60px;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
}
 

.m_title{
	float:left;
	width: 90px;
	height: 60px;
	line-height:65px;
	margin-right: 30px;
	font-family: 微軟正黑體;
	padding-left: 15px;
	background: #f5f5f5;
	border-right: 1px dotted #ddd;
}

.m_input.service_input{
	padding:0px;
}
/* .m_input{
	float:left;
} */


.m_input span{
	font-family: 微軟正黑體;
	color:#d1392c;
	margin-left:10px;
	font-size: 16px;
}


#code {
    float: left;
    margin-right: 10px;
    width: 256px;
    margin-top: 15px;
}


#rand-img {
    float: left;
    padding-top: 15px;
}

.member_Confirm{
	margin: 0 auto;
	display: table;
}

#member_check{
	float: left;
	margin-right: 10px;
	margin-top: 30px;
}

#member_check span{
	font-family:微軟正黑體;
	font-size:16px;
	color:#444;
}


#try-1{
	float: right;
	font-family:微軟正黑體;
	font-size: 30px;
	color:#444;
	text-decoration:underline;
	text-align: center;
	line-height: 15px;
	padding-left:10px;
}


#try-1:hover{
	color:#c4c4c4;
}




.member_btns{
	display: table;
	margin: 0 auto;
	margin-top: 30px;
}

.member_btns1{
	float:left;
	font-family:微軟正黑體;
	font-size:18px;
	color:#fff;
	background:#d1392c;
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	margin-right: 25px;
	border-radius:3px;
	border:0;
}

.member_btns2{
	float:left;
	font-family:微軟正黑體;
	font-size:18px;
	color:#fff;
	background:#444;
	width:150px;
	height:40px;
	line-height:40px;
	text-align:center;
	border-radius:3px;
	border:0;
}

.member_btns1:hover{
	background:#a72e23;
}

.member_btns2:hover{
	background:#a72e23;
}

input {
    border: 1px solid #c9c9c9;
}

/* 條款 dilog */

/* .lb_overlay{
    padding: 100vh;
} */

#close_x {
  font-size:28px;
  display: block;
  position: absolute;
  top: 5px;
  right: 10px;
  z-index9999999;
}

.fa-times{
	color:#ddd;
}



#sign_up{
    left: 50%;
    margin-left: -300px;
    z-index: 1002;
    position: fixed;
    top: 30%;
    margin-top: -162px;
    display: none;
	height:600px;
	overflow:scroll;
}

#sign_up2{
	background:#fff;
	display: none;
}
#sign_up3{
	background:#fff;
	display: none;
	left: 7px !important;
    margin-left: 0 !important;
	top:50% !important;
}
#sign_up4{
	background:#fff;
	display: none;
	left:140px !important;
    margin-left: 0 !important;
	margin-top:0 !important;
	top:28% !important;
	}
.site_dialog{
	width:100%;
}

.terms_clumn{
	width:700px;
	height: auto;
	margin:0 auto;
	background:#f5f5f5;
	overflow:auto;
}



.terms_infor{
	padding:30px;
	
}
	
.terms_title h1{ 
	text-align:center;
	font-family:微軟正黑體;
	color:#d1392c;
}
	
	
.terms_content{
	padding-top:25px;
	font-family:微軟正黑體;
	line-height:25px;
}
	
.terms_content h2{
	padding-top:25px;
	color:#5084b4;
}
	
	
.terms_content ol {
	padding-top:10px;
	padding-left: 23px;
}
		
	
	
	
	
/* --------shopping.css 線上訂購_ 頁面樣式--------- */

.shopping_article_clumn{
	margin:0 30px;
}
	
.s_article_title{
	width:100%;
	font-size: 18px;
	display:table;
	font-family:微軟正黑體;
	margin-top:25px;
	background:#808080;
	padding: 15px 0 15px 0px;
	color:#fff;
}
	
.s_article_title ul{
	list-style:none;
}
	
.s_article_title ul li{
	float:left;	
}

.s_article_title .t1{
	width:61%;
	text-align:center;
	border-right:1px dotted #ddd;
}

.s_article_title .t2{
	width:19%;
	text-align:center;
	border-right:1px dotted #ddd;
}

.s_article_title .t3{
	width:19%;
	text-align:center;
}
/* 購物清單list  */
.sopping_list{
	display:table;
	width:100%;
	border-bottom:1px dotted #ddd;	
	height:140px;
	padding:20px ;
	box-sizing:border-box;
}
.sopping_list ul{
	list-style:none;
	font-size: 16px;
	font-family: 微軟正黑體;
	line-height:100px;
	color: #444;
}
.sopping_list ul li{
	float:left;
}
.sopping_list .sl1{
	width:61%;
	display:table;
}
.sopping_list .sl1 .sl1_infor a:visited{
	color: #333;
}
.sopping_list .sl1 .sl1_infor a:hover{
	color: #D1392C;
}
.sl1{
	text-align:left;
	whit-space:nowrap;
	position:relative;
}
.sl1_images {
	display:inline-block;
	vertical-align:middle;
}

.sl1_images img{
	float:left;
	width:100px;
	height:139px;
}
.sl1_infor{
	width:280px;
	padding:0px 10px 0px 20px;
	line-height:30px;
	letter-spacing:1px;
	font-family:微軟正黑體;
	font-size:18px;
	color:#d1392c;
	text-align:justify;
	display:inline-block;
	vertical-align:middle;
	position: absolute;
}
.sl1_infor_text{
	color:#939393;
	line-height:22px;
	font-size:15px;
	overflow: hidden;
    height: 110px;
    width: 100%;
}
.sopping_list .sl2{
	width: 19%;
    text-align: center;
    padding-left: 20px;
    box-sizing: border-box;
}
.sl2 input{
	width:15px;
	border-radius:2px;
	text-align:center;
}
.sopping_list .sl3{
    text-align: center;
    margin-left: 5px;
    padding-left: 45px;
    box-sizing: border-box;
}
/* 結帳按鈕 */
.shopping_clumm{
	float:right;
}
.shopping_total{
	float:left;
	height:40px;
	font-family:微軟正黑體;
	padding-top: 10px;
}
.s_total_text{
	color:#d1392c;
	padding: 0 25px 0 50px;
}

.s_total_text span{
	color:#444;
}
.shopping_go{	
    font-family: 微軟正黑體;
    margin: 40px auto;
    display: table;
}
.total_bnts{
	width:150px;
	height:40px;
	text-align:center;
	line-height:40px;
	background:#ddd;
	font-size:17px;
	background:#d1392c;
	color:#fff;
	border-radius: 3px;
	margin: 0 auto;
}
.total_bnts:hover{
	background:#a72e23;
}
.bnts_return{
	background:#ccc;
	margin-left:15px;
}
.bnts_return:hover{
	background:#a4a4a4;
}
.total_bnts.bnts_item{
	float:left;
	margin:0 auto;
	margin-left: 15px;
}
/* --------pay_infor.css 填寫訂購資料_ 頁面樣式--------- */
.shopping_tatol_list{
	width:100%;
	display: table;
}
.shopping_tatol_list ul{
	text-align: right;
	height: 40px;
	padding: 10px 20px 15px 0px;
	font-family:微軟正黑體;
	font-size: 16px;
	list-style: none;
}
.shopping_list_items{
	width:100%;
	display: table;
}
.shopping_list_items ul{
	list-style:none;
	font-family:微軟正黑體;
	line-height:28px;
	text-align: right;
	height: auto;
	padding: 10px 30px 15px 50px;
	float:right;
}
.shopping_list_items ul li{
	width: inherit;
	font-size: 16px;
}
.s_total_text{
    float: left;
    width: 218px;
    padding: 0;
    color: #444;
}
.s_total_coin{
	float:right;
	width:110px;
	color: #d1392c;
}

.s_total_coin2{
	float:right;
	color: #d1392c;	
}

.s_total_text2{
	float:right;
	padding:0;
	color: #444;
}

.s_total_text3{
	float:right;
	width:150px;
	padding:0;
	color: #444;
}

.s_total_text3 span{
	color: #d1392c;
}

.pay_article{
	margin-top:25px;
	border:1px solid #ddd;
	margin:25px 30px 30px 30px;
}

.pay_main {
    background: #fff;
    width: 85%;
    height: 100%;
    float: left;
    border-radius: 10px;
    box-shadow: 3px 0px 18px #a9a9a9;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	padding-bottom:40px;
}



.pay_shpping_title {
	padding:15px 0 30px 15px;
	border-bottom:1px solid #ddd;
	color:#fff;
	background: #808080;
	font-size:18px;
}


.pay_shpping_title ul{
	list-style:none;
	font-family:微軟正黑體;
}

.pay_shpping_title ul li{
	float:left;
}



.pay_shpping_title .t1{
	width:61%;
	text-align:center;
	border-right:1px dotted #ddd;
	font-size:18px;
}

.pay_shpping_title  .t2{
	width:19%;
	text-align:center;
	border-right:1px dotted #ddd;
}

.pay_shpping_title  .t3{
	width:19%;
	text-align:center;
}




.pay_title {
	font-family:微軟正黑體;
	font-size:18px;
	padding:15px 0 15px 15px;
	border-bottom:1px solid #ddd;
	color:#fff;
	background: #808080;
}


.pay_title span{
	color:#fff;
	width:50px;
	height:50px;
	padding-right:15px;
}

.pay_input ul{
	list-style:none;
	padding:15px 0 15px 45px;
	margin-bottom:15px;
	font-family:微軟正黑體;
}


#postal_code{
	width:70px;
	height:23px;   
	color:#808080;
	font-family: 微軟正黑體;
	font-size: 15px;
}



#city_add{
	font-family:微軟正黑體;
	font-size:15px;
}

.pay_input ul li{
	font-size:17px;
	margin-bottom:20px;
	
}

.pay_input ul li label{
	font-size:15px;
	margin-right:20px;
/* 	width:60px; */
	vertical-align: sub;
	white-space: nowrap;
}


#rad{
	margin-top:15px;
	width:450px;
}

#update_member{
	line-height:20ppx;
}
	
.receipt_input{
	padding:15px 0 15px 45px;
	display:table;
	vertical-align: sub;
    white-space: nowrap;
}	

.receipt_input ul{
	list-style:none;
}

.receipt_input ul li{
	float:left;
    white-space: nowrap;
	
}	
.receipt_input .invoiceInfo{
	font-family: 微軟正黑體;
    color: #D66E65;
	margin:0 10px;
}

.pay_bnts{
	display:table;
	margin:0 auto;
	margin-bottom:40px;
	margin-top: 40px;
}

.p_bnts1{
	float:left;
	margin-right:30px;
	font-family:微軟正黑體;
	text-align:center;
	width:150px;
	height:40px;
	line-height:40px;
	background:#626262;
	color:#fff;
	border-radius:3px;
	font-size:17px;
}

.p_bnts1:hover{
	background:#494949;
}

.p_bnts2{
	float:left;
	font-family:微軟正黑體;
	text-align:center;
	width:150px;
	height:40px;
	line-height:40px;
	background:#d1392c;
	color:#fff;
	border-radius:3px;
	font-size:17px;
}

.p_bnts2:hover{
	background:#a72e23;
}




/* --------complete_order.css區塊樣式--------- */


.order_article_clumn{
	margin:30px;
}	


.order_article {
    width: 100%;
    border: 1px solid #ddd;
	margin-bottom:50px;
	font-family:微軟正黑體;
	font-size:16px;
	display:table;
	-webkit-box-sizing:border-box;	
	-moz-box-sizing:border-box;
}


.order_total_clumm{
	float: right;
}

.order_total{
	float: left;
    height: 40px;
	line-height:40px;
    font-family: 微軟正黑體;
	padding:8px 0px;

}


.ord1_infor{
    float: left;
    padding: 0px 10px 0px 10px;
    line-height: 30px;
    font-family: 微軟正黑體;
    font-size: 18px;
    color: #d1392c;
	margin:0 auto;
    text-align: justify;
}



.order_info_title {
	padding:15px 0 30px 15px;
	border-bottom:1px solid #ddd;
	font-size:18px;
	background: #808080;
	color: #fff;
}


.order_info_title ul{
	list-style:none;
	font-family:微軟正黑體;
}

.order_info_title ul li{
	float:left;
}


.order_info_title .t1{
	width:60%;
	text-align:center;
	border-right:1px dotted #ddd;
}

.order_info_title .t2{
	width:19%;
	text-align:center;
	border-right:1px dotted #ddd;
}

.order_info_title .t3{
	width:19%;
	text-align:center;
}



.order_list{
	display:table;
	width:100%;
	border-bottom:1px dotted #ddd;	
	height:40px;
}

.ord1_infor_title{
	color: #d1392c;
    letter-spacing: 1px;
	padding-left:20px;
	font-size: 16px;
}


.order_list ul{
	list-style:none;
}

.order_list ul li{
	float:left;
}

.order_list .ord1{
	width:62%;
	display:table;
	padding:8px 0;
	margin:0 auto;
	line-height:30px;
}



.order_list .ord2{
	width:18%;
	text-align:center;
	padding:8px 0;
	line-height:30px;
}

.ord2 input{
	width:15px;
	border-radius:2px;
	text-align:center;
}


.order_list .ord3{
	width:19%;
	text-align:center;
	padding:8px 0;
	font-family:微軟正黑體;
	line-height:30px;
}	
	




.order_info_title2 {
    padding: 15px 0 15px 15px;
    border-bottom: 1px solid #ddd;
    font-size: 18px;
	background:#808080;
	color: #fff;
}


.order_f0rm{
	border-top:1px dotted #fff;
}


.order_f0rm1{
	display: table;
	height: 40px;
	width: 100%;
	border-bottom: 1px dotted #ddd;
	line-height: 40px;
}

.o_title {
    float: left;
    width: 85px;
    height: 40px;
    margin-right: 30px;
    font-family: 微軟正黑體;
	padding-left:20px;
    background: #f5f5f5;
    border-right: 1px dotted #ddd;
	text-align:justify;
}

.o_input {
    float: left;
}




/* --------payment_infor 付款專區樣式--------- */


.pay_tablestyle{
	border-collapse: separate;
    margin: 25px 30px 30px 30px;
    font-family: 微軟正黑體;
    font-size: 18px;
    border: 1px solid #ddd;
    padding-bottom: 50px;
}

.pay_tablestyle .table_head{
	background:#ddd;
	height:40px;
	margin-bottom:20px;
	line-height:40px;
	background: #808080;
    color: #fff;
    text-align: left;
	padding: 5px 0 5px 15px;
}

.table_head span{
	color: #fff;
    width: 50px;
    height: 50px;
    padding-right: 15px;
}

.pay_tablestyle .table_body{
	   margin: 0 45px;
	display:table;
	
}

.pay_tablestyle ul{
	list-style:none;
	padding:10px 0 ;
	width: 100%;
    display: table;
}

.pay_tablestyle ul li{
	float:left;
	padding:0 10px;
	font-size:15px;
	color: #444;
}
.message_mian{
padding:0 10px;
}

#t_style{
	width:200px;
	box-sizing:border-box;
}
.t_style{
	width:200px;
	box-sizing:border-box;
}

#t_remark{
	width:560px;
	height:120px;
    vertical-align: middle;
	box-sizing:border-box;
}



/* --------footer區塊樣式--------- */
.footer {
	background:#444444;
	height:auto;
	width:100%;
	font-family: 微軟正黑體;
	font-size: 13px;
	letter-spacing: 0.5px;
	color:#DDDDDD;
	dsplay:table;
}

.ft_content{
	width:1000px;
	margin:0 auto;
	height:auto;
	display:table;
}


.ft_infor {
	width:1000px;
	display:table;
	margin-top:25px;
	margin-bottom:25px;
	font-size:14px;
}



.ft1 {	
	width:33%;
	float:left;	
	line-height:20px;
	text-align:center;
	text-align:justify;
	position:relative;
}



.ft2 {
	width:33%;
	float:left;
	
	line-height:20px;
	text-align:justify;
}

.ft3 {
	width:33%;
	float:left;
	line-height:20px;
	text-align:justify;
}
.an-box{
margin:10px 0;
}
.qa-btn{
    background:#d1392c;
    padding: 10px;
    text-align: center;
    color:#fff;
    letter-spacing: 1px;
    font-family: 微軟正黑體;
    font-size: 28px;
	font-weight:bold;
	height:56px;
	line-height: 36px;
}
.qa-btn a{
 color:#444;
}
.qa {
    position: fixed;
    width: 37px;
    /* height:95px; */
    /* bottom: 65%; */
	bottom:80%;
    right: 0;
    font-size: 40px;
    color: #4A4646 !important;
    background: #F4EA08;
    font-family: 微軟正黑體;
    z-index: 9999;
    padding: 10px;
	-moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
}
.qa:hover{
background:#E4DB08;	
}
.qa p{
	font-size: 16px;
    border-top: 1px solid #4A4646;
    padding: 10px 0;
    text-align: center;
	font-weight:bold;
	letter-spacing:2px;
	margin:5px 0 !important;
}
.qa  span{
	font-size: 20px;
    text-align: center;
    margin: 0 auto;
    width: 100%;
    padding: 0 40%;
	display: block;
    padding: 8px 0;
	font-weight: bold;
}
.qa-info{
-webkit-writing-mode: vertical-lr  ;
writing-mode: vertical-lr ;
}
.qa-list{
list-style:none;
}
.gotop  {
      position: fixed;
    bottom: 66px;
    right: 10px;
    font-size: 40px;
    background: #444;
	color:#d1392c !important;
    width: 45px;
    height: 45px;
    text-align: center;
    opacity: 0.7;
    z-index: 999;
	line-height:40px;
}

.gotop:hover{
	text-decoration:none;
}
.ft_company{
	height:35px;
	width:100%;
	line-height:35px;
	background:#000;
	color:#fff;
	text-align:center;
}
.block_c1 span{
	 color: #FFF;
    z-index: 999;
    position: absolute;
    left: calc(100% - 53%);
    top: calc(100% - 125px);
    font-size: 50px;
}

/* --------首頁 樣式--------- */



.teach_content{
	background:rgba(225,225,225,.4);
	
}
 

.introduct_title{
	height:100px;
	text-align:center;
	font-size:30px;
	font-family:微軟正黑體;
	color:#444;
	font-weight:bold;
	line-height:130px;
	letter-spacing:1px;
	text-shadow: 3px 3px 15px #ddd;
}

.introduct_block{
	display:table;
	margin:0 auto;	
	width:1024px;
	padding-bottom: 30px;
}

.introduct_block .block_a1{
	float:left;
	margin:30px 0px 100px 0;
	width:500px;
	height:285px;
}
.block_a1 img {
	width:100%;
	height:auto;
}
.introduct_block .block_a3{
	float:left;
	display:inline-block;
    margin: 0 5%;
	font-family:微軟正黑體;
	line-height:1.5;
	padding-top:20px;
	text-align:justify;
	font-size:20px;
	width: 40%;
}	


.introduct_block .block_a2{
	float:left;
	display:inline-block;
    margin: 0 5%;
	font-family:微軟正黑體;
	line-height:25px;
	padding-top:20px;
	text-align:justify;
	font-size:16px;
	width:40%;
}


.block_a1 ol{
	padding-left:50px;
	line-height:22px;
	font-size:16px;
}


.teach_content2{
	background: url('../image/hdbg9.png');
	background-repeat: no-repeat;
    background-position: center top;
	background-attachment: fixed;
}

.introduct_title2{
	height:100px;
	text-align:center;
	font-size:30px;
	font-family:微軟正黑體;
	color:#fff;
	font-weight:bold;
	line-height:130px;
	letter-spacing:2px;
	text-shadow: 3px 3px 15px #444;
}


.introduct_block2{
	display:table;
	margin:0 auto;
	width:1024px;
}


.introduct_block2 .block_b1{
	width:31%;
	height:220px;
	margin:15px 0 50px 0;
	float:left;
	text-shadow: 3px 3px 15px #444;	
	position:relative;
	overflow:hidden;
}

 .introduct_block2 a:nth-child(3n+2) .block_b1 { 
	margin: 15px 30px; 
}

.block_b1 .b_img img{
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
	display: block;
	position: absolute;
	transition: 0.3s all ease;
	-moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;	
}

.block_b1 .b_img img:hover {
	opacity:.9;
	transform:scale(1.1,1.1);
	
}



.block_b1 .b_text .b_text_title{
	color:#fff;
	font-size:20px;
	font-family:微軟正黑體;
	border-bottom:1px solid #fff;
	letter-spacing:2px;	
	height:40px;
	margin:0 auto;
	position: absolute;
	padding: 0 10px;
}

.b_text .b_text_summary{
	line-height:22px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	padding:0 15px;
	text-align:justify;
	font-family:微軟正黑體;
	position: absolute;
	bottom:10px;
	left:0px;
}



.introduct_block3{
	display:table;
	margin:0 auto;
	width:1024px;
}


.introduct_block3 .block_c1{
	width:48%;
	height:280px;
	background-size:100%;
	background-repeat:no-repeat;
	margin:15px 0px 50px 0;
	float:left;
	text-shadow: 3px 3px 15px #444;
	position:relative;
	overflow:hidden;
}

.block_c1:nth-child(3n+1) { 
	margin-right:18px; 
}

.block_c1 .b_img img{
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    transition: 0.3s all ease;
    -moz-transition: 0.3s all ease;
    -o-transition: 0.3s all ease;
}


.block_c1 .b_img img:hover {
	opacity: .9;
    transform: scale(1.1);
}

 .block_text{
	font-size:30px;
	color:#fff;
	text-align:center;
	font-family:微軟正黑體;
	font-weight:bold;
	text-shadow: 3px 3px 15px #444;
	position:absolute;
	bottom: 139px;
    left: 0;
    width: 100%;
}
.block_text.text-style{
    bottom: 300px;
}

.teach_content3{
	background:#d5d5d5;
	/* background:#515151; */
}
.block_a2 ol{
	color:#444;
}

.teach_content4{
	display:block;
	background: url('../image/index1.jpg');
	background-repeat: no-repeat;
    background-position: 50% 50%;
} 


/* 最新訊息 */

.b_text{
    height:215px;
	overflow:hidden;
}
.b_text img{
	position:relative;
	width: 100%;	
	transition: 0.3s all ease;
}
.b_text img:hover{
	opacity: .9;
	transform: scale(1.1);
}
.block_d1{
	width:31%;
	height:180px;
	background:#fff;
	float:left;
	margin:15px 10px;
	position:relative;
}
.block_d1:nth-child(3n+2) { 
	margin: 15px 30px; 
}

.b_text{
	/* margin:20px; */
	overflow:hidden;
} 
.box-img{
    height: 180px;
    overflow: hidden;
	
}
.box-img img{
    width: 100%;
	transition: 0.3s all ease;
}
.box-img img:hover {
    opacity: .9;
    transform: scale(1.1);
}
.b_text_title{
	height: 25px;
    color: #444;
    font-weight: bold;
    font-family: 微軟正黑體;
    font-size: 20px;
    margin-bottom: 10px;
    line-height: 45px;
    text-align: center;
    letter-spacing: 1px;
}

.b_infor{
	color:#444;
	font-family:微軟正黑體;
	font-size:19px;
	padding:10px;
	line-height:30px;
	height: 130px;
}
.b_infor h3{
    font-weight: bold;
    line-height: 25px;
	font-size: 19px;
}
.b_infor p{
    margin: 0 !important;
    font-size: 16px;
    line-height: 23px;
    padding: 10px 0;
    letter-spacing: 1px;
    overflow: hidden;
    height: 60px;
    color:#999;
}
.summary_date span{
	color:#d1392c;
	padding-right:7px;
}

.summary_time span{
	padding-right:7px;
	color:#d1392c;
}

.b_botton{
	height:40px;
	margin:0 auto;
	background:#d1392c;
	color:#fff;
	text-align:center;
	line-height:40px;
	font-family:微軟正黑體;
	font-size:17px;
	text-decoration:none;
}


.b_botton:hover{
	background:#a72e23;
}

.youtube_video{
	width:100%;
	height:100%;
}
.video_block{
	display: table;
    width: 100%;
    height: 215px;
} 
.youtube_video.op{
	width:100%;
	height:79%;
}

/* 按鈕dialog */
.mo_foot #try-1{
	float: none; 
    padding-left: 0px; 
    width: 100%;
}
.call_phone_title{
	font-family:微軟正黑體;
	font-size:16px;
	text-align:center;
	background: #d1392c;
	color:#fff;
	height:40px;
}

.call_phone_title h1{
	margin:0px !important;
	line-height:40px;
}

.call_box{
	
	display:table;
	margin:20px auto;
}
.call_block{
	font-family:微軟正黑體;
	color:#444;
	font-size:16px;
	float:left;
	width: auto ;
    height: 100px;
	letter-spacing:1px;
}


#try-2{
	font-family:微軟正黑體;
	font-size: 16px;
	color:#444;
	text-decoration:underline;
	text-align: center;
	line-height: 15px;
}
			
#check_up2{
	background:#fff;
	border: 1px solid #808080;
	height:auto;
	width:auto;
	margin: 0 10px;
	display: none;
}
.site_infor_title{
	font-family:微軟正黑體;
	font-size:16px;
	text-align:center;
	background: #d1392c;
	color:#fff;
	height:40px;
}

.site_title{
	font-family:微軟正黑體;
	font-size:18px;
	color:#d1392c;
	height:40px;
	line-height:40px;
	letter-spacing:2px;
}
.site_title a{
	color:#d1392c !important;
}
.site_infor_title h1{
	margin:0px !important;
	line-height:40px;
}

.site_box{
	display:table;
	margin:10px 0;
	margin-left:25px;
	width:90%;
}
.site_block{
	font-family:微軟正黑體;
	font-size:16px;
	float:none;
	text-align:justify;
    height: auto;
	letter-spacing:1px;
	margin-bottom: 15px;
}



.phone{
	display:none;
}
.nav_iconslist{
	display:none;
}

.mo_foot{
	display:none;
}

.mobile_banner{
	display:none;
}

.hide1{
	display:none;
}

.hide2{
	display:none;
}

.n_date{
	display:none;
}

.ic_share .phone1{
	display:none;
}
.bk_article h1{
	font-family:微軟正黑體;
	font-size: 22px;
    font-weight: bold;
}
.bk_article ol li{
	font-family:微軟正黑體;
	text-align:justify;
	letter-spacing:1px;
}
.bk_article ol {
	padding: 0 25px;
    box-sizing: border-box;
	line-height:30px;
}
select, input[type="text"] {
    /* margin-right: 5px; */
	height:28px;
}
.col-md-12{
padding:0 !important;
}
.item {	 
	/* width:187.5px ; */
	height: 326px;
}
.date-box{
    padding:0 30px;
    margin: 10px 0 10px 0;
}
.box-btn{
display:none;
}

.date-box{
	display:table;
}
.terms_clumn{
	top:50% !important;
	overflow-x:hidden;
}

.terms_content h2{
	font-size:20px;
	font-weight:bold;
	padding:20px 0 10px 0;
}
.terms_title h1 {
    font-size: 28px;
	font-weight:bold;
}
@media (max-width: 960px){
	.items .item{
		width:auto !important;
		margin:10px 0 !important;
		
    height: 330px !important;
	}
.thumbnail{
	/* padding:0 !important;
	margin:0 !important; */
}
.member_btns1, .member_btns2{
	line-height:35px;
	border:0;
}
#main_content{
	width:100%;
}
.price-btn {
   float: none; 
    margin-right: 10px;
    background: #d1392c;
    padding: 5px 8px;
    margin: 10px 0;
}
.qa p {
    font-size: 14px;
    padding: 3px 0;
    letter-spacing: 0;
}
.qa {
    bottom: 60%;
}
/* .qa{
width:80px;
height:80px;
} */
.qa span{
    padding: 3px 0;
}

.owl-dots{
display:none !important;
}
.slide {
    left: 0;
    right: 0;
    bottom: 0;
    padding: 10px 30px;
    box-sizing: border-box;
    background: rgba(255,255,255,0.5);
    text-align: center;
    top: 2%;
}
.sr{
right:0!important;
}
h1{
margin:0 !important;
}
.slide h1{
margin-bottom:5px;
}
.sr, .sr p {
    text-align: center;
}
.slide p {
    margin: 0 !important;
    font-size: 13px;
}
.slide h1 {
    font-size: 18px;
}
.m_input {
    padding:0px;
}
.m_input input{
	width:100%;
}
.panel{
	height:auto;
}
.video_info_title {
    white-space:pre-wrap; 
	
}
.icons_share_cloumn {
    margin-bottom: 55px;
}
.ic_share .phone1{
	display:inline-block !important;
}

.imgbox .play span{
	right: calc(100% - 229px);
}
.dvd_article1{
	padding:0px;
}

.t_infor.video{
	display: block;
    margin: 20px auto;
    width: 100%;
    float: none;
}
.dvd_article1.video{
    margin: 20px auto;
    width: 100%;
    float: none;
}  

.dvd_article1.lec{
	margin: 20px auto;
    width: 100%;
    float: none;
}

.total_bnts{
	width:100%;
}
.pay_bnts{
	display:block;
}
.p_bnts1 {
    float: none; 
    width: 100%;
    margin-bottom: 20px;
}
.p_bnts2{
    float: none; 
    width: 100%;
    margin-bottom: 20px;
}
.m_article1{
	width: 55%;
    display: table;
}
.ma1_img {
    display: table;
}
.ma1_img img {
    width: 100%;
}
.cc_block{
	width: 320px;
    display: table;
    margin-right: 29px;
}
.cc_items {
    width: 100%;
    margin: 10 0 0 5px;
    margin-left: 0; 
    margin-right:0x; 
}
.li_content2{
	border-bottom:1px solid #ddd;
	margin-bottom:10px;
} 
.li_content1{
	margin-bottom:10px;
    border-bottom: 1px solid #ddd;
}
.li_title2{
	width:100%;
}
.tablestyle {
    width: 740px;
}

#sign_up3 {
	width:90%;
    left: 39px !important;
	box-sizing:border-box;
}
.call_box {
    /* width: 68%; */
	width: 93%;
	box-sizing:border-box;	
}

.call_block{
	width: 46%;
    border: 1px solid #d1392c;
    border-radius: 4%;
	 font-size: 18px;
}
.call_block:nth-child(2n+1) {
    /* margin-right:20%; */
	margin-right: 7%;
	box-sizingb:border-box;
} 
.site_title{
	font-size:17px;
	text-align:center;
	font-weight:bold;
    box-sizing: border-box;
}
.site_phone{
	font-size:17px;
	text-align:center;
    box-sizing: border-box;
}
.site_call{
	font-size:17px;
	text-align:center;
    box-sizing: border-box;
}

.site_add{
	width: 100%;
    text-align: center;
}

.index_main{
	padding-top:60px;
}
#contact_us{
	position:relative;
	top:-80px;
}
.header {
    position: fixed;
    z-index: 999;
}

.site_phone .fa-phone{
	width:15px;
	margin-bottom:10px;
	letter-spacing:2px;
}
.site_phone a{
	color:#444 !important;
}
.site_call .fa-mobile{
	width:15px;
	letter-spacing:2px;
}
.site_call a{
	color:#444 !important;
}
.site_title span{
	font-size:18px;
}


.n_items_infor{
	float:none;
}
.n_items_img{
	width:100%;
	height:auto;
}
.n_items_text{
    width: 100%;
	height:40px;
	line-height:40px;
    display: block;
    float: none;
	right:0px;
	bottom: -565px;
	
}
.n_items_text2{
	background: #d1392c;
	bottom: -126px;
	width:100%;
	right:0px;
}
.n_summary{
	width:100%;
}
.news_list:hover{
	background:none;
}
.n_items_title:hover {
    color: #d1392c;
}
.n_items_time{
	display:none;
}
.news_article ul li {
    background-color: #F8F8F7;
	box-shadow: 3px 3px 12px #888;
    margin-top: 20px;
    margin-bottom: 25px;
    padding: 10px;
	padding-bottom:45px;
    box-sizing: border-box;
    list-style: none;
    display: table;
}
.article_main_title {	
	margin-top:20px; 
}
.mo_foot{
	display:table;
	font-size:12pt;
	line-height:1.6;
	box-sizing: border-box;
	postition:fixed;
	bottom:0;
	left:0;
	height:auto;
	overflow:hidden;
	width:100;
	z-index:999;
}

/* 選單拉霸 */
.homeimg img {
    display: block;
    margin: 0 auto;
	font-family::微軟正黑體;
}

/* 選單icons */

.header_iconslist{
	display:table;
	width:90%;
	margin:10px 20px;
}
.header_iconslist span{
	color:#FFF;
	font-size:22px;
}
.icon_y, .icon_f, .icon_g {
 line-height:30px
}


.nav_path{
	display:none;
}

.main {
	width: 100%;
	float: none;
	padding:0px 15px;
	padding-bottom:50px;
	/* margin:0 5%; */
	border-radius:0; 
	padding-top: 60px;
}
.pay_main{
	padding-top: 60px;
}
.bk_article{
	padding:0px;
	margin:0px;
	width:100%;
	text-align:justify;
}
.article1{
	letter-spacing:1px;
	padding: 10px 5px 5px 30px;
}

.footer{
	display:none;
}

.path_content{
	width:100%;
}

#navigation-sticky-wrapper{
	display:none;
} 
.destop{
	display:none;
}
.phone{
	display:block
}


.header{
	display:block;
}

.menu_content{
	width:100%;
	position:relative;
}
.menu_icons span{
	display:block;
}

.logo {
	position:absolute;
	left:70px;
}	

.homeimg{
	height:70px;
	border-bottom:1px solid #696969;
}

.homeimg img{
	margin:0 100px;
}

/* .ft_items {
	width:90%;
	font-size:17px;
	font-family:微軟正黑體;
	padding-top:10px;
	margin:0 20px;
} */

.mm-list > li{
	border-bottom:1px solid #696969;
	
}

/* navicon選單 */

.nav .destop{
	display:none;
}


.nav_iconslist{
	display:block;
}


.hometitle{
	height: 70px;
    border-bottom: 1px solid #696969;
}

.hometitle img {
    display: block;
	margin: 0 60px;
    font-family: :微軟正黑體;
}
.header_line{
	display:none;
}


.introduct_block .block_a1{
	display: block;
    width: 100%;
    height: auto;
    margin: 20px auto;
    width: 90%;
    float: none;
}
.block_a1  .a1_photo{
	width:100%;
	margin:0 auto;
}

.block_a1 img{
	width:100%;
}
.introduct_block .block_a3{
	font-family:微軟正黑體;
	width:90%;
	padding-top:0px;
}
.introduct_block .block_a2{
	font-family:微軟正黑體;
	margin: 0;
    width: 95%;
    margin-left: 5%;
    padding: 0 5%;
    box-sizing: border-box;
}

.youtube_video{
	width:100%;
}

.introduct_block{
	width: 100%;
}

.introduct_block2 {
	display: table;
	margin: 0 auto;
	width: 100%;
}



.introduct_block2 a:nth-child(3n+2) .block_b1 {
	margin:0px;
	margin:0 5%;
}
.introduct_block2 .block_b1 {
    width: 90%;
    margin: 15px 5% 20px ;
}


.introduct_block3 {
	width:100%;
	margin:0 auto;
}


.introduct_block3 .block_c1{
	width:90%;
	 margin: 15px 5% 50px ;
}


.introduct_block2 .block_d1{
	display:block;
	width: 90%;
    margin: 15px 5% 20px ;
}


.teach_content4{
	padding-bottom:40px;
}

/* 老師介紹about.css */

#clumn {
	width: 100%; 	
}


.t_content p{
	line-height:50px;
}

.ict01{
	margin-top: -10px;
	margin-left:0px;
}

.ict02{
	margin:-15px 0 5px 0px;
}

.ict02 h3{
	font-size:15px;
}
/* video */

.dvdli_title2{
	width:100%;
	margin-bottom:10px;
}

.bookpage_content_clumn{
	margin-top:20px;
}


.bookbanner {
	width:100%;
	height:100%;
	background:#fff;
}


.book_img{
	height:166px;
	width:auto;
}

.book_img img {
    width: auto;
    height: 100%;
}

.bookbanner img{
	width:100%;
	height:100%;
}

.bookbanner2 {
	width:100%;
	height:auto;
	line-height:0px;
}

.bookbanner2 img{
	width:100%!important;
	height:auto!important;
}

.banner{
	width:100%;
	height:auto;
	background:#fff;
}

.banner img{
	width:100% !important;
	height:auto  !important;
}

.bookbg_cover{
	width:100%;
	height:100%;
	top: 20px;
}

.book_img{
	height:220px;
	width:auto;
}

.book_img img {
    width: auto;
    height: 100%;
}

.book_price{
	right: 20px;
}

.items{
	display: table;
    margin: 0 auto;
}

.items .item{
	width: 156px;
    height: auto;
	margin:10px 18px;
}
.item_title{
	font-size:16px;
}

.pay_main {
	float:none;
	width: 100%;
	height: 100%;
	padding:0 15px;
	padding-bottom:30px;
	border-radius:0;
	display:block;
	padding-top:57px;
}

.news_article{
	margin:0 2px;
}

.news_list{
	width:100%;
	padding:0px;
}


#postal_code{
	height:100%;
}

.pay_tablestyle ul li {
    float: left;
    padding: 0 15px;
}

#t_remark{
	width:inherit;
}

.btns1{
    border-radius: 3px;
    margin: 80 45px 80px 0;
    display: block;
}

/* 聯絡我們 */

#main_content{
	width:98%;
	background:#fff;
	border: 1px solid #b2b2b2;
}

.c_input input{
	background:#fff;
}

.member_comment {
    display: table;
    margin: 0 20px;
    width: 100%;
}

.member_clumn {
    width: 42%;
	display:table;
}

.news_page_img img{
	width:100%;
	margin: 0;	
}

.news_pages_article{
	width:100%;
}

.at1_infor{
	width:100%;
	letter-spacing:0px;
}


/* footer icons */
.mo_foot {
	display:table;
    font-size: 12pt;
    line-height: 1.6;
    box-sizing: border-box;
    position: fixed;
    bottom: -4px;
    left: 0;
    height: auto;
    overflow: hidden;
    width: 100%;
    z-index: 990;
}

.mo_foot li {
	width: 25%;
    margin: 1% 0%;
    float: left;
    list-style-type: none;
    line-height: 40px;
    height: 40px;
    color: #fff;
	font-family:微軟正黑體;
    vertical-align: middle;
	text-align:center;
    font-size: 12pt;
	font-weight:bold;
}


.mo_foot .call{
    background:#d1392c ;
	font-family:微軟正黑體;
}

.mo_foot .call span{
    margin-right:5px;
}

.mo_foot .line{
    background:#00c300  ;
	font-family:微軟正黑體;
	text-align:left;
}

.mo_foot .line img{
    width: 40px;
    float: left;
    margin-left: 45px;
}
.mo_foot .map{
    background:#ffa500;
	font-family:微軟正黑體;
}

.mo_foot .map span{
    margin-right:5px;
}
.mo_foot .ask{
    background:#00abcd;
	font-family:微軟正黑體;
}
.mo_foot .ask span{
    margin-right:5px;
}
.t_infor{
	float:none;
	margin: 0 auto;
}

.t_photo {
    margin: 0 auto;
}
.book_order{
	right: 22px;
}
.total_bnts.bnts_item{
	margin-left:0;
	margin-top:15px;
}
.shopping_go {
    display: table;
    width: 100%;
}
.m_title {
    width: 100%;
    border-right: 0;
    height: 40px;
    line-height: 40px;
    padding-left: 0px;
	margin: 5px 0;
	float:none;
}
.ic_share .phone1.g-btn{
	display:none !important;
}
.btn-style{
width:100%;
}
.slide{
	top: 0%!important;
    left: 0%!important;
	 padding: 70px 0;
}
.at1_infor{
	  padding: 30px!important;
}
.b-a {
	top: 7%!important;
    left: 10%!important;
}
.b-c{
	 top: 6% !important;
	left: 14% !important;
}
.pay_article{
	    margin-left: 15px !important;
    margin-right: 15px!important;
}
.f-left{
	width:100%;
}
.r-left{
	width:100%;
	text-align:center;
}
.phone-pay-finish{
	display:block;
}
.pc-pay-finish{
	display:none;
}
.pay_article{
	margin-top:15px !important;
}
}
@media (max-width: 768px){
.block_c1 span{
    left: calc(100% - 370px);
}
.block_b1 span{
	left: calc(100% - 350px);
}
	.repair {
    font-size: 24px;
}
.news_list{
	height:192px;
}
.n_items_text {
    bottom: -144px;
}
.n_items_text.btn-site{
	bottom: -570px;
}
.news_list.list-box {
    padding: 15px;
}

.font-strong {
    font-size: 19px;
}
.b-item .b-box{
	padding:0;
}
.b-item p span {
    padding: 8px 0;
    font-size: 14px;
}
.btn3{
	font-size: 15px;
    padding:4px 0px;
	width: 86px;
	color:#fff !important;
}
.page_clumn{
	margin:0;
}
.shopping_tatol_list ul{
	height:auto;
}
.ml_artcle2 {
     margin: 0 !important; 
}
.pay_tablestyle ul {
    padding:  0; 
}
.pay_tablestyle ul li{
	width:50%;
}

}
@media (max-width: 650px){
.col-xs-6.col-sm-3{
	height:195px;
}
.n_summary2{
	 width: 100%;
	 margin:15px 0;
}
.box-btn{
	margin:15px 0 0 0;
}
.dvd_article1.lec{
	height:auto;
}
.pay-items{
	padding:15px;
}
.message_mian{
	padding:0;
}
.pay_tablestyle .table_body {
    margin: 0 15px;
}
.dvd_article1.video{
	height:auto;
}
.pay_tablestyle{
		margin:0;
}
.pay_shpping_title .t1{
	width:100%;
}
.col-xs-12.col-sm-6.col-md-6{
		margin:15px 0;
	}
.owl-prev{
	width:30px !important; 
	height:30px !important; 
}
.owl-prev.fa.fa-angle-left, .owl-next.fa.fa-angle-right{
	font-size:29px;
}
.owl-next{
	width:30px !important; 
	height:30px !important; 
}
.col-xs-12.col-sm-4.col-md-4{
	margin-bottom:20px;
}
.block_b1 span{
	left: calc(100% - 175px);
}
	.item_price {
    bottom: 13px !important;
}
.items .item {
    height: 313px !important;
}
.qa-btn{
	font-size:16px;
}
.icons_share_cloumn {
    margin-bottom: 0px;
}
.btns1 {
    margin: 0 0 40px 0;
}

.iconslist.icons_bottom {
    margin-bottom: 55px;
}


.imgbox .play span {
    right: calc(100% - 158px);
    top: 29%;
}
.content1 {
    margin: 15px 0;
}
.live_bolck {
    margin: 11px;
}
.live_bolck{
	width: 46%;
	height:auto;
}
.live_bolck.op{
	width: 46%;
}
.t_text{
	text-align:center;
}
.t_infor{
	float:none;
	margin: 0 auto;
	width: 100%;
}

#rad {
    margin-top: 0px; 
    width: 384px;
}
.f_article h3{
	height:auto;
}
.main{
	padding-top: 60px;
}
.pay_main{
	padding-top: 60px;
	display:table;
}
#sign_up3 {
    left: 31px !important;
}
#sign_up4 {
    top: 35% !important;
	left: 50px !important;
}
.btns1 {
	width:100%;
}
.main{
	padding-top:57px;
}

/* 最新消息 */
.n_date{
	display:block;
	float:right;
}
.n_items_time{
	display:none;
}
.news_article ul li {
    background-color: #F8F8F7;
	box-shadow: 3px 3px 12px #888;
    margin-top: 20px;
    margin-bottom: 25px;
    padding: 10px;
	padding-bottom:30px;
    box-sizing: border-box;
    list-style: none;
    display: table;
}

.n_items_img {
    width:100%;
    height: auto; 
}
.n_summary{
	width:100%;
}
.news_list{
	border-bottom:0px;
}
.n_items_text {
    height:40px;
	line-height:40px;
	bottom: -410px;
}
.n_items_infor .n_items_text.items_box{
    bottom: -50px;
	display:none;
}

.n_items_text2{
	background: #d1392c;
	bottom: -133px;
}

.cc_content{
	width:100%;
}

.cc_photo img {
    width: 100%;
}
.cc_place {
    width: 100%;
}
.tablestyle{
	width:100%;
}
.icon_text{
	margin-left:10px;
}
.t_text{
    width: 100%;
    display: table;
}
.t_title {
    display: block;
}
.t_content {
    display: table;
    position: relative;
    width: 100%;
}

.btns1{
	float:none;
	margin-top: 110px;
}
.vsecond_title1{
	margin-left:0px;
}


.book_img{
	height:166px;
	width:auto;
}

.book_img img {
    width: auto;
    height: 100%;
}


.mo_foot .line img {
	margin:0px;
}


.introduct_block .block_a1{
	display: block;
    width: 100%;
    height: auto;
    margin: 20px auto;
    width:100%;
    float: none;
}

.introduct_block3 .block_c1{
	height:210px;
	margin-bottom:0px;
}

.block_c1 .b_img img{
	width:100%;
	height:auto;
	}
	
.m_article1 {
	width: 100%;
}
.ma1_img {
    width: 100%;
}
.ma1_img img{
	width: 100%;
}
.m_content2{
	width: 100%;
}
.bontton {
    width: 100%;
}

.pay_tablestyle ul li {
    float: left;
    padding: 10px 0px;
}
#t_style {
    width: auto;
}
.bookbanner{
	display:none;
}
.mobile_banner{
	display:table;
    margin:0 auto;
	padding-top:25px;
}
.mb_img{
	display:table;
	width: 100%;
}
.mb_price{
	font-size: 18px;
	color:#444;
	font-family: 微軟正黑體;
	margin:10px 0px;
	color:#d1392c;
	width:100%;
	text-align:center;
}
.mobile_banner{
	dispaly:block;
}
.mb_book_order{
	float: none;
	font-size: 24px;
	color:#444 !important;
	font-family: 微軟正黑體;
	font-weight: bold;
	letter-spacing:1px;
	position: absolute;
	right:0px;
	bottom:0px;	
	width: 150px;
    text-align: center;
    line-height: 40px;
    background: #FCED16 !important;
    border-radius: 4px;
	border:1px solid #ddd;
    height: 40px;
    padding: 0 10px;
}
.live_bolck.op {
    width: 100% !important;
}
.col-md-12{
padding:0 !important;
}
.items .item {
    height: 325px;
}
.item_price {
    position: absolute;
    bottom: 10px;
}
.news_list.list-box{
padding:15px;
}
.n_summary{
margin:0;

}
.thumbnail, .b_infor{
height:auto;
}
.box-btn{
display:table;
    background: #d1392c;
    color: #fff;
	text-align: center;
    border-radius: 3px;
	font-size: 16px;
    font-family: 微軟正黑體;
	line-height: 40px;
	width:100%;
}
.n_items_infor .n_items_text{
display:none;
}
.slide {
    top: 0%!important;
    left: 0%!important;
    padding: 7px 0;
}
.owl-stage{
	/* min-height:150px; */
}
.owl-item img{
	width:100%;
}
.owl-carousel .owl-item img {
    transform-style: preserve-3d;
    min-height: 175px;
    max-height: 175px;
    width: auto;
}
.col-lg-4.col-md-5.phone-box {
    padding: 30px 0;
}
.b-a p{
	top: 7%!important;
    left: 18%!important;
}
.b-b{
	right:46px !important;
	top: -5% !important;
}
.b-a {
	top: 8%!important;
    left: 13%!important;
}
.b-c{
	    top: 1% !important;
}
}



@media (max-width: 480px){
.block_c1 span{
    left: calc(100% - 192px);
}
	.b-item p span {
    padding:  0;
    font-size: 14px;
}

.font-strong{
	font-weight: bold;
	font-size:16px;
}
.at1_infor{
		padding:0 !important;
	}
.lec_table dl{
text-align:left;
}
.lec_table dt{
float:none;
width:100%;
font-weight:bold;
}
.lec_table dd{
width:100%;
}
.contact_name {
    width: 100%;
}
.contact_email{
width: 95%;	
}
.slide-container{
height:70px !important;
}
.cc_photo {
    margin-left: 0px;
}
.course_place_infor{
padding:0;				
}
.mobile_banner{
	dispaly:block; 
}
.icons_share_cloumn {
    margin-bottom: 20px;
}
.zipcode{
	width:100% !important;
}
#message{
	width: 100%;
    box-sizing: border-box;
	border: 1px solid #ccc;
}
.c_input input.contact_name.name{
	/* width:93%; */
	margin-top: 5px;
	box-sizing:border-box;
}
.c_input input{
width:95%;
}
.contact_email{
width:95% !important:;
}
.c_input input.contact_name.name.sex{
	width:auto;
	margin-bottom: 8px;
}



.imgbox .play span {
    right: calc(100% - 208px);
    top: 37%;
}
.col-xs-6.col-sm-3 .imgbox .play span {
    right: calc(100% - 95px);
    top: 22%;
    font-size: 35px;
}
.live_bolck.op {
    width: 100%;
}
.live_bolck{
	width:100%;
	height:auto;
	float:none;
	display:block;
	margin:10px 0;
	line-height:25px;
}
.live_text{
	padding:10px;
	box-sizing:border-box;
	line-height: 20px;
}

.t_infor{
	width: 100%;
}
.t_title2{
	margin-top: 6px;
}
.member_Confirm{
	margin:0px;
}
.ml_artcle2{
	margin:0px;
}
.ml_artcle1 {
    display: table;
    width: 100%;
    margin: 25px 0;
}
.member_comment {
    display: table;
    margin: 0 ;
    width: 100%;
}
.member_clumn {
    width: 100%;
    display: block;
	margin-right: 0px;
	margin-bottom:25px;
}

.item_title{
	font-size:15px;
}
#sign_up3 {
    left: 0px !important;
	width:100%;
	top:46% !important;
}
#sign_up4 {
    top: 22% !important;
}




.site_title{
	font-size:18px;
	letter-spacing:2px;
	padding-left:0px;
	text-align: center;
    box-sizing: border-box;
    font-weight: bold;
	
}
.site_phone{
	font-size:17px;
	text-align:center;
    box-sizing: border-box;
}

.site_call{
	font-size:17px;
	text-align:center;
    box-sizing: border-box;
}

.call_box {
    width: 93%;
    box-sizing: border-box;
}
.call_block{
	width: 46%;
    border: 1px solid #d1392c;
    border-radius: 5%;
}

.call_block:nth-child(2n+1) {
    margin-right: 4%;
	box-sizingb:border-box;
} 
.items .item {
    width: 135px;
    display: inline-block;
    margin: 10px 5px;
}
.cc_content{
	width:100%;
}
.cc_photo:; img {
    width: 100%;
}
.cc_place {
    width: 100%;
}
.tablestyle{
	width:100%;
}
.mo_foot li {
    font-size: 12pt;
}
.contact_article{
	margin:0px;
}
.lec_article{
	margin-left:0px;
	width:100%;
}
.lec_table dl{
	line-height:30px;
	white-space: now;
}
#sign_up{
	font-size:16px;
	width: 100%;
}
.introduct_block {
    width: 100%;
    padding-bottom: 40px;
}

.introduct_block3{
    width: 100%;
    padding-bottom: 40px;
}

/* 會員註冊 */
.m_title{
    width: 100%;
	border-right: 0;
	height:40px;
	line-height:40px;
	padding-left:0px;
}
.m_form1{
	border:0;
	margin-top:20px !important;
}
.m_form{
	border:0;
	margin-top:20px !important;
}
.m_title{
margin:5px 0;
}
.m_input {
    width: 100%;
}
#rand-img{
	position: relative;
	display: block;
}
.member_btns{
	display:block;
}
.member_btns1{
	float:none;
	width:100%;
	margin-bottom: 30px;
}
.member_btns2{
	float:none;
	width:100%;
}

.article_main_title {	
	margin-top:0px; 
}
#sign_up2{
	width:95%;
}

/* 選單拉霸 */
.homeimg img {
    display: block;
    margin: 0 auto;
	font-family::微軟正黑體;
}
/* banner 換頁按鈕 */
.slider .slide-prev  {
	display:none;
}
.slider .slide-next  {
	display:none;
}

.total_bnts{
	width:100%;
}
.nav_path{
	display:none;
}

/* 標題樣式 */
.icon_img{
	display:none;
}
.icon_text{
	display:block;
}
.ic_share{
    display: block;
    right: 0px;
}


.article_main_title{
	padding:38px 0 ;
	width:100%;
	
}
.main_title_text {
	padding-left: 0px;
    position: absolute;
    left: 0px;	
	font-size:18px;
	margin-top:20px;
}

.main_title_text2{
	margin:20px 0 10px 0;
	text-align:left;
	position: absolute;
    left: 0px;
	font-size:15px;
	font-weight:bold;
	margin:0;
}

.article_main_title > * {
    display: block;
    float: none;
}
.main_title_text span{
	display:none;
}
.main_title_text::after{
	display:none;
}
.introduct_block .block_a1{
	display: block;
    width: 100%;
    height: auto;
    margin: 20px auto;
    width: 90%;
    float: none;
}


.block_a1 img{
	width:100%;
}


.content1{
	margin:0px;
	margin-bottom:30px;
}

/* .t_photo{
    margin: 0 30%;
} */

.t_content {
    display:table;
	position: relative;
	width:100%
}

.t_text {
	width: 100%;
    display: table;
	margin-top:20px;
}

.t_title {  
   display:block;  
}
.t_content p {
    line-height: 30px;
}

/* .items {
    display: table;
    width:310px;
} */
/* .items li:nth-child(2n+1){
	margin-right:20px;
	
} */


.dvd_article1 {
	padding: 10px 0 ;
}
.dvd_article1 ul li{
	font-size:18px;
}


.bookbanner{
	display:none;
}
.mobile_banner{
	display:table;
    margin:0 auto;
	padding-top:25px;
}
.mb_img{
	display:table;
	width: 100%;
}
.mb_price{
	font-size: 18px;
	color:#444;
	font-family: 微軟正黑體;
	margin:10px 0px;
	color:#d1392c;
	width:100%;
	text-align:center;
}
.item {
    margin: 20px 0 ;
}

.section1{
	margin:0 5px;
}
.section_nd{
	margin:0 5px;
}

.section_nd .nd ol {
    margin:0 4%;

}

.dvd_article2 ol li{
	float:none;
	display:block;
	height:100%;
	margin:0;
}

.dvd_c3_list li {
   padding:0px;
}

.dvd_c3_list li span{
	margin:0px;
}

.dvd_article1{
	margin-left:0px;
}
.dvd_article1_nd {
    line-height: 28px;
}
#code {
    margin-top: 0px;
}

/* 股期課程 */

.cc_items{
	width:100%;
	margin:0px;
}

.li_title2{
	width:100%;
}

.cc_block{
	width:100%;
}

.cc_photo img{
	width:100%;
	margin: 10px 0;
}

.cc_place{
	width:100%;
}

.tablestyle{
	width:100%;
	padding:0px;
}

.cc_apply_botton2{
	width:100%;
}

/* 股期資訊 */
.f_article {
  margin:0px 15px; 
}

.f_article h3 {
    font-family: 微軟正黑體;
    font-size: 16px;
    height: auto;
	padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
	line-height:22px;
}
.ict01{
    font-size: 22px;
font-weight:bold;
    padding: 10px 0;
    line-height: 28px;
}

/* 最新訊息 */

.n_date{
	display:block;
	font-family:微軟正黑體;
	font-size:16px;
}
.news_article ul li {
    list-style: none;
    display: table;
}

.n_items_img {
    width: 100%;
    height: auto;
    float: none;
    margin-top: 15px;
    display: block;

}

.n_items_img img{
	width:100%;
}

.n_items_title {
    margin: 10px 0px 0px 0px;
}
.n_summary {
    float: none; 
    width: 100%;
	heigt:auto;
}

.n_summary_infor {
	float:none;
    width: 100%;
	margin:0px;
	float:none;
}


.n_items_time {
	display:none;
}

.n_items_text {
    height:40px;
	line-height:40px;
    margin-bottom: 15px; 
	position:relative;
	bottom:0;
	font-size: 16px;
    font-family: 微軟正黑體;
}
.n_items_text 2{
    height: 28px;
    margin-bottom: 15px; 
	position:relative;
	bottom:0;
	font-size: 16px;
    font-family: 微軟正黑體;
}

.article_page_title {
    width: 98%;
}

.page_main_title{
	font-size:18px;
	line-height:22px;
	padding-left:0px;
	margin-bottom: 17px;
}
.page_second_title{
	padding-left:0px;
}

.page_main_title::before{
	display:none;
}

/* 聯絡我們 */

.map_img {
    width: 100%;
    display: block;
}
.map_infor {
	dispaly:block;
    width: 100%;
}

.road{
	margin-bottom:20px;
}
#code {
    display:block;
    width: 100%;
	border: 1px solid #b2b2b2;
}

.btns1 {
    float: none;
    display: block;
    margin-top: 30px ;
	margin-bottom:0px;
	width:100%;
}

/* 付款專區 */
.pay_tablestyle ul{
	width:100%;
	padding:0px;
	display:table;
	margin:0 auto;
}

.pay_tablestyle ul li {
	width:100%;
    float: none;
	display:block;
    white-space: normal;
	box-sizing: border-box;
}


#t_style {
   display: block;
    width: 100%; 
}


#t_remark {
    width: 100%;
    display:block;
}

.pay_bnts {
	width:100%;
}

/* 線上訂購 */
.shopping_article_clumn{
	margin:0;
}
.s_article_title {
    font-size: 18px;
    padding: padding: 15px 0 30px 15px;
}
 .t1{
	padding:0 20%;
	border-right:none;
}
.t2, .t3{
	display:none;
}

.sopping_list ul{
	position:relative;
}

.sl1_infor{
	width:100%;
}
.sl1{
	display:table;
	width:100%;
}

.sl2{
	width:auto;
	position: absolute;
    left: 100px;
    bottom: -180px;
}

.sl3{
	position: absolute;
    right: 0;
    bottom: -180px;
}


/* 填寫訂購專區 */

.pay_article {
    margin: 0px;
	margin-bottom:15px;
	margin-top:20px;
}


.pay_input ul {
    padding: 15px ;
}

.s_total_text{
	width:auto;
}
#postal_code{
	width:40%;
	box-sizing:border-box
}
#city_add {
   margin-top:10px;
   box-sizing:border-box
}

#city_add{
	width:100%;
	box-sizing:border-box
}
#rad {
	width:100%;
	margin-top:0px;
	box-sizing:border-box
}

#name{
	width:100%;
	box-sizing:border-box
}

#postal_code{
	width:100%;
}

.shopping_list_items ul{
	line-height:22px;
	padding-right: 20px;
	padding: 20px 15px;
}
.hide{
	display:none;
}
.hide1{
	display:block;
}
.hide2{
	display:block;
}
.p_bnts1{
	margin-bottom:10px;
	display:block;
	float:none;
	width:100%;
}
.p_bnts2{
	margin-bottom:10px;
	display:block;
	width:100%;
}

/* 完成訂購 */
.order_article_clumn{
	margin:0px;
}

.order_article{
	margin-top:20px;
}
.order_list ul {
    float: left;
    width: 100%;
}
.order_list .ord1 {
    width:auto; 
    display: table;
}
.ord1_infor_title{
	padding:0px;
	text-align:left;
}

.order_list .ord2{
	width:auto; 
	float: right;
	margin-right: 15px;
}

.order_list .ord3{
	width:95%;
	text-align: right;
}

.o_title {
    float:none;
	display:block;
    width: 100%;
    margin-right: 0px; 
    padding-left: 13px;
    text-align: left;
    box-sizing: border-box;
}

.o_input{
	float:none;
	padding-left: 13px;
    text-align: left;
    box-sizing: border-box;
}

/* 會員專區 */
.member_article_clumn{
	margin-bottom:40px;
}
.m_article1{
	width:100%;
}

.mal_img{
	display:table;
}
.ma1_img img{
	width:100%;
}


.m_content2{
	width:100%;
	height:auto;
}

.bontton {
    width: 100%;
    margin: 15px auto;
}

.login_pw{
    display: table;
}


.mo_foot .line img {
	margin:0px;
}


.mo_foot li {
	font-size: 11pt;
	width: 25%;	
}
.receipt_input{
	padding:15px 6px;
}

/* .pay_tablestyle ul li {
	width:95%;
	text-align:left;
} */
.forget_mail{
	margin: 20px 8%;
}
.n_items_text2{
    bottom: 5px;
}

.n_date{
	display:block;
}
.news_article ul li {
    background-color: #F8F8F7;
	box-shadow: 3px 3px 12px #888;
    margin-top: 20px;
    margin-bottom: 25px;
    padding: 10px;
    box-sizing: border-box;
    list-style: none;
    display: table;
}

.news_list{
	border-bottom:0px;
}
.n_items_text2{
	background: #d1392c;
}

.course_infor2{
	margin-left:0;
}
.cc_items ul {
	margin-bottom:0px;
}

.li_content1 {
    border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

.li_content2{
	border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

#sign_up4{
	left: 0px !important;
}

.btns1 {
    margin-bottom: 20px !important;
}

.iconslist.icons_bottom {
    margin-bottom: 30px;	
}
.content1.op{
margin:0;	
}
.op_article{
margin:0px;
}
.summary_date.date-box-style{
	text-align:center;
}
.b_infor.time-box{
padding:10px 0 0 0;
}
.date-box{
padding:10px 0 0 0;
margin:0;
}
.slide{
	top:0 !important;
}

}
@media (max-width: 320px){
.pay-w{
    width: 81% !important;
}

.item_price {
		bottom: 13px; 
}
.items .item {
    height: 272px !important;
}
.pay_tablestyle {
    padding-bottom: 0px !important;
}
.qa-btn span{
	font-size:13px;
}
.slide-container{
height:60px !important;
}
.imgbox .play span {
    right: calc(100% - 161px);
    top: 30%;
}
.t_infor{
	width: 100%;
}

.b_text .b_text_summary{
	bottom:25px;
}
.member_Confirm{
	margin:0px;
}
.member_comment {
    display: table;
    margin: 0 ;
    width: 100%;
}
.member_clumn {
    width: 100%;
    display: block;
	margin-right: 0px;
	margin-bottom:25px;
}
.hometitle img {
    margin: 0 40px;
}
.sopping_list .sl3 {
    margin-right: 16px;
}
.m_content2{
	padding:0 13px;
}
.item_title{
	font-size:13px;
}
#sign_up3{
	width:100%;
	margin-top: -225px !important;
	top:63% !important;
	
	position:fixed!important;
	top:50%!important;
    margin-top: -50%!important;
}
#sign_up4 {
    top: 12% !important;
	
	position:fixed!important;
	top:50%!important;
    margin-top: -50%!important;
}
.site_title{
	font-size:17px;
}
.site_phone{
	font-size:16px;
}

.site_call{
	font-size:16px;
}

.at1_infor{
	letter-spacing:0px;
}
.news_article ul li {
    background-color: #F8F8F7;
	box-shadow: 3px 3px 12px #888;
    margin-top: 20px;
    margin-bottom: 25px;
    padding: 10px;
    box-sizing: border-box;
    list-style: none;
    display: table;
}

.news_list{
	border-bottom:0px;
}
.n_date{
	display:block;
}
.introduct_block .block_a2{
	padding: 0 ;
}
/* 選單拉霸 */
.homeimg img {
    display: block;
    margin: 0 auto;
	font-family::微軟正黑體;
}

/* banner 換頁按鈕 */
.slider .slide-prev  {
	display:none;
}
.slider .slide-next  {
	display:none;
}
.nav_path{
	display:none;
}
.pay_main{
	margin-bottom:40px;
	display:table;
}
.t_style{
	width:auto;
}
.introduct_block .block_a1{
	display: block;
    width: 100%;
    height: auto;
    margin: 20px auto;
    width: 90%;
    float: none;
}
.block_a2{
	display:block;
	width: 90%;
    margin: 0 5%;
}
.block_a2 ol{ 
    list-style-position: inside;
    text-indent: -2.2em;
    padding-left: 2.2em;
    list-style-type: decimal-leading-zero;
}
.content1{
	margin:0px;
	margin-top:20px;
	margin-bottom:30px; 
}
.vsecond_title1 {
    margin-left: 0px;
}
.dvd_article1{
	margin-left: 0px;
}
.dvd_article1_nd {
    line-height: 28px;  
}
.t_photo{
	margin: 0 25%;
}
.t_photo img{
	width:100%;
}
.t_text{
	margin-top: 20px
}
.t_content {
    display:table;
}
.t_title {  
   display:block;  
}
.t_content p {
    line-height: 30px;
}
.dvd_c3_list li {
   font-size: 15px;
   padding-left:14px;
}
.dvd_article2{
	display:table;
}
.dvd_article2 ol li{
	float:none;
	display:block;
	height:100%;
	margin:0;
}
.dvd_c3_list li span{
	margin:0px;
}
.bookbanner{
	display:none;
}
.mb_price{
	font-size: 18px;
	color:#444;
	font-family: 微軟正黑體;
	margin:10px 0px;
	color:#d1392c;
	width:100%;
	text-align:center;
}
.item {
    margin: 20px;
}
.section1{
	margin:0 5px;
}
.section_nd{
	margin:0 5px;
}
.section_nd .nd ol {
    margin:0 4%;
}
.cc_content_clumn{
	display:table;
}
.dvd_c3_list li{
	padding-left:0px;
}
/* 股期資訊 */
.f_article {
  margin:0px; 
}
.f_article h3 {
    font-family: 微軟正黑體;
    font-size: 15px;
    height: auto;
	padding-bottom: 5px;
    border-bottom: 1px dotted #ddd;
	line-height:22px;
}
.items{
	width:290px;
}
.items li:nth-child(2n+1){
	/* margin-right:10px; */
}
.items .item {
    width: 125px;
    display: inline-block;
    height: auto;
}
/* 聯絡我們 */
.c_items{
	margin-top:10px;
}
.map_img {
    width: 100%;
    display: block;
}
.map_infor {
	dispaly:block;
    width: 100%;
}
.road{
	margin-bottom:20px;
}
#code {
    display:block;
    width: 100%;
}
.btns1 {
    float: none;
    display: block;
}
/* 會員登入 */
/* 股期課程 */
.cc_items{
	width:100%;
}
.li_title2{
	width:100%;
}
.cc_block{
	width:100%;
}
.cc_photo img{
	width:100%;
}
.cc_place{
	width:100%;
}
.tablestyle{
	width:100%;
	padding:0px;
}
.cc_apply_botton2{
	width:100%;
}
/* 付款專區 */
.pay_tablestyle ul{
	width:95%;
	padding: 0;
	display:table;
}
.pay_tablestyle ul li {
    width:90%;
    float: none;
	display:block;
    white-space: nowrap;
}
#t_style {
    display: block;
    width: 100%;	
	box-sizing:border-box
}
#t_remark {
    width: 100%;
    display:block;
}
.pay_bnts {
	display: table;
    margin:50px auto
}
/* 會員專區 */
.member_article_clumn{
	margin-bottom:60px;
}
.m_article1{
	width:100%;
}
.mal_img{
	display:table;
}
.ma1_img img{
	width:100%;
}
.m_content2{
	width:100%;
	height:auto;
}
.bontton {
    width: 100%;
    margin: 15px auto;
}
.login_pw{
    display: table;
}
/* 線上訂購 */
.pay_article{
	margin:0px;
}
.shopping_article_clumn{
	margin:0;
	padding-bottom:50px;
}
.sopping_list {
    padding: 15px 0px;
}	
.sl1_infor{
    padding: 0px 15px;
}
.sl1_infor_title{
	font-size:15px;
	padding-right:10px;
	width:100%;
	display:block !important;
}
.sl1_infor_text{
	font-size:14px;
}
/* 填寫訂購 */
.p_bnts1{
	display:block;
	float:none;
}
.p_bnts2{
	display:block;
	float:none;
	width:100%;
}
.shopping_list_items ul{
	padding:0;
	padding:20px 0;
	padding: 20px 15px;
}
.pay_article{
	margin-top: 25px;	
}
.shopping_list_items ul li {
    width: inherit;
    font-size: 15px;
}
.pay_input ul li label{
	vertical-align:middle;
	margin-right:10px;
	vertical-align: sub;
	vertical-align:middle;
}
#male{
	vertical-align:middle;
}
.pay_bnts{
	display:block;
}
.p_bnts1{
	margin-bottom:10px;
	display:block;
	float:none;
	width:100%;
}
.p_bnts2{
	display:block;
	width:100%;
}	
.receipt_input{
	padding:15px 0 15px 10px;
	vertical-align: sub;
    white-space: nowrap;
}
/* 完成訂購 */
.order_list ul {
    float: left;
}
.order_list .ord1 {
    width:auto; 
    display: table;
}
.ord1_infor_title{
	padding:0px;
	text-align:left;
}
.order_list .ord2{
	width:auto; 
	float: right;
	margin-right: 15px;
}
.order_list .ord3{
	width:95%;
	text-align: right;
}
.o_title {
    float:none;
	display:block;
    width: 100%;
    margin-right: 0px; 
    padding-left: 13px;
    text-align: left;
    box-sizing: border-box;
}
.o_input{
	float:none;
	padding-left: 13px;
    text-align: left;
    box-sizing: border-box;
}
/* 最新訊息 */
.n_date{
	display:block;
	font-family:微軟正黑體;
	font-size:16px;
}
.news_article ul li {
    list-style: none;
    display: table;
}
.n_items_img {
    width: 100%;
    height: auto;
    float: none;
    margin-top: 15px;
    display: block;
}
.n_items_img img{
	width:100%;
}
.n_items_title {
    margin: 10px 0px 0px 0px;
}
.n_summary {
    float: none; 
    width: 100%;
	heigt:auto;
	
}
.n_summary_infor {
    width: 100%;
	margin:0px;
	float:none;
	display: table
}
.n_items_time {
	display:none;
}
.n_items_text {
    float: right;
    margin-bottom: 15px; 
	position:relative;
	bottom:0;
	font-size: 16px;
    font-family: 微軟正黑體;
}
.n_items_text2 {
    float: right;
    margin-bottom: 15px; 
	position:relative;
	bottom:0;
	font-size: 16px;
    font-family: 微軟正黑體;
}
.site_block{
    width: auto;
	height:auto;
    display: block;
	float:none;
	margin-bottom: 15px;
}
.call_box {
   width: 96%; 
}
.call_block {
    width: 47%;
	display:block;
}
.call_block:nth-child(2n+1) {
     margin-right:3%; 	
} 
/* footer icons */
.mo_foot {
	display:table;
	padding: 5px;
    font-size: 5px;
    line-height: 1.6;
    box-sizing: border-box;
    position: fixed;
    bottom: 0;
    left: 0;
    height: auto;
    overflow: hidden;
    width: 100%;
    z-index: 9998;
}
.mo_foot li span{
   margin-left:0px;
   padding-left:3px;
   font-size: 13px;
}
.mo_foot .line img{
    width: 35px;
    float: left;
    margin-left: 0px;
}
.t_photo {
    width: 50%;
    margin: 0 25%;
}
.btn3 {
    padding: 2px;
    font-size: 13px;
    width: 85px;
}
}
/*裝置顯示*/
@media (min-width: 950px){
	._banner2{
		display:none!important;
	}
}
@media (max-width: 670px){
	._banner2{
		display:none;
	}
	._banner1{
		display:none!important;
	}

}
@media (max-width: 950px) and (min-width:670px){
	._banner1{
		display:none!important;
	}
	._banner2{
		display:block;
	}
}