@charset "big5";
/* CSS Document */
@import url("reset.css");

body{
	font-family:"新細明體", Arial;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/top/top_bg.jpg);
	background-repeat:repeat-x;
	background-color:#e8e8e8;}

/* ======假表頭====== */
.SUBURB_TOP{
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/x/suburb_chang_bg.jpg);
	width:100%;
	height:25px;}

/* ======假表尾====== */
.SUBURB_DOWN{
	background-color:#deddde;
	width:100%;
	height:237px;}

/* ======全版面====== */
.INDEX{
	width:1050px;
	margin:0 auto;
	overflow:hidden;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/book_bg.jpg);
	background-repeat:no-repeat;
	background-color:#ffffff;
}
.LINE{
	clear:both;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/right_line.gif);
	height:2px;
	margin:3px 0px 10px 0px;}
.LINE2{      /* 已用 */
	clear:both;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/right_line2.gif);
	height:1px;
	margin-top:8px;}
.LINE3{
	clear:both;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/right_line3.gif);
	height:1px;
	margin-top:8px;
	margin-bottom:8px;}
.LINE4{
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/table_line.png);
	height:1px;}
.LINE5{
	clear:both;
	width:670px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/table_line2.png);
	height:1px;
	margin:0 auto;}
.LINE5_2{
	clear:both;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/table_line2.png);
	height:1px;
	margin:0 auto;}
.LINE6{
	clear:both;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/table_line3.gif);
	height:1px;
	margin:8px auto;
	width:670px;}
.LINE7{
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/01_down.png);
	height:1px;}
.LINE8{
	clear:both;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/table_line3.png);
	height:2px;
	margin:0px;}
.LINE9{      /* 已用 */
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/table_line5.png);
	width:674px;
	height:5px;
	margin-left:28px;}
.BLANK{
	height:12px;}
.BLANK2{
	height:25px;}
.BLANK3{
	height:5px;}
.BLANK4{
	height:40px;}
a.TOP{
	display:block;
	width:50px;
	height:25px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/top.gif);
	margin:0px auto;
	text-indent:-9999px;}
	
/* ======課程專區TOP====== */	
.COURSE_TOP{
	width:1050px;
	overflow:hidden;
	margin:0 auto;}
.COURSE_TOP img{
	margin:0 auto;}
.COURSE_TOP .COURSE_MENU{
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/top/course_top02.jpg);
	width:1050px;
	height:85px;}
.COURSE_TOP .COURSE_MENU .MENU{
	width:730px;
	height:85px;
	padding:0 5px;
	float:left;       /* ===float=== */}

.COURSE_MENU .MENU ul{
	width:730px;
	margin:0 auto;}
.COURSE_MENU .MENU li{
	float:left;       /* ===float=== */
	width:120px;
	height:85px;}
.COURSE_MENU .MENU li.M_INDEX{
	width:120px;
	height:85px;
	text-indent:-9999px;}
.COURSE_MENU .MENU li.M_INDEX h3{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_01.png);
	background-position:0px 85px;}
.COURSE_MENU .MENU li.M_INDEX a{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_01.png);
	background-position:0px 0px;}
.COURSE_MENU .MENU li.M_INDEX a:hover{
	background-position:0px 170px;}
.COURSE_MENU .MENU li.M_MASTER{
	width:120px;
	height:85px;
	text-indent:-9999px;}
.COURSE_MENU .MENU li.M_MASTER h3{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_02.png);
	background-position:0px 85px;}
.COURSE_MENU .MENU li.M_MASTER a{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_02.png);
	background-position:0px 0px;}
.COURSE_MENU .MENU li.M_MASTER a:hover{
	background-position:0px 170px;}
.COURSE_MENU .MENU li.M_INTRO{
	width:120px;
	height:85px;
	text-indent:-9999px;}
.COURSE_MENU .MENU li.M_INTRO h3{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_03.png);
	background-position:0px 85px;}
