@import url("reset.css");
body{
	-webkit-text-size-adjust:none;
	text-decoration:none;
	font-family:"微軟正黑體", "Microsoft JhengHei",  Helvetica, Arial, sans-serif;

	color: #333333;
	font-size: 16px;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;

	}

/*========================== 版型設定 ============================*/
/*PC表頭尾*/
.PC .PC_LOGIN, .PC .FOOT_PC{ width:100%; display:block;}
.PC .FOOT_MOBILE{ display:none;}
/*PC表頭尾*/

/*消失區*/
.PC #header, .PC .FOOT_MOBILE { display:none;}
.MOBILE .PC_LOGIN, .MOBILE .FOOT_PC{ display:none;}

/*MOBILE表頭尾*/
.MOBILE #float_icon , .MOBILE #header, .MOBILE .FOOT_MOBILE{display:block;}
/*MOBILE表頭尾*/

/*========================== 版型設定 ============================*/
#CM780 img{width: 100%;height: auto;}
#CM780 .container_wrapper .img_xxl{width: 100%;margin: 0 auto;}
#CM780 .container_wrapper .img_xl{width: 100%;margin: 0 auto;}
#CM780 .container_wrapper .img_l{width: 80%;margin: 0 auto;}
#CM780 .container_wrapper .img_m{width: 60%;margin: 0 auto;}
#CM780 .container_wrapper .img_s{width: 40%;margin: 0 auto;}
.MOBILE #CM780 .container_wrapper .img_xxl{width: 110%;margin: 0 auto;transform: translateX(-4%);}
.MOBILE #CM780 .container_wrapper .img_l{width: 95%;margin: 0 auto;}
.MOBILE #CM780 .container_wrapper .img_m{width: 83%;margin: 0 auto;}

.PC .blank_cm1{height: 20px;}
.PC .blank_cm2{height: 10px;}
.PC .blank_cmbr{height: 40px;}
.MOBILE .blank_cm1{height: 5px;}
.MOBILE .blank_cm2{height: 10px;}
.MOBILE .blank_cmbr{height: 20px;}



/*框架*/
.PC #CM780{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	background-color: #fdecd8;
	}

.PC #CM780 .hero{
	width: 100%;
    height: 605px;
	background-color: #facc4e;
	overflow: hidden;
	margin:auto;
	position: relative;
	background-image: url(../images/cm780/top_bg.jpg);
	background-position: top center;
	background-repeat: repeat-x;
	background-size: cover;
}


.PC #CM780 .hero .hero_top h1{
	width: 390px;
    height: 560px;
    overflow: hidden;
    background-image: url(../images/cm780/top_title.png);
    background-position-x: right;
    background-position-y: 37px;
    background-repeat: no-repeat;
    background-size: 43% auto;
    margin: 0 auto;
    text-indent: -9999px;
    transform: translateX(108px);
}



/*MENU選單*/
.PC #CM780 .LM_MENU{
	display: block;
	width: 100%;
	height:40px;
	background-color: #daaa47;
}
	.PC #CM780 .LM_MENU02{
		position:fixed;
		left:0;
		top:0;
		z-index:999;
		margin-top: 0px;
		filter: url(drop-shadow.svg#drop-shadow); 
		filter: drop-shadow(2px 2px 3px rgba(0,0,0,.2));
	}
.PC #CM780 .LM_MENU ul{
	width: 750px;
	height:460px;
	margin: 0 auto;
}
.PC #CM780 .LM_MENU li{
	float: left;
	width: 25%;
	height:40px;
	border-right:1px solid #ffdf8d; 
	box-sizing: border-box;

}
	.PC #CM780 .LM_MENU li:nth-child(5){
		border-right:none;		
	}

	.PC #CM780 .LM_MENU li.LINK{
		height:40px;
		text-align: center;
		color:#ffffff;
		font-size: 1.25rem;
		line-height: 40px;
		background-color: #ee8767;
}
.PC #CM780 .LM_MENU li a{
	display: block;
	width:100%;
	height:40px;
	text-align: center;
	color:#fff2d8;
	font-size: 1.25rem;
	line-height: 40px;
}

.PC #CM780 .LM_MENU li a:hover{
	background-color: #ee8767;
	color:#ffffff;
}
/*MENU選單結束*/

