@charset "big5";
/* CSS Document */
body{
	font: 14px Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", "LiHei Pro", "儷黑 Pro", "新細明體", "PMingLiU", sans-serif;
	}
.top-all{
	background:url(/webeip/HT01010/img/head_bg.png);
	height:136px;
	position:relative;
	background-position: -50px;
}
.tail-all{
	background:url(/webeip/HT01010/img/footer_bg.png);
	height:242px;
	color: #fff;
	font-size: 13px;
	line-height: 1.8;
}
#footer_info {
float: left;
margin-top: 95px;
margin-left: 20px;
}
#footer_info a { color:#fff; text-decoration: none; }
#footer_info a:hover { color:#009fe1; text-decoration: underline; }
#footer_view {
float: right;
margin-top: 179px;
margin-right:20px;
}
#quick_menu {
	margin-top:10px;
}
#quick_menu li {
	float:left;
	margin-left: 20px;
	
}
/* Navigation */
	#navi					{ width:498px; margin-left:0px;position: absolute;top: 0;left: 184px;}
	#navi li a				{display:block; height:24px;}
	#navi ul li				{float:left; }
	#navi li.navMu_1 a		{ width:37px; margin-top:63px; background:url(/webeip/HT01010/img/navi_home.png);}
	#navi li.navMu_1 a:hover{ background:url(/webeip/HT01010/img/navi_home2.png);}
	#navi li.navMu_2 a		{ width:71px; margin:67px 0 0 41px; background:url(/webeip/HT01010/img/navi_intro.png);}
	#navi li.navMu_2 a:hover{ background:url(/webeip/HT01010/img/navi_intro2.png);}
	#navi li.navMu_3 a		{ width:117px; margin:73px 0 0 5px; 
                                background:url(/webeip/HT01010/img/navi_skii.png);}
	#navi li.navMu_3 a:hover{ background:url(/webeip/HT01010/img/navi_skii2.png);}
	#navi li.navMu_4 a		{ width:71px; margin:56px 0 0 3px; background:url(/webeip/HT01010/img/navi_coach.png);}
	#navi li.navMu_4 a:hover{ background:url(/webeip/HT01010/img/navi_coach2.png);}
	#navi li.navMu_5 a		{ width:71px; margin:26px 0 0 3px; background:url(/webeip/HT01010/img/navi_vip.png);}
	#navi li.navMu_5 a:hover{ background:url(/webeip/HT01010/img/navi_vip2.png);}
	#navi li.navMu_6 a		{ width:71px; margin:54px 20 0 2px; background:url(/webeip/HT01010/img/navi_gallery.png);}
	#navi li.navMu_6 a:hover{ background:url(/webeip/HT01010/img/navi_gallery2.png);}
/* Other Link */
	#othLink				{ width:160px; position:absolute; top:0; right:0;}
		#btn_join			{ float:left;}
		#btn_join	a		{ width:117px; height:111px; display:block; background:url(/webeip/HT01010/img/navi_join.png);}
		#btn_join	a:hover	{ background:url(/webeip/HT01010/img/navi_join2.png);}
		
		#vipLink			{ float:right;}
		#vipLink li			{ display: inline; padding-left:5px;}
		#vipLink	a		{ text-decoration:underline;}
#main-warp{
	width:960px;
	margin:0 auto;
}
/********** Main Info **********/
#MainInfo						{ float:right; width:965px; height:309px; margin-top:3px; background: url(http://www.juj.com.tw/eWeb_juj/images/top_images/maininfo_bg.png) 50% 0 no-repeat;}
#MInfo_Wrapper					{ width:960px; height:300px; margin:3px 0 0 2px;}
/* Ads */
	#ads						{ float:left; width:234px; padding:10px 0 10px 10px; border-left:1px solid #CCC;}
	#ads_title					{ }
	#ads_logo					{ margin-top:9px; width:234px;}
	#ads_logo ul				{ width:234px;}
	#ads_logo li				{ float:left; width:72px; height:80px; border:1px solid #CCC; margin:0 4px 4px 0; }
			#ads_logo li:nth-child(3n)	{ margin-right:0;}
	#ads_logo img				{ width:72px; height:80px;}
	#ads_logo li a:hover img	{ border-bottom:1px solid #FFF; border-right:1px solid #FFF; }