.COURSE_MENU .MENU li.M_INTRO a{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_03.png);
	background-position:0px 0px;}
.COURSE_MENU .MENU li.M_INTRO a:hover{
	background-position:0px 170px;}
.COURSE_MENU .MENU li.M_VENTURE{
	width:120px;
	height:85px;
	text-indent:-9999px;}
.COURSE_MENU .MENU li.M_VENTURE h3{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_04.png);
	background-position:0px 85px;}
.COURSE_MENU .MENU li.M_VENTURE a{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_04.png);
	background-position:0px 0px;}
.COURSE_MENU .MENU li.M_VENTURE a:hover{
	background-position:0px 170px;}
.COURSE_MENU .MENU li.M_FREE{
	width:120px;
	height:85px;
	text-indent:-9999px;}
.COURSE_MENU .MENU li.M_FREE h3{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_05.png);
	background-position:0px 85px;}
.COURSE_MENU .MENU li.M_FREE a{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_05.png);
	background-position:0px 0px;}
.COURSE_MENU .MENU li.M_FREE a:hover{
	background-position:0px 170px;}
.COURSE_MENU .MENU li.M_SHARE{
	width:120px;
	height:85px;
	text-indent:-9999px;}
.COURSE_MENU .MENU li.M_SHARE h3{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_06.png);
	background-position:0px 85px;}
.COURSE_MENU .MENU li.M_SHARE a{
	display:block;
	width:120px;
	height:85px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/menu_06.png);
	background-position:0px 0px;}
.COURSE_MENU .MENU li.M_SHARE a:hover{
	background-position:0px 170px;}
	

/* ======左欄====== */
.LEFT{
	width:730px;
	float:left;       /* ===float=== */}
.LEFT img{
	margin:0;}

/* ======大師介紹====== */
.LEFT .MAIN{
	clear:both;
	width:670px;
	overflow:hidden;
	margin-left:28px;}
.LEFT .MAIN p{
	font:15px/26px Arial, "新細明體";
	color:#444;
	margin-bottom:20px;
	text-align:justify;}
.LEFT .MAIN p.ITEM{
	font:18px/26px "微軟正黑體", Helvetica, Arial;
	color:#555;
	margin-bottom:10px;
	margin-left:20px;
	font-weight:bold;
	text-align:justify;}
.LEFT .MAIN p.ITEM_2{
	font:16px/26px "微軟正黑體", Helvetica, Arial;
	color:#555;
	font-weight:bold;}
.LEFT .MAIN p.ITEM_3{
	font:16px/26px "微軟正黑體", Helvetica, Arial;
	color:#637381;
	font-weight:bold;}
.LEFT .TO_SAMAREA{
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/02_title_02.png);
	width:670px;
	height:30px;
	margin-left:28px;}
.LEFT .TO_SAMAREA .MENU_TOSAM{
	width:465px;
	height:26px;
	float:right;       /* ===float=== */
	font:12px/26px "新細明體", Arial;
	font-weight:normal;
	color:#fff;
	padding-top:2px;}

.TO_SAMAREA .MENU_TOSAM ul{
	width:465px;}
.TO_SAMAREA .MENU_TOSAM li{
	float:left;       /* ===float=== */
	text-align:right;}
.TO_SAMAREA .MENU_TOSAM li h3{
	display:block;
	width:80px;
	height:26px;
	font:12px/26px "新細明體", Arial;
	font-weight:normal;
	color:#fff;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/button_bg01.png);}
.TO_SAMAREA .MENU_TOSAM li a{
	display:block;
	width:80px;
	height:26px;
	font:12px/26px "新細明體", Arial;
	font-weight:normal;
	color:#fff;
	text-decoration:none;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/button_bg01_2.png);}
.TO_SAMAREA .MENU_TOSAM li a:hover{
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/button_bg01.png);}
.TO_SAMAREA .MENU_TOSAM li.SAM03 h3{
	width:70px;}
