/**
 *  use CSS Classes for Slopoo studio
 *  Copyright (c) 2009-2012 Varmus Lin (http://www.slopoo.com.tw/)
 *  varmus@slopoo.com.tw
 *  Dual licensed under the MIT and GPL licenses:
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 */

@charset "utf-8";
/* CSS Document */
body { position:relative; }
#wrapper {
	position:relative;
	overflow:hidden;
}

/* QRcode */
#box_qrcode {
	position:fixed;
	top:195px;
	right:0;
	background:url(../images/default/qrcode_prev.png) no-repeat left top;
	width:109px;
	height:111px;
	z-index:999;
}
#box_qrcode.over{ background:#ff3; }
#box_qrcode .qr_bg img{ margin:5px 4px; }
#box_qrcode img { display:none; }
#box_qrcode.over .qr_bg img { display:block; }

/* 會員專區 */
#box_member {
	display:block;
	position:absolute;
	background:url(../images/default/mamber_bg.png) repeat-x left top;
	width:100%;
	height:31px;
	left:0;
	top:0;
}
#box_login { display : none; }
.box_member_open {
	background:url(../images/default/member_open.png) no-repeat left top;
	width:16px;
	height:8px;
	position:absolute;
	bottom:-30px;
	right:0;
}
.member { }
.member_l {
	float:left;
	width:48%;
}
.member_l a, .member_l a:hover { color:#008aff; }
.member_r {
	float:right;
	width:9%;
	text-align:right;
	color:#000000;
}
.member_r a { color:#000000;/*#AFAEAE;*/ }
.inline_colorbox { display:none; }
.member_help {
	width:740px;
	padding:30px 30px 15px;
	background:#FFFF33;
	overflow:hidden;
}
.member_help h3 {
	display:block;
	margin:0 0 15px;
}
.member_help ol {
	margin-bottom:10px;
	padding:30px 0 30px;
	border-bottom:1px dotted #999;
}
.member_help li {
	margin-left:20px;
	list-style:decimal outside none;
}
.member_help .form_btn {
	float:right;
	border-radius:0px;
}

/* 區塊上 */
#box_banner { margin-bottom:14px; }

/* Slider */
#sliderx {							/*slider_detail寬高*/
	margin:0 auto;
	height:390px;
	width:960px;
}
#sliderx .mask {
	width:960px;
	height:390px;		/*slider遮罩寬高*/
}
#sliderx .items_bar li {
	width:960px;
	height:390px;		/*內容區寬高自定，一般同遮罩區*/
}
#sliderx .arrow {				/*設定左右按鈕定位及寬高*/
	width:28px;
	height:46px;
	top:171px;
}
#sliderx .arrow.arrow_prev {	/*設定左右按鈕定位及背景*/
	background:url(../images/default/arrow_prev.png) left center no-repeat;
	left:0px;
}
#sliderx .arrow.arrow_next {	/*設定左右按鈕定位及背景*/
	background:url(../images/default/arrow_next.png) right center no-repeat;
	right:0px;
}

/* partners_slider */

.partners_slider {							/*slider_detail寬高*/
	margin:0;
	height:54px;
	width:100%;
}
.partners_slider .mask {
	margin:0 auto;
	width:840px;
	height:54px;		/*slider遮罩寬高*/
}
.partners_slider .items_bar li {
	width:140px;
	height:54px;			/*內容區寬高自定，一般同遮罩區*/
	float:left;
}
.partners_slider .items_bar li a{ margin-top:10px;}
.partners_slider .arrow {				/*設定左右按鈕定位及寬高*/
	width:20px;
	height:54px;
	top:0px;
}
.partners_slider .arrow.arrow_prev {	/*設定左右按鈕定位及背景*/
	background:url(../images/default/arrow2_prev.png) left center no-repeat;
	left:0px;
}
.partners_slider .arrow.arrow_next {	/*設定左右按鈕定位及背景*/
	background:url(../images/default/arrow2_next.png) right center no-repeat;
	right:0px;
}

/* 主要資訊區 */