/* Slider */
	#slider						{ float:left; width:710px; height:300px;}
	
/********** Content **********/
/***** Right Side *****/
#right_column					{ float:right; width:230px; margin:15px 2px 0 0;}
/* Search */
	#search						{ float: left; width:230px; height:43px;}
	#searchbar					{ float: left; width:168px; height:43px; background:url(http://www.juj.com.tw/eWeb_juj/images/top_images/search_field.png) no-repeat;}
	#search_btn 				{ float: left; width:62px; height:43px;}
	
/* news */
	#news_container				{ float: left; width:230px; margin-top:15px;}
	#news_head					{ width:100%;}
	#news_info					{ width:220px; padding:0 5px; margin-top:15px; line-height:1.5em;}
		#news_info span			{ display:block; color:#09C;}
		#news_info span img		{ vertical-align: middle; margin-left:5px;}
	#news_info	a				{ color:#000;}
	#news_info	a:hover			{ color:#666;}
	
/* YouTube */
	#youtube					{ float: left; width:230px; margin-top:15px;}
	#youtube iframe { margin-top:5px; }
		
	
/* FB */
	#fb							{ float: left; width:230px; margin-top:15px;}
/* Link */
	#link_container				{ float: left; width:230px; margin-top:10px;}
	#link_head					{ width:100%;}
	#link_container	li			{ width:100%; height:50px; margin-top:10px;}
	#link_container	li img			{ width:228px; height:48px; border:1px solid #CCC;}