.TO_SAMAREA .MENU_TOSAM li.SAM03 a{
	width:70px;}
.TO_SAMAREA .MENU_TOSAM li.SAM04 h3{
	width:70px;}
.TO_SAMAREA .MENU_TOSAM li.SAM04 a{
	width:70px;}

.TO_SAMAREA .MENU_TOSAM li.SAM06 h3{
	width:85px;
	text-align:center;}
.TO_SAMAREA .MENU_TOSAM li.SAM06 a{
	width:85px;
	text-align:center;}
/* ======免費說明會====== */
.TABLE_01{
	font:17px/30px "新細明體", Arial;
	color:#555;
	font-weight:bold;
	height:40px;}
.TABLE_02{
	font:15px/30px "新細明體", Arial;
	color:#222;
	font-weight:normal;
	height:30px;}
a.SIGN_UP{
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/button_bg03.png);
	font:12px/22px "新細明體", Arial;
	display:block;
	width:65px;
	height:22px;
	font-weight:normal;
	text-align:center;
	color:#fff;
	text-decoration:none;
	margin-top:3px;
	padding-top:2px;}
a.SIGN_UP:hover{
	text-decoration:underline;}
	
.TABLE_03{
	font:17px/30px "新細明體", Arial;
	color:#555;
	font-weight:bold;
	height:40px;
	padding-top:4px;}
.LEFT .MAIN p.EX_01{
	font:15px/26px Arial, "新細明體";
	color:#444;
	margin-bottom:5px;}
	
/* ======學員分享經驗(圖片輪播)====== */
.LEFT .MEDIA_R{
	width: 730px;
	height: 285px;
	position:relative;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/06_02.png);
}
.LEFT .MEDIA_R .MEDIA_R_LEFT,
			   .MEDIA_R_RIGHT{
	width: 316px;
	height: 180px;
	overflow: hidden;
	position: absolute;
	top: 50px;
	z-index: 1;
}
.LEFT .MEDIA_R .MEDIA_R_LEFT{
	left: 20px;}
.LEFT .MEDIA_R .MEDIA_R_RIGHT{
	right: 20px;}
.LEFT .MEDIA_R .MEDIA_R_CENTER{
	width: 500px;
	height: 285px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 125px;
	z-index: 2;
}
.LEFT .MEDIA_R a.PREV,
		       a.NEXT{
	background: #ccc;
	color: #fff;
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 2px rgba( 0, 0, 0, 0.6 );
	line-height: 40px;
	display: block;
	width: 20px;
	height: 40px;
	margin-top: -15px;
	position: absolute;
	top: 130px;
	z-index: 0;}
.LEFT .MEDIA_R a.PREV{
	left: 0;
	padding-left:3px;}
.LEFT .MEDIA_R a.NEXT{
	right: 0;}
.LEFT .MEDIA_R a.PREV:hover,
			   a.NEXT:hover{
	background: #bbb;}

.MAIN .WHO a{
	font:15px/28px "新細明體", Arial;
	font-weight:bold;
	color:#215093;
	text-decoration:none;}
.MAIN .WHO a:hover{
	text-decoration:underline;}	
/*.MAIN span.MAP{
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/map.gif);
	display:block;
	width:44px;
	height:23px;
	text-indent:-9999px;
	float:right;          ===float=== 
	margin-top:3px;
	margin-right:2px;}
.MAIN span.MAP a{
	display:block;
	width:44px;
	height:23px;}*/

/* ======課程介紹====== */
.MAIN .LL{
	width:320px;
	height:180px;
	padding:5px;
	float:left;          /* ===float=== */
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/03_320180_bg.jpg);}
.MAIN .RR{
	width:320px;
	height:180px;
	padding:5px;
	float:right;          /* ===float=== */
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/03_320180_bg.jpg);}
.MAIN .LL_2{
	width:270px;
	overflow:hidden;
	padding:5px;
	float:left;          /* ===float=== */}