#page {
	background:url(../images/default/bg_02.jpg) repeat left top;
	overflow:hidden;
}
.page_content {
	background: #dfdfdf;
	background: -moz-linear-gradient(top, #dfdfdf 0%, #ffffff 15%, #ffffff 100%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #dfdfdf), color-stop(15%, #ffffff), color-stop(100%, #ffffff), color-stop(100%, #ffffff));
	background: -webkit-linear-gradient(top, #dfdfdf 0%, #ffffff 15%, #ffffff 100%, #ffffff 100%);
	background: -o-linear-gradient(top, #dfdfdf 0%, #ffffff 15%, #ffffff 100%, #ffffff 100%);
	background: -ms-linear-gradient(top, #dfdfdf 0%, #ffffff 15%, #ffffff 100%, #ffffff 100%);
	background: linear-gradient(to bottom, #dfdfdf 0%, #ffffff 15%, #ffffff 100%, #ffffff 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dfdfdf', endColorstr='#ffffff', GradientType=0 );
	padding:17px 19px;
	overflow:hidden;
}
.page_content_bg {
	background:url(../images/my/index_page_bg.png) repeat-y left top;
	overflow:hidden;
}

/* 最新消息 */
#box_news {
	position:relative;
	float:left;
	width:210px;
	margin-right:60px;
}
.news_title { margin-bottom:5px; }
#box_news .tab_header {
	position:absolute;
	right:0;
	top:8px;
}
#box_news .tab_header li {
	float:left;
	background:url(../images/default/icon_03.png) no-repeat left top;
	width:10px;
	height:9px;
	margin-right:3px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
#box_news .tab_header li:hover, #box_news .tab_header li.on { background:url(../images/default/icon_04.png) no-repeat left top; }
.tab_detail {
	width: 100%;
	margin:0;
	padding:0;
	visibility:hidden;
}
.tab_body {
	width: 100%;
	margin:0;
	padding:0;
	position:relative;
	overflow:hidden;
}
.tab_body .tab_item {
	position:absolute;
	visibility:hidden;
	line-height:1.4;
}
.tab_body .tab_item a { line-height:1.4; }
.tab_item.on {
	position:relative;
	visibility:visible;
}
.news_time {
	display:block;
	color:#ff3600;
	font-weight:bold;
}

/* 活動公告 */
#box_activities {
	float:left;
	width:365px;
	margin-right:40px;
}
.activities_left {
	float:left;
	width:145px;
	height:97px;
	margin-right:10px;
	border:#a7a8a7 1px solid;
	padding:1px;
}
.activities_left img { }
.activities_right {
	float:left;
	width:200px;
}
.activities_title { margin-bottom:5px; }
.activities_content { }
.activities_content li, .activities_content li a { line-height:1.4; }
.activities_content li a:hover {
	color:#019391;
	font-weight:bold;
	padding:0 0 0 1em;
}

/* 聯絡我們 */
#box_course {
	float:left;
	width:245px;
}
.course_title { margin-bottom:5px; }
.course_content { font-size:12px; }
.course_content li, .course_content li a { line-height:1.4; }
.course_content li a:hover {
	color:#019391;
	font-weight:bold;
	padding:0 0 0 1em;
}
/* Footer */
footer {
	position:relative;
	background:url(../images/default/bg_02.jpg) repeat left top;
	overflow:hidden;
}
#footer {
	background:#ffffff;
	padding:25px 0 15px 0;
	overflow:hidden;
}
footer nav {
	position:relative;
	border-top:#cecfce 1px solid;
	border-bottom:#cecfce 1px solid;
	padding:10px 0;
	margin:0 19px 18px 19px;
	color:#5b6c8e;
	font-size:13px;
	font-weight:bold;
}
ul.footer_menu {
	display:inline-table;
	overflow:hidden;
}
ul.footer_menu li {
	float:left;
	padding:0 11px;
	border-right:#9e9f9d 1px dotted;
}
ul.footer_menu li a { color:#5b6c8e; }
ul.footer_menu li a:hover { color:#ff3600; }
ul.footer_link { display:inline-table; }
ul.footer_link li {
	float:left;
	padding:0 4px;
}
footer .text {
	float:left;
	width:50%;
	color:#000000;/*#444343;*/
	font-size:11px;
	margin-left:19px;
}
footer .copyright {
	float:right;
	width:45%;
	color:#000000;/*#444343;*/
	font-size:11px;
	text-align:right;
	margin-right:19px;
}
footer .copyright a, footer .copyright a:hover { color:#000000;/*#444343;*/ }

/* 網站搜尋 */
.box_search {
	position: absolute;
	top:10px;
	right:0px;
}
#keyword { width: 90px; }
.box_search span.err { border:1px solid red; }

/*box_sitemap*/
#box_sitemap { visibility:hidden; }

/* 合作夥伴 */
#box_partners {
	background:#cecfce;
	padding:5px 19px;
}
.partners_arrow {
	position:absolute;
	left:230px;
	top:26px;
}
.fb_like .fb-like span { overflow:hidden; }