@charset "utf-8";
/*tabs版型-tabs01-課程簡介*/
.tabs01_Icon{
    position: absolute;
    height: auto;
    width: 1.6%;
    left: -0.6%;
    top: 17.4%;
    z-index: 1;
}
.tabs01_Icon2{
    position: absolute;
    height: auto;
    width: 1.6%;
    right: 0%;
    top: 17.4%;
    z-index: 1;
}
.tabs01_Icon img, .tabs01_Icon2 img{
	height: 100%;
	width: 100%;	
}
.tabs01{
    position: relative;
    height: 92%;
    width: 90%;
    top: 2%;
    margin: 0 auto;
    border-radius: 10px 10px 0 0;
    background-size: 100% 100%;
}
.tabs01 ul.menu{
    position: absolute;
    height: 12%;
    width: 101%;
    margin-top: 0%;
    margin-right: auto;
    margin-bottom: 0;
    margin-left: auto;
    top: 5.5%;
    left: -0.8%;
    padding: 0%;
}
.tabs01 ul.menu li{
    display: block;
    float: left;
    width: 20%;
    height: 100%;
    text-align: center;
    line-height: 2.5em;
    font-weight: bold;
    color: #FFFFFF;
    background-size: auto 100%;
    font-size: 1.2em;
    cursor: pointer;
    /*background-repeat: no-repeat;
    background-image: url(../Image/002_bg_3.png);*/
    background-color: #2481bc;
    position: relative;
}
.tabs01 ul.menu li.act{
    background-color: #f59d1f;
}
.tabs01_Menu_Line{
	border-right-width: 0px;
	border-right-style: solid;
	border-right-color: rgba(255,255,255,1);
	position: absolute;
	height: 50%;
	width: 0%;
	top: 25%;
	right: 0%;
}
.tabs01_content{
    position: absolute;
    width: 97.3%;
    height: 86%;
    opacity: 0;
    overflow: hidden;
    left: 1.1%;
    top: 17.4%;
    background: #FFFFFF;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size:1.1em;
}
.tabs01 p{
    margin: 0;
    position: relative;
    margin-left: 5%;
    margin-right: 4%;
}
.tabs01_title{
	padding-top:4%;
	color:#CC3300;
	font-weight:bold;
	font-size:1.3em;
}
.tabs01_text{
	padding-top:3%;
	
}
.list{
	height:75%;
	margin-left:14%;
	margin-right:42%;
}
.noRightPic{
	margin-right:14%;
}
.list li{
	margin:4% 0 0 -4%;
}
.tabs01_pic{
    position: absolute;
    top: 23%;
    right: 6%;
    width: 30%;
    height: auto;
}
.tabs02_pic{
    position: absolute;
    top: 11%;
    right: 5%;
    width: 41%;
    height: auto;
}
.tabs03_pic{
	position: absolute;
	top: 25%;
	right: 5%;
	width: 25%;
	height: auto;
}
.course_diamond_List_Imgs {
    width: 2.9%;
    height: auto;
    padding-right: 1%;
}
.course_diamond_List_Imgs_002p2 {
    width: 3.2%;
    height: auto;
    padding-right: 1%;
}
.LI_2line .course_Num_List_Imgs {
    width: 5%;
    padding-right: 3%;
    margin-left: -8.5%;
}
/* 課程架構 */
.list_classArchitecture{
    height: 55%;
    margin-left: 9.2%;
    margin-right: 10%;
}
.list_classArchitecture li{
    padding-bottom: 1%;
    margin: 1.5% 0;
    text-align: justify;
    border-bottom: 1px dashed #E0E0E0;
}

.list_classArchitecture div{
	display:inline;
}

.list_classArchitecture li span{
	float:right;
}
/* 兩欄式_專家介紹(經歷.學歷) */
.list_twoColumn{
    height: 84%;
    width: 87%;
    float: left;
}

.list_twoColumn .course_Num_List_Imgs{
    padding-left: 4.4%;
    width: 2.5%;
    margin-right: 0.5em;
}

.list_twoColumn li{
	margin:2% 0;
    text-indent: -2.65em;
    margin-left: 2.65em;
}
.list_twoColumn:nth-of-type(1){
	margin-left:10%;
	margin-right:2%;
	margin-top:4%;
}
.list_twoColumn:nth-of-type(2){
	margin-left:0%;
	margin-right:10%;
}
p.li_lable{
	margin:0;
	margin-top:2%;
/*	margin-left: -4%;*/
}
/* 角色介紹 */
.box_LpicRword{
    position: relative;
    width: 91.5%;
    height: 18.3%;
    margin: 0 auto;
    margin-top: 0.8%;
    clear: both;
}
.box_LpicRword img{
    position: relative;
    width: 12%;
    height: auto;
    float: left;
}
.box_LpicRword p{
    float: left;
    width: 84%;
    margin: 0;
    margin-left: 1.4%;
    margin-top: 0.4%;
    line-height: 1.4em;
    margin-bottom: 3%;
}
.box_LpicRword p strong{
	color:#CC3300;
	font-size:1.2em;
}

/* 角色上面的文字 */
.tab_6_description {
	padding-top:4%;
}

/*開頭與角色中間的圖片*/
.box_LpicImg{
	position: relative;
	width: 75%;
	height: 60%;
	margin-top: 0.8%;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 4%;
}
.box_LpicImg img{
	position:relative;
	width:100%;
	height:100%;
	float:left;
}
.a42_002_img{
	position: absolute;
	right:10%;
}

.Img002_4{
	position: absolute;
	height: auto;
	width: 30%;
	top: 17%;
	right: 8%;
}
.Img002_4 img{
	height: auto;
	width: 100%;
}
.Teacher_Box{
	overflow: auto;
	position: absolute;
	/*height: 92%;*/
	width: 100%;
	left: 0px;
	top: 0px;
}
.Teacher_Bg{
	position: absolute;
	width: 40%;
	top: 20%;
	right: 5%;
}
.Teacher_Bg img{
	
	width: 100%;	
}

.tips_Box{
	width: 55%;
	margin-top: 7%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
}
.tips_Box img{
	width: 100%;	
}