.MAIN .RR_2{
	width:370px;
	overflow:hidden;
	padding:5px;
	float:right;          /* ===float=== */}
.TABLE_04{
	font:13px/26px "新細明體", Arial;
	color:#222;
	overflow:hidden;}
.TABLE_05{
	font:17px/30px "新細明體", Arial;
	color:#555;
	font-weight:bold;}
.TABLE_06{
	font:13px/26px "新細明體", Arial;
	color:#222;
	letter-spacing:-1px;
	overflow:hidden;}


/* ======右欄====== */
.RIGHT{	
	width:302px;
	float:right;/* ===float=== */}
.RIGHT .BOX{
	overflow:hidden;}
.RIGHT .TITLE{
	font-family:"微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/right_title.png);
	width:300px;
	height:31px;
	padding-left:15px;}
.RIGHT .TITLE h3{
	padding-top:3px;	
	line-height:28px;
	font-size:16px;
	color:#333333;
	float:left;       /* ===float=== */}
.RIGHT .TITLE h3.RED{
	color:#b81600;}
.RIGHT .TITLE h5{
	padding-top:11px;
	line-height:13px;
	font-size:13px;
	color:#7b7b7b;
	float:left;       /* ===float=== */}
.RIGHT .CONTENT{
	clear:both;
	width:270px;
	overflow:hidden;
	margin:15px auto;}
/* ======最新開課日期====== */
.RIGHT .CONTENT h3{
	font:16px/1.6 "微軟正黑體", Helvetica, Arial;
	font-weight:bold;}
.RIGHT .CONTENT h3.STATION{
	clear:both;
	float:left;       /* ===float=== */
	color:#5f5f5e;
	margin-right:5px;}
.RIGHT .CONTENT h3.TIME{
	color:#b33701;}
/* ======最新免費課程說明會====== */
.RIGHT .CONTENT .CONTENT02_LL{
	clear:both;
	float:left;       /* ===float=== */
	width:220px;
	overflow:hidden;
	margin-right:5px;}
.RIGHT .CONTENT .CONTENT02_LL h3{
	float:left;       /* ===float=== */
	font:16px/1.6 "微軟正黑體", Helvetica, Arial;
	font-weight:bold;
	color:#333;}
.RIGHT .CONTENT .CONTENT02_LL h3.FREE{
	color:#6b8b07;}
.RIGHT .CONTENT .CONTENT02_RR{
	float:right;       /* ===float=== */
	width:55px;}
.RIGHT .CONTENT .CONTENT02_RR a{
	font:12px/22px "新細明體", Arial;
	display:block;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/button_bg01.png);
	width:55px;
	height:22px;
	font-weight:normal;
	text-align:center;
	color:#fff;
	text-decoration:none;}
/* ======熱門影音推薦====== */
.RIGHT .CONTENT .MOVIE_BG{
	width:195px;
	height:138px;
	background-color:#FFF;
	border:solid 1px #b9b8bc;
	padding:8px;
	margin:0 auto;}
.RIGHT .CONTENT .MOVIE{
	width:139px;
	height:95px;
	padding-top:43px;
	padding-left:56px;}
.RIGHT .CONTENT .MOVIE a{
	display:block;
	width:82px;
	height:52px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/195x138/play.png);
	text-indent:-9999px;}	
.RIGHT .CONTENT a{
	display:block;
	font-family:"新細明體", Arial;
	font-size:16px;
	line-height:1.8;
	color:#4561a7;
	text-align:center;
	text-decoration:none;
	font-weight:bold;}	
.RIGHT .CONTENT a:hover{
	text-decoration:underline;}
/* ======站內廣告240240====== */
.CF_240240{
	width:240px;
	height:240px;
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/240x240_bg.png);
	padding:20px 30px;
	margin-bottom:15px;}

/* ======預約專人說明====== */
.RIGHT .BOX_Y{
	background-color:#f0ece2;
	overflow:hidden;}
.RIGHT .CONTENT_TABLE{
	clear:both;
	width:300px;
	height:200px;
	margin:15px auto 0 auto;
	font:16px/24px "微軟正黑體", Helvetica, Arial;
	font-weight: bold;
	color:#333333;
	position:relative;}
.RIGHT .CONTENT_TABLE .C_NAME{
	position: absolute;
	top: 0px;
	left: 15px;
	width: 150px;
	height: 24px;}
.RIGHT .CONTENT_TABLE .C_GENDER{
	position: absolute;
	top: 0px;
	left: 165px;
	width: 140px;
	height: 24px;
}
.RIGHT .CONTENT_TABLE .C_PHONE{
	position: absolute;
	top: 30px;
	left: 15px;
	width: 270px;
	height: 24px;}
.RIGHT .CONTENT_TABLE .C_MAIL{
	position: absolute;
	top: 60px;
	left: 15px;
	width: 270px;
	height: 24px;}
.RIGHT .CONTENT_TABLE .C_TIME{
	position: absolute;
	top: 90px;
	left: 15px;
	width: 270px;
	height: 24px;}
.RIGHT .CONTENT_TABLE .C_VERIF{
	position: absolute;
	top: 120px;
	left: 15px;
	width: 270px;
	height: 24px;}
.RIGHT .CONTENT_TABLE .C_IMG{
	position: absolute;
	top: 120px;
	left: 70px;
	width: 120px;
	height: 25px;}

.RIGHT .CONTENT_TABLE .C_LINK{
	position: absolute;
	top: 150px;
	left: 70px;
	width: 200px;
	height: 24px;
}
.RIGHT .CONTENT_TABLE .C_LINK p{
	font:13px/24px "新細明體", Arial;
	font-weight:normal;
	text-align:left;}
.RIGHT .CONTENT_TABLE .C_LINK span{
	font:13px/24px "新細明體", Arial;}
.C_LINK a{
	font:13px/24px "新細明體", Arial;
	color:#4561a7;
	font-weight:normal;
	text-align:left;	
	text-decoration:none;}
.C_LINK a:hover{
	text-decoration:underline;}
.RIGHT .CONTENT_TABLE a.C_BUTTON{
	background-image:url(https://gimgs.click108.com.tw/course/2014-00006/images/button_bg03.png);
	font:12px/22px "新細明體", Arial;
	display:block;
	width:70px;
	height:22px;
	font-weight:normal;
	text-align:center;
	color:#fff;
	text-decoration:none;
	position: absolute;
	top: 175px;
	left: 120px;}
.RIGHT .CONTENT_TABLE a.C_BUTTON:hover{
	text-decoration:underline;}
.RIGHT .CONTENT p{
	font:13px/24px "新細明體", Arial;
	font-weight:normal;
	text-align:center;}
/* ======站外廣告300250====== */
.CF_300250{
	width:300px;
	height:250px;
	background-color:#ab714e;
	padding:1px;
	margin-bottom:15px;}
		
/* ======文字====== */
.txt01{
	font:16px/26px "新細明體", Arial;
	color:#c00;}
.txt02{
	font:13px/26px "新細明體", Arial;
	color:#222;}
.txt03{
	font:16px/26px "新細明體", Arial;
	color:#1e5780;
	font-weight:bold;}
.txt04{
	font:15px/30px "新細明體", Arial;
	color:#222;}
.txt05{
	font:16px/26px "新細明體", Arial;
	color:#222;
	font-weight:bold;}
.txt06{
	font:16px/26px "微軟正黑體", Helvetica, Arial;
	color:#637381;
	font-weight:bold;}
.txt07{
	font:16px/26px "微軟正黑體", Helvetica, Arial;
	color:#00589c;
	font-weight:bold;}
.txt08{
	font:13px/26px "新細明體", Arial;
	color:#222;
	font-weight:bold;}