/*區塊框架*/
#CM780 .container_wrapper{
	width: 100%;
	max-width: 750px;
    overflow: hidden;
    margin: 0px auto 5px auto;
}
#CM780 .container_frame{
	width: 100%;
    overflow: hidden;
    margin: 0px auto 5px auto;
}
#CM780 .container_shadow{
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
	overflow: hidden;
	box-shadow: 0px 0px 10px #dfc0a1;
	background-color: #fdfcfa;
}
/*區塊框架 結束*/

/*區塊2來自命盤的訊息*/
.PC #CM780 .object_frame{
	width: 70%;
	max-width: 525px;
	margin: 0 auto;
	position: relative;
}
.PC #CM780 .object_frame .now_bt{
	width: 257px;
	height: 86px;
	position: absolute;
	right: 0;
	bottom: 10px;
	background-image: url(../images/cm780/bt-1.jpg);
	background-repeat: no-repeat;
	background-size: 69% auto;
	text-indent: -9999px;
	cursor: pointer;
	transition: all 1s;
	scale: 1; 
}
.PC #CM780 .object_frame .now_bt:hover{
	scale: .95; 
	background-image: url(../images/cm780/bt-1a.jpg);}
.PC #CM780 .object_frame .now_bt_r{
	width: 257px;
	height: 86px;
	position: absolute;
	left: 0px;
	bottom: 10px;
	background-image: url(../images/cm780/bt-1.jpg);
	background-repeat: no-repeat;
	background-size: 69% auto;
	background-position-x: right;
	text-indent: -9999px;
	cursor: pointer;
	transition: all 1s;
	scale: 1; 
}
.PC #CM780 .object_frame .now_bt_r:hover{
	scale: .95;
	background-image: url(../images/cm780/bt-1a.jpg);}

/*區塊2來自命盤的訊息 結束*/

/*區塊3白金會員服務*/
.PC #CM780 .feedback_wrapper{
	width: 100%;
	height: auto;
	background-color: #fdfcfa;
	background-image: url(../images/cm780/content4-1.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}
.PC #CM780 .feedback_container{
	width: 80%;
	margin: 0 auto;
	padding-top: 170px;
}
.PC #CM780 .ph_bg{
	background-color: #fdfcfa;
	padding: 40px 0 80px 0;
}
.PC #CM780 .container_wrapper .more_bt{
	width: 257px;
	height: 60px;
	margin: 0 auto;
	position: relative;
	right: 0;
	bottom: 25px;
	background-image: url(../images/cm780/bt-4.jpg);
	background-repeat: no-repeat;
	background-size: 69% auto;
	background-position: top center;
	text-indent: -9999px;
	cursor: pointer;
	transition: all 1s;
	scale: 1; 
}
.PC #CM780 .container_wrapper .more_bt:hover{
	scale: .95;
	background-image: url(../images/cm780/bt-4a.jpg);}
/*區塊3白金會員服務 結束*/

/*區塊5全系列線上紫微課程 開始*/
.PC #CM780 .container_wrapper .title_bar{
	width: 100%;
	height: 176px;
	margin: 0 auto;
	background-image: url(../images/cm780/content6-1.png);
	background-repeat: no-repeat;
	background-size: 68% auto;
	background-position: top center;
	text-indent: -9999px;
	transform: translateY(42px);
}
.PC #CM780 .class_frame{
	width: 85%;
	margin: 0 auto;
	position: relative;
}
.PC #CM780 .class_frame .class_info_bt{
	width: 220px;
	height: 60px;
	position: absolute;
	left: 35px;
	bottom: 50px;
	background-image: url(../images/cm780/bt-2.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
	text-indent: -9999px;
	cursor: pointer;
	transition: all 1s;
	scale: 1; 
}
.PC #CM780 .class_frame .class_info_bt:hover{
	scale: .95;
	background-image: url(../images/cm780/bt-2a.jpg);}
.PC #CM780 .class_frame .trail_bt{
	width: 220px;
	height: 60px;
	position: absolute;
	right: 41px;
	bottom: 50px;
	background-image: url(../images/cm780/bt-3.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
	text-indent: -9999px;
	cursor: pointer;
	transition: all 1s;
	scale: 1; 
}
.PC #CM780 .class_frame .trail_bt:hover{
	scale: .95;
	background-image: url(../images/cm780/bt-3a.jpg);}
/*區塊5全系列線上紫微課程 結束*/