/***** left Side *****/
#left_column					{ float:left; width:720px; margin-top:15px;}
	.event_container			{ float:left; width:221px; height:315px; margin:0 20px 20px 0; border:1px solid #CCC; background-color:#e6eef2; -moz-box-shadow:0 1px 3px #999999; -webkit-box-shadow:					0 1px 3px #999999 ;box-shadow:0 1px 3px #999999;}
		.event_container:nth-child(3n)	{ margin-right:0;}
	.event_title				{ width:214px; height:27px; border-bottom:1px solid #1A4B7D; padding:7px 0 0 7px; background:#2160a0; font-size:20px; color:#FFF;}
	.event_img					{ width:100%; height:106px; border-bottom:1px solid #999; background-color:#999}
		.event_img img			{ width:221px; height:106px;}
	.event_content				{ width:201px; height:115px; padding:10px; overflow:hidden;}
	.event_footer				{ width:211px;  height:33px; background:url(../images/event_footer.jpg) no-repeat; text-align:right; padding:5px 10px 0 0}
	.event_module {width:221px;}
	
/***** left side normal *****/
#left_column_normal             { float:right; width:720px; margin:15px 10px 0 0;}
    .normal_container           { float:left; width:720px; margin:0 20px 20px 0; border:1px solid #CCC; background-color:#e6eef2; -moz-box-shadow:0 1px 3px #999999; -webkit-box-shadow:					0 1px 3px #999999 ;box-shadow:0 1px 3px #999999;}
    .normal_title				{ width:713px; height:27px; border-bottom:1px solid #1A4B7D; padding:7px 0 0 7px; background:#2160a0; font-size:20px; color:#FFF;}
	.normal_content				{ width:716px; height:auto; overflow:hidden; padding: 7px;}
	.normal_footer				{ width:730px;  height:33px; background:url(../images/event_footer.jpg) no-repeat; text-align:right; padding:5px 10px 0 0}
    
.clr { clear:both; padding:0; margin:0;}
.row { margin: 0px; }
.pager
{
    margin: 8px 3px;
    padding: 3px;
}
 
    .pager .disabled
    {
        border: 1px solid #ddd;
        color: #999;
        margin-top: 4px;
        padding: 3px;
        text-align: center;
    }
 
    .pager .current
    {
        background-color: #6ea9bf;
        border: 1px solid #6e99aa;
        color: #fff;
        font-weight: bold;
        margin-top: 4px;
        padding: 3px 5px;
        text-align: center;
    }
 
    .pager span, .pager a
    {
        margin: 4px 3px;
    }
 
    .pager a
    {
        border: 1px solid #aaa;
        padding: 3px 5px;
        text-align: center;
        text-decoration: none;
    }
	
	
/* Mailbox
------------------------------*/
#mailbox_wrap { width:960px; margin:20px auto; padding:0 20px; }	
.mailbox_contact { float: left; width: 585px; padding-right: 10px; }
.mailbox_contact p { margin-bottom:10px; line-height:22px; font-size:15px; font-family: "微軟正黑體", "新細明體", Arial, sans-serif; }
.mailbox_note { margin:20px 0 10px 0; font-size:13px; color:#555; line-height:22px; }
.mailbox_info { margin:20px 0 10px 0; font-size:13px; color:#333; line-height:22px; }
.mailbox_sidebar { float:right; width:280px; }
/* remit & about
------------------------------*/
#remit, #about { width:860px; margin:30px auto; font-size:15px; line-height:26px;  }
#about { padding:0 50px 0 30px; background:url(http://www.juj.com.twhttp://www.juj.com.tw/eWeb_juj/html/images/about_bg.png) no-repeat right bottom; }
#remit p, #about p { margin-bottom:15px; }
#remit h4, #about h4 { font-size:18px; font-weight:bold; line-height:30px;}
#remit strong, #about strong { font-weight:bold; color:#e10000;}
/*=============== page ===============*/
#page_wrap { width:960px; margin:0 auto; padding:25px 0; font:normal 13px/24px Helvetica, "微軟正黑體", "新細明體", Arial, sans-serif; color:#555; }
#page_wrap p { font:normal 13px/24px Helvetica, "新細明體", Arial, sans-serif; margin-bottom:15px; }
/*br height*/
.br01{ height:10px; }
.br02{ height:20px; }
.br03{ height:30px; }
.br04{ height:40px; }
/*col*/
.col2_wrap { margin-bottom:15px; }
.col2_s01L { overflow:hidden; float:left; width:580px; }
.col2_s01R { overflow:hidden; float:right; width:150px; }
.col2_s02L { overflow:hidden; float:left; width:490px; }
.col2_s02R { overflow:hidden; float:right; width:252px; }
.col2_s03L { overflow:hidden; float:left; width:490px; }
.col2_s03R { overflow:hidden; float:right; width:270px; }
/*list*/
.info_list { list-style:disc; margin:10px; padding-left:10px; }
.info_list li { padding-left:5px; }
.number_list, .number_list li { list-style:decimal; margin-left:15px; padding-left:1px; }
.number_list li ul li { list-style:lower-alpha; margin-left:18px; }
.tip { color:#ff5a00; }
#gotop { display: none; position: fixed; right: 50px; bottom: 20px; padding: 5px 10px; font-size: 13px; background: rgba(63, 188, 239, 0.68); color: white; cursor: pointer; }
/*---------- ski_sidebar & classroom_sidebar ----------*/
#page_wrap .ski_sidebar, #page_wrap .classroom_sidebar { float:left; width:165px; }
/*-- sidemenu --*/
ul#sidemenu, ul#sidemenu ul { list-style-type:none; margin: 0; padding:0; color:#093994; font: normal 15px/22px  "微軟正黑體", "新細明體", Arial, sans-serif; }
ul#sidemenu a { display: block; text-decoration: none; }
ul#sidemenu li {
  margin-bottom: 1px;
}
ul#sidemenu li a.country, ul#sidemenu li a.level { margin-top:3px;  }
ul#sidemenu li .region, ul#sidemenu li .sidemenu_title { padding:10px 10px 5px; border-top:1px dotted #85a2b2;}
ul#sidemenu li .first { border:none; }
ul#sidemenu li a {
  padding:6px 10px;
  background: #3fbcef;
  border-bottom:3px solid #bbe8ff;
  color: #fff; 
  font: normal 20px/28px "微軟正黑體", Arial, sans-serif, "新細明體";
  text-shadow: 0px 1px 1px #20a3d8;
}
ul#sidemenu li a:hover {
  background: #3fbcef;
  border-bottom:3px solid #bbe8ff;
}
ul#sidemenu li ul li:first-child { border:none; }
ul#sidemenu li ul li a {
  padding:5px 10px 5px 35px;
  background: url(http://www.juj.com.twhttp://www.juj.com.tw/eWeb_juj/images/top_images/icon.gif) no-repeat 25px 14px;
  border-bottom:none;
  color: #009fe1;
  font:normal 15px/22px "微軟正黑體", Arial, sans-serif, "新細明體";
  text-shadow: none;
}
ul#sidemenu li ul li a:hover,ul#sidemenu li ul .current a {
  color:#C00; 
  background: url(http://www.juj.com.twhttp://www.juj.com.tw/eWeb_juj/images/top_images/icon.gif) no-repeat 25px 14px;
  border:none;
}
.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }
/*--- ski_content & classroom_content ---*/
#page_wrap .ski_content, #page_wrap .classroom_content { float:right; width:770px; margin-bottom:20px; }
#page_wrap h2 { display:block; height:32px; line-height:32px; margin:0 0 15px; padding:0; background:url(http://www.juj.com.tw/eWeb_juj/html/images/ski/ski_title_icon.gif) no-repeat; color:#093994; font-size:20px;  font-weight:bold; text-indent:48px;}
#page_wrap h3 { display:block; height:26px; line-height:26px; margin:0 0 10px; padding:0; background: url(http://www.juj.com.tw/eWeb_juj/images/top_images/title_bg.gif) repeat 0 0; color:#093994; font-size:15px;  font-weight:bold; text-indent:0px;}
#page_wrap h3 i { color:#333; font-style:normal; }
.ski_title_img { overflow:hidden; width:770px; height:246px; margin-bottom:10px;  background:url(http://www.juj.com.tw/eWeb_juj/html/images/ski/shadow.png) no-repeat center bottom; }
.ski_title_img img { width:760px; vertical-align:bottom; border:5px solid #fff; }
.subtitle { margin-bottom:20px; font:normal 15px/24px Helvetica, "新細明體", Arial, sans-serif; color:#093994; }
.subtitle strong { font-weight:normal; padding:2px 5px; border-bottom: 5px solid #76d0fe; }
/*Ski service icon*/		
.ski_service_icon li { float:left; margin:0 10px 10px 0; }
.ski_service_icon a { display:block; width:51px; height:51px; background:url(http://www.juj.com.tw/eWeb_juj/html/images/ski/ski_service_icon.gif) no-repeat; cursor:pointer; }
.icon01 a { background-position:0 0;}
.icon02 a { background-position:-60px 0; }
.icon03 a { background-position:-120px 0; }
.icon04 a { background-position:-180px 0; }
.icon05 a { background-position:-240px 0; }
.icon06 a { background-position:-300px 0; }
.icon07 a { background-position:-360px 0; }
.icon08 a { background-position:-420px 0; }
.icon09 a { background-position:-480px 0; }
.icon10 a { background-position:-540px 0; }
.icon11 a { background-position:-600px 0; }
.icon01 a:hover { background-position:0 -60px; }
.icon02 a:hover { background-position: -60px; }
.icon03 a:hover { background-position:-120px -60px; }
.icon04 a:hover { background-position:-180px -60px; }
.icon05 a:hover { background-position:-240px -60px; }
.icon06 a:hover { background-position:-300px -60px; }
.icon07 a:hover { background-position:-360px -60px; }
.icon08 a:hover { background-position:-420px -60px; }
.icon09 a:hover { background-position:-480px -60px; }
.icon10 a:hover { background-position:-540px -60px; }
.icon11 a:hover { background-position:-600px -60px; }
.ski_content .col2_s01R img { width:150px; height:140px; }
/*ski_photo*/
.ski_photo img, .ski_content .col2_s02R img { border:1px solid #eee; margin-right:2px; padding:3px; background:#fff; }
/*table*/
.ski_content .table01 { padding:12px 10px 10px; background:#e3f5fe;  }
.ski_content .table01 table {  width:100%; background:#fff; border-collapse:collapse; font:normal 13px/24px Helvetica, "新細明體", Arial, sans-serif; color:#555; }
.ski_content .table01 td { padding:11px; border:1px solid #CAEDFF; }
.ski_content .table01 strong { display:block; margin-bottom:3px; }
/* classroom_content */
.classroom_content img { width:260px; height:165px; border:5px solid #fff; margin:5px auto 10px; }
.classroom_content strong { color:#333; font-weight:bold; }
.action_content { margin-bottom:10px; }