/*區塊6給現在的你 開始*/
.PC #CM780 .object_frame .back_hp_bt{
	width: 283px;
	height: 60px;
	position: absolute;
	left: 120px;
	bottom: 120px;
	background-image: url(../images/cm780/bt-5.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
	text-indent: -9999px;
	cursor: pointer;
	transition: all 1s;
	scale: 1; 
}
.PC #CM780 .object_frame .back_hp_bt:hover{
	scale: .95;
	background-image: url(../images/cm780/bt-5a.jpg);}
/*區塊6給現在的你 結束*/

/*科技紫微介紹區塊 開始*/
.PC #CM780 .ziwei_wrapper{
	width: 100%;
	background-color: #fdebd8;
	overflow: hidden;
	padding: 60px 0;
}
.PC #CM780 .ziwei_wrapper #ZIWEI_BOX{
	width: 600px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, .7);
	border-radius: 20px;
}
.MOBILE #CM780 .ziwei_wrapper{
	width: 100%;
	overflow: hidden;
	padding: 30px 0;
}
.MOBILE #CM780 .ziwei_wrapper #ZIWEI_BOX{
	width: 95%;
	max-width: 600px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, .7);
	border-radius: 20px;
}
#CM780 .ziwei_wrapper #ZIWEI_BOX{
	width: 600px;
	margin: 0 auto;
	background-color: rgba(255, 255, 255, .7);
	border-radius: 20px;
}
#CM780 .ziwei_wrapper #ZIWEI_BOX .ZIWEI_BOX_BAR {
    width: 100%;
    height: 60px;
    margin: 0 auto;
    background-color: #245a7c;}
#CM780 .ziwei_wrapper #ZIWEI_BOX .ZIWEI_BG {
    border: 1px solid #245a7c;
	border-radius: 20px;}
#CM780 .ziwei_wrapper #ZIWEI_BOX .ZIWEI_BOX_BAR {
    background-color: #245a7c;}
#CM780 .ziwei_wrapper #ZIWEI_BOX .ZIWEI_BOX_BAR p {
    color: #d6e5ff;}
#CM780 .ziwei_wrapper #ZIWEI_BOX .BLINE {
    background-color: rgb(255, 255, 255, .8);}
#CM780 .ziwei_wrapper #ZIWEI_BOX li>ul li.TEXT{
	color: #53688d;}
#CM780 .ziwei_wrapper #ZIWEI_BOX .ZIWEI_T01 {
    color: #37507e;}
/*科技紫微介紹區塊 結束*/

/*===================== 手機版型區 ===========================*/
/*框架*/
.MOBILE #CM780{
	width:100%;
	height:auto;
	overflow:hidden;
	box-sizing: border-box;
	background-color: #fdecd8;
	}

.MOBILE #CM780 .hero{
	width: 100%;
    height: 0;
	padding-bottom: 80%;
	background-color: #facc4e;
	overflow: hidden;
	margin:auto;
	position: relative;
	background-image: url(../images/cm780/top_bg.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: cover;
}


.MOBILE #CM780 .hero .hero_top h1{
	width: 24%;
    height: 0;
    padding-bottom: 76%;
    overflow: hidden;
    background-image: url(../images/cm780/top_title.png);
    background-position: top right;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0 auto;
    text-indent: -9999px;
    transform: translateX(114%) translateY(9px);
}


/*MENU選單*/
.MOBILE #CM780 .LM_MENU{
	display: block;
	width: 100%;
	height:40px;
	background-color: #daaa47;
	margin-top: 45px;
}

	.MOBILE #CM780 .LM_MENU02{
		position:fixed;
		left:0;
		top:0;
		z-index:999;
		margin-top: 45px;
		filter: url(drop-shadow.svg#drop-shadow); 
		filter: drop-shadow(2px 2px 3px rgba(0,0,0,.2));
	}

.MOBILE #CM780 .LM_MENU .MENU{
	float: left;
	width: 100%;
	height:40px;
	overflow: hidden;
	margin: 0 auto;
}
.MOBILE #CM780 .LM_MENU ul{
	width:100%;
	margin:0 auto;
}
.MOBILE #CM780 .LM_MENU li{
	float:left;
	width:25%;
	height:40px;
	border-right:1px solid #ffdf8d; 
	box-sizing: border-box;
}
	.MOBILE #CM780 .LM_MENU li:nth-child(5){
		border-right:none;		
	}

	.MOBILE #CM780 .LM_MENU li.LINK{
		height:40px;
		text-align: center;
		color:#ffffff;
		font-size: 1.25rem;
		line-height: 40px;
		background-color: #ee8767;
}
.MOBILE #CM780 .LM_MENU li a{
	display: block;
	width:100%;
	height:40px;
	text-align: center;
	color:#ffffff;
	font-size: 1.25rem;
	line-height: 40px;
}
/*MENU選單結束*/

/*區塊2來自命盤的訊息*/
.MOBILE #CM780 .object_frame{
	width: 100%;
	max-width: 525px;
	margin: 0 auto;
	position: relative;
}
.MOBILE #CM780 .object_frame .now_bt{
	width: 34%;
	max-width: 200px;
	height: 66px;
	position: absolute;
	right: 15%;
	bottom: 1vw;
	background-image: url(../images/cm780/bt-1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	text-indent: -9999px;
	cursor: pointer;
}

.MOBILE #CM780 .object_frame .now_bt_r{
	width: 34%;
	max-width: 200px;
	height: 66px;
	position: absolute;
	left: 15%;
	bottom: 1vw;
	background-image: url(../images/cm780/bt-1.jpg);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position-x: right;
	text-indent: -9999px;
	cursor: pointer;
}
/*區塊2來自命盤的訊息 結束*/

/*區塊3白金會員服務*/
.MOBILE #CM780 .feedback_wrapper{
	width: 100%;
	overflow: hidden;
	background-color: #fdfcfa;
	background-image: url(../images/cm780/content4-1.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: 100% auto;
}
.MOBILE #CM780 .feedback_container{
	width: 80%;
	margin: 0 auto;
	padding-top: 25%;
}
.MOBILE #CM780 .ph_bg{
	background-color: #fdfcfa;
	padding: 40px 0 80px 0;
}
.MOBILE #CM780 .container_wrapper .more_bt{
	width: 257px;
	height: 60px;
	margin: 0 auto;
	position: relative;
	right: 0;
	bottom: 25px;
	background-image: url(../images/cm780/bt-4.jpg);
	background-repeat: no-repeat;
	background-size: 69% auto;
	background-position: top center;
	text-indent: -9999px;
	cursor: pointer;
	transition: all 1s;
	scale: 1; 
}
.MOBILE #CM780 .container_wrapper .more_bt:hover{
	scale: .95;
	background-image: url(../images/cm780/bt-4a.jpg);}
/*區塊3白金會員服務 結束*/

/*區塊5全系列線上紫微課程 開始*/
.MOBILE #CM780 .container_wrapper .title_bar{
	width: 90%;
	max-width: 480px;
	height: 0;
	padding-bottom: 31%;
	overflow: hidden;
	margin: 0 auto;
	background-image: url(../images/cm780/content6-1.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: top center;
	text-indent: -9999px;
	z-index: 100;
	position: relative;
	top:7vw;
}
.MOBILE #CM780 .class_frame{
	width: 95%;
	margin: 0 auto;
	position: relative;
}
.MOBILE #CM780 .class_frame .class_info_bt{
	width: 36%;
	max-width: 220px;
	height: 60px;
	position: absolute;
	left: 10%;
	bottom: 5vw;
	background-image: url(../images/cm780/bt-2.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
	text-indent: -9999px;
}
.MOBILE #CM780 .class_frame .trail_bt{
	width: 36%;
	max-width: 220px;
	height: 60px;
	position: absolute;
	right: 12%;
	bottom: 5vw;
	background-image: url(../images/cm780/bt-3.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
	text-indent: -9999px;
}
/*區塊5全系列線上紫微課程 結束*/

/*區塊6給現在的你 開始*/
.MOBILE #CM780 .object_frame .back_hp_bt{
	width: 283px;
	height: 60px;
	position: absolute;
    top: 80%;
    left: 50%;
    transform: translate(-50%,-80%);
	bottom: -10vw;
	background-image: url(../images/cm780/bt-5.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	background-position-x: center;
	text-indent: -9999px;
}
/*===================== 手機版型區 end ===========================*/

/*========================== IMP ============================*/
/*手機寬小於375時*/

@media screen and (min-width: 300px) and (max-width: 374.99px) {
	.MOBILE #member_center .row1-style div:nth-child(3) {
		width: 34%;
		text-align: right;
	}
}

/*平板小於內容js縮放*/

@media screen and (max-width: 1000px) {
  .PC #member_center {
    width: 1000px !important;
    -webkit-transform-origin: 0 0;
        -ms-transform-origin: 0 0;
            transform-origin: 0 0;
  }
 }

 
 /*========================== IMP ============================*/