@charset "utf-8";
/* Outer Wrapper
================================================== */
body{
}
#outer-wrapper {
	width:100%;
	min-width:1200px;
	z-index:0;
	position:relative;
	background:url(../images/bg.png) no-repeat top center;	/* 上方背景圖 png */
}
.inner {		/* 內文區塊 */
	width:980px;
	margin:0px auto;
	background:#001932;
}

.in {
	width:980px;
	margin:0px auto;
}
.shadow {
	float:left;
	box-shadow:0px 5px 12px #000;
}
/* Header
================================================== */
#header {
	width:100%;
	float:left;
	position:relative;
	z-index:2;
}
#header .in {			/* Logo 背景 */
	/* background:url(../images/logo-bg.png) no-repeat 0px 50px; */
}
#header .container {
	width:980px;
	margin:0;
}
.top-bar {		/* 置頂區塊 */
	width:100%;
	height:12px;
	display:block;
	background:#055D9E;		/*金黃色#FFDF00*/
	position:absolute;
	z-index:2;
	/* box-shadow:0px 3px 3px #000;  區塊陰影 */
}

.nomarg {
	margin:0px !important;
}
.nopad-bot {
	padding-bottom:0px !important;
}
.nopad-top {
	padding-top:0px !important;
}
/* Logo
================================================== */
.logo {
	float:left;
	margin:32px 0px 23px 0px;
}
/* Top links
================================================== */
.top-links {
	float:right;
	position:relative;
	margin:0px 0px 0px 0px;
}
.top-links .leftnode{
	float:left;
	display:inline-block;
	width:35px;
	height:59px;
	/* background:url(../images/top-bg.png) no-repeat left; */
}
.top-links ul{
	float:left;
	display:inline-block;
	height:59px;
	padding:0px 35px 0px 0px;
	/* background:url(../images/top-bg.png) no-repeat right; */
}
.top-links li{
	float:left;
	padding:20px 20px 0px 20px;
	background:url(../images/sep1.png) no-repeat right 4px;
}
.top-links li a{
	font-size:11px;
	color:#828282;
}
/* Search Box
================================================== */
#search-box {
	width:231px;
	height:42px;
	padding:12px 12px 0px 15px;
	display:none;
	position:absolute;
	z-index:9000;
	top:40px;
	right:26px;
	background:url(../images/search.png);
}
#search-box input.bar{
	float:left;
	width:200px;
	height:25px;
	border:none;
	padding:0px;
	margin:2px 0px 0px 0px;
	font-size:11px;
	background:transparent;
	box-shadow:none;
}
#search-box button{
	box-shadow:none !important;
	border:none;
	width:29px;
	height:32px;
	padding:0px;
	font-size:11px;
	text-shadow:none;
	background:url(../images/mag.png) no-repeat center center #3d3d3d;
	border-radius:0px;
	float:right;
}
/* Top links
================================================== */
.mesage-box {
	float:right;
	margin:12px 0px 0px 0px;
}
.mesage-box h4{
	float:left;
	margin:5px 10px 0px 0px;
}
.mesage-box span{
	float:left;
}
/* Navigation  主選單
================================================== */
.navigation {
	width:100%;
	height:56px;
	float:left;
	border-radius:2px 2px 0px 0px;
	background:url(../images/navigation.gif) repeat-x top;
}
.ddsmoothmenu{
	float:left;
}
.ddsmoothmenu ul{
	z-index:999;
	margin:0;
	list-style-type:none;
	float:left;
}
.ddsmoothmenu ul li{
	position:relative;
	display:inline;
	float:left;
	padding:0px 0px 0px 0px;
}
.ddsmoothmenu>ul>li:first-child{
	
}
.ddsmoothmenu ul li a{
	display:block;
	padding:19px 20px 0px 20px;
	height:37px;
	color:#fff;
	text-decoration:none;
	font-size:18px;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
	text-transform:uppercase;
	text-shadow:1px 1px #000;
}
* html .ddsmoothmenu ul li a{
	display:inline-block;
}
.ddsmoothmenu ul li a:hover, .ddsmoothmenu ul li a.selected, .ddsmoothmenu ul li.current-menu-item a{
	background:url(../images/navigation_hover.gif) repeat-x top #0e0e0e;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
	color:#fff;
}

.ddsmoothmenu ul li ul{
	position:absolute;
	left:0;
	display:none;
	visibility:hidden;
	margin:0px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	background:#0e0e0e;
}
.ddsmoothmenu ul li ul li{
	display:list-item;
	float:left;
	padding:0px 5px;

	margin:0px;
}
.ddsmoothmenu ul li ul li:first-child{
	padding-top:5px;
}
.ddsmoothmenu ul li ul li.last{
	padding-bottom:5px;
}
.ddsmoothmenu ul li ul li ul{
	top:0;
	margin:5px 0px 0px -6px;
	background:#1e1e1f;
}
.ddsmoothmenu ul li ul li a{
	width:175px !important;
	display:block;
	height:24px;
	padding:6px 5px 0px 10px;
	margin:0;
	font-size:14px;
	border-radius:2px;
	border:none;
}
.ddsmoothmenu ul li ul li a:hover, .ddsmoothmenu ul li ul li a.selected{
	background:#1e1e1f !important;
}
.ddsmoothmenu ul li ul li ul li a{
	color:#fff !important;
}
* html .ddsmoothmenu{
	height: 1%;
}

/* Banner
================================================== */
#banner {
	float:left;
	width:100%;
	position:relative;
	z-index:3;
}
.nivoSlider {
	position:relative;
	width:100%;
	overflow:hidden;
}
.nivoSlider img {		/* 主圖圖片 */
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:380px;
	margin:0px auto;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block;
	position:absolute;
	z-index:5;
	height:100%;
}
.nivo-box {
	display:block;
	position:absolute;
	z-index:5;
}
/* Caption styles */
.nivo-caption {
	position:absolute;
	color:#fff;
	z-index:9985;
	bottom:36px;
	left:30px;
	opacity:1 !important;
}
.nivo-caption p{
	opacity:1 !important;
}
.nivo-caption h1.title{
	padding:10px;
	font-size:24px;
	float:left;
}
.nivo-caption .banner-text{
	float:left;
	width:356px;
	height:80px;
	padding:10px 80px 10px 15px;
	background:url(../images/caption.png) no-repeat 0px 0px;
}
.nivo-caption .banner-text p{
	line-height:20px;
}
.nivo-html-caption {
	display:none;
}
/* Direction nav styles (e.g. Next & Prev) Slide換頁按鈕 */
.nivo-directionNav {
	height:61px;
	width:61px;
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:9990;
	display:inline-block !important;
}
.nivo-directionNav a {
	z-index:9;
	cursor:pointer;
	text-indent:-9999px;
}
.nivo-prevNav {
	width:31px;
	height:61px;
	float:left;
	display:inline-block !important;
	background:url(../images/banner-arrows.png) no-repeat 0px 0px;
}
.nivo-prevNav:hover {
	background:url(../images/banner-arrows.png) no-repeat 0px -61px;
}
.nivo-nextNav {
	width:30px;
	height:61px;
	float:right;
	display:inline-block !important;
	background:url(../images/banner-arrows.png) no-repeat -30px 0px;
}
.nivo-nextNav:hover {
	background:url(../images/banner-arrows.png) no-repeat -30px -61px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
	position:relative;
	z-index:9;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* cosmetics */
.theme-default .nivoSlider {
	position:relative;
	background:#fff url(../images/ajax-loader.gif) no-repeat 50% 50%;
}
.theme-default .nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}
.theme-default .nivoSlider a {
	display:block;
}
.nivo-controlNav {
	left:49%;
	padding:5px 10px;
	position:absolute;
	border-radius:20px;
	bottom:20px;
	z-index:9990;
	box-shadow:0px 0px 2px #000;
	display:none;
}
/* Sub Page Banners
================================================== */
#subpage-banner {
	float:left;
	width:100%;
	overflow:hidden;
}
#subpage-banner a{
	float:left;
}
/* Small Banners
================================================== */
.small-banners {
	float:left;
	position:relative;
	overflow:hidden;
	box-shadow:0px 0px 3px #000;;
}
.small-banners:hover {
	box-shadow:0px 0px 6px #000;;
}
.small-banners a.thumb img{
	float:left;
}
.small-banners .sub-capt{
	float:left;
	position:absolute;
	bottom:0px;
	left:0px;
}
.small-banners .sub-capt h1{
	float:left;
}
.small-banners .sub-capt h1 a{
	background:url(../images/pink.png);
	color:#FFF;
	padding:2px 5px;
	line-height:31px;
}
.small-banners .sub-capt p{
	float:left;
	width:100%;
	padding:10px;
	color:#FFF;
	display:none;
	background:url(../images/black.png);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.small-banners:hover .sub-capt p{
	display:block;
}
/* Tabs Section
================================================== */
.tab-section {
	width:100%;
	float:left;
	background:#0e0e0e;
}
.tab-section .tab-head{
	width:100%;
	float:left;
	border-top:#535353 solid 1px;
	background:url(../images/pattern.gif);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.tab-section .tab-head .tab_menu_container{
	float:left;
}
.tab-section .tab-head ul{
	float:left;
}
.tab-section .tab-head ul li{
	float:left;
}
.tab-section .tab-head ul li a{
	float:left;
	color:#8f8f8f;
	font-size:20px;
	height:50px;
	cursor:pointer;
	padding:15px 20px 0px 20px;
	text-transform:uppercase;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.tab-section .tab-head ul li a:hover, .tab-section .tab-head ul li a.current{
	color:#fff;
	background:#0e0e0e;
}
.tab-list{
	display:none;
	float:left;
}
.tab-section .tab-list{
	float:left;
	width:100%;
	padding:20px;
	display:none;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/* News Listing
================================================== */
.news-list {
	width:100%;
	float:left;
}
.news-list li{
	width:268px;
	float:left;
	padding-left:18px;
	border-left:#0b0b0b solid 3px;
}
.news-list li.active{
	padding-left:0px;
	border:none;
	padding-right:18px;
}
.news-list li .thumb{
	position:relative;
	width:100%;
	float:left;
	margin-bottom:10px;
}
.news-list li .thumb a{
	box-shadow:0px 0px 3px #000;
}
.news-list li .thumb .date{
	padding:2px 5px;
	color:#FFF;
	font-size:14px;
	background:#1f1f1f;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.news-list li.active .thumb .date{
	position:absolute;
	bottom:0;
	left:0;
	padding:2px 5px;
	color:#FFF;
	font-size:14px;
	background:#e72359;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.news-list li h3{
	padding:10px 0px 5px 0px;
}
.news-list li p{
	color:#6b6a6a;
	padding-bottom:7px;
}
.news-list li{
	padding-top:10px;
	padding-bottom:10px;
}
.news-list li h3 a{
	color:#FFF;
}
/* Box Small
================================================== */
.box-small {
	width:100%;
	background:#0e0e0e;
	margin-top:20px;
	overflow:hidden;
}
.one-third .box-small:first-child {
	margin-top:0px;
}
.box-small .box-in{
	width:100%;
	padding:20px;
	overflow:hidden;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
/* Now Playing
================================================== */
.upcoming-classes {
	width:100%;
	float:left;
}
.upcoming-classes .thumb{
	width:100%;
	float:left;
	position:relative;
}
.upcoming-classes .thumb a{
	float:left;
}
.upcoming-classes .thumb span{
	position:absolute;
	bottom:0;
	left:0;
	padding:2px 5px;
	color:#FFF;
	font-size:18px;
	background:#e72359;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.upcoming-classes ul{
	width:100%;
	float:left;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.upcoming-classes ul li{
	width:100%;
	height:41px;
	float:left;
	margin:5px 0px 0px 0px;
	background:#161616;
}
.upcoming-classes ul li:first-child{
	margin-top:0px;
}
.upcoming-classes ul li .clock{
	width:32px;
	height:41px;
	float:left;
	background:url(../images/clock.png) no-repeat top center #161616;
}
.upcoming-classes ul li:hover .clock{
	background:url(../images/clock.png) no-repeat bottom center #161616;
}
.upcoming-classes ul li .cal{
	width:32px;
	height:41px;
	float:left;
	background:url(../images/cal.png) no-repeat top center #161616;
}
.upcoming-classes ul li:hover .cal{
	background:url(../images/cal.png) no-repeat bottom center #161616;
}
.upcoming-classes ul li h4{
	padding:12px 0px 0px 10px;
	float:left;
}
.upcoming-classes ul li h4 a{
	color:#FFF;
}
.upcoming-classes ul li p{
	float:right;
	color:#FFF;
	padding:10px 10px 0px 0px;
}
/* Blog Links
================================================== */
.blog-links {
	float:left;
}
.blog-links ul{
	float:left;
	width:100%;
}
.blog-links ul li{
	float:left;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:7px 0px 7px 13px;
	border-top:#1a1a1a solid 1px;
	background:url(../images/link.png) no-repeat 0px 11px;
}
.blog-links ul li:first-child{
	padding-top:0px;
	border-top:none;
	background:url(../images/link.png) no-repeat 0px 5px;
}
.blog-links ul li a{
	font-size:15px;
	color:#5b5b5b;
	display:block;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.blog-links ul li a span{
	float:right;
	font-size:12px;
	padding:1px 3px;
	display:inline-block;
	border:#001932 solid 1px;
	border-radius:7px;
}
/* Our Classes
================================================== */
.our-classes {
	float:left;
	width:100%;
}
.our-classes p{
	float:left;
	width:100%;
	padding:5px 0px;
}
.virtualpage {
	float:left;
	width:100%;
}
.virtualpage a{
	float:left;
}
.our-classes .cont-slider {
	width:100%;
}
.paginationstyle{
	width:100%;
	text-align:center;
	padding:2px 0;
	margin:10px 0;
}
.paginationstyle a{
	width:11px;
	height:11px;
	text-indent:-9999px;
	display:inline-block;
	background:url(../images/paging.png) no-repeat top;
}
.paginationstyle a:hover, .paginationstyle a.selected{
	background:url(../images/paging.png) no-repeat bottom;
}
/* Recent Posts
================================================== */
.recent-post {
	float:left;
}
.recent-post ul{
	float:left;
	width:100%;
}
.recent-post ul li{
	float:left;
	width:100%;
	padding:15px 0px 10px 0px;
	border-top:#191919 solid 1px;
}
.recent-post ul li:first-child{
	padding-top:0px;
	border:none;
}
.recent-post li h3 a{
	color:#FFF;
}
.recent-post li .date{
	padding:5px;
	color:#FFF;
	font-size:14px;
	display:inline-block;
	background:#1f1f1f;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.recent-post li:hover .date{
	background:url(../images/pink.png);
}
.recent-post li h3{
	padding:10px 0px 5px 0px;
}
.recent-post li p{
	color:#6b6a6a;
	padding-bottom:0px;
}
/* Categories
================================================== */
.tags-links {
	float:left;
}
.tags-links a{
	float:left;
	height:22px;
	color:#FFF;
	text-shadow:1px 1px #000;
	padding:0px 10px 0px 20px;
	margin:0px 5px 10px 0px;
	display:inline-block;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
	background:url(../images/tags-bg.png) no-repeat left top;
}
.tags-links a:hover{
	background:url(../images/tags-bg.png) no-repeat left bottom;
}
/* List with Thumb
================================================== */
.list-thumb {
	width:100%;
	float:left;
	font-size:11px;
}
.list-thumb ul{
	width:100%;
	float:left;
}
.list-thumb ul li{
	width:100%;
	float:left;
	padding-top:20px;
	margin-top:20px;
	position:relative;
	border-top:#ededed solid 1px;
}
.list-thumb ul li a.thumb{
	position:absolute;
	left:0;
	top:20px;
}
.list-thumb ul li:first-child{
	padding-top:0px;
	margin-top:0px;
	border-top:none;
}
.list-thumb ul li:first-child a.thumb{
	top:0px;
}
.list-thumb ul li .desc{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	width:100%;
	padding:0px 0px 0px 73px;
}
.list-thumb ul li .desc h5 a{
	color:#262626;
}
.list-thumb ul li .desc p{
	padding:5px 0px;
}
.readmore{
	font-size:11px;
	color:#2d2d2d !important;
	padding:0px 0px 0px 10px;
	background:url(../images/readmore.png) no-repeat 0px 2px;
}
/* Widget Links
================================================== */
.widget-links {
	width:100%;
	float:left;
}
.widget-links ul{
	width:100%;
	float:left;
}
.widget-links ul li{
	width:100%;
	height:25px;
	float:left;
	padding:0px 0px 0px 28px;
	margin:0px 0px 5px 0px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.widget-links ul li a{
	width:100%;
	font-size:12px;
	color:#4f4f4f;
	display:inline-block;
	margin:4px 0px 0px 0px;
	text-transform:uppercase;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.widget-links ul li a:hover{
	color:#000;
}
.widget-links ul li span{
	float:right;
	background:#FFF;
	display:inline-block;
}
.widget-links ul li span:first-child{
	float:left;
	background:#FFF;
}
/* Contact Widget
================================================== */
.contact-widget {
	width:100%;
	float:left;
	color:#666666;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.contact-widget p{
	font-size:14px;
	padding-bottom:10px;
}
.contact-widget h4{
	padding:10px 0px 5px 0px;
}
/* Pagination
================================================== */
 
/* Classes
================================================== */

.prod-sec {
	width:100%;
	float:left;
	background:#0e0e0e;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.prod-sec .prod-head{
	width:100%;
	height:50px;
	float:left;
	color:#FFF;
	text-transform:uppercase;
	padding:0px 0px 0px 15px;
	border-top:#535353 solid 1px;
	background:url(../images/pattern.gif);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.prod-sec .prod-head h2{
	float:left;
	color:#fff;
	padding:15px 0px 0px 0px;
}
.prod-sec .prod-controls{
	float:right;
	padding:10px 10px 0px 0px;
}
.prod-sec .prod-controls a{
	float:left;
	width:29px;
	height:29px;
	cursor:pointer;
	display:inline-block;
	background:url(../images/scrolling-arrows.png) no-repeat;
}
.prod-sec .prod-controls a#classPrevious{
	margin-right:3px;
}
.prod-sec .prod-controls a#classNext{
	background-position:-29px 0px;
}
.prod-sec .prod-controls a#classPrevious:hover{
	background-position:0px -29px;
}
.prod-sec .prod-controls a#classNext:hover{
	background-position:-29px -29px;
}
#classes-list{
	width:900px;
	margin:20px;
	overflow:hidden;
	float:left;
}
#classes-list ul{
	position:relative;
	padding:0;
}
#classes-list li{
	width:208px;
	float:left;
	overflow:hidden;
	margin:0px 20px 0px 0px;
}
#classes-list li .thumb{
	box-shadow:0px 0px 3px #000;
	float:left;
	position:relative;
	margin:0px 0px 15px 0px;
	border:#000 solid 1px;
}
#classes-list li .thumb span{
	position:absolute;
	bottom:0;
	left:0;
	padding:2px 5px;
	color:#FFF;
	font-size:12px;
	background:url(../images/black.png);
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
#classes-list li:hover .thumb span{
	background:url(../images/pink.png);
}
#classes-list li h2{
	padding:0px 0px 10px 0px;
}
#classes-list li h2 a{
	color:#fff;
}
/* Comments Section
================================================== */
.comments {
	width:100%;
	float:left;
	background:#0e0e0e;
	margin-top:20px;
}
.comments ul{
	width:100%;
	float:left;
	padding:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.comments ul li{
	float:left;
	width:100%;
	margin-top:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.comments ul li:first-child{
	margin-top:0px;
}
.comments ul li .com-in{
	float:left;
	width:100%;
	padding:20px;
	position:relative;
	background:#0a0a0a;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	box-shadow:0px 1px 3px #000;
	border-left:#000 solid 5px;
}
.comments ul li .avatar{
	float:left;
	width:48px;
	position:absolute;
	left:20px;
	right:0;
}
.comments ul li .avatar img{
	float:left;
}
.comments ul li .desc{
	float:right;
	width:100%;
	padding:0px 0px 0px 60px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	position:relative;
}
.comments ul li .desc h4{
	float:left;
}
.comments ul li .desc p.ago{
	float:right;
	color:#3a3a3a;
	font-size:10px;
	padding:3px 0px 0px 10px;
}
.comments ul li .desc p.txt{
	float:left;
	width:100%;
	color:#6b6a6a;
}
.comments ul li.leveltwo{
	background:url(../images/comments-sep.png) no-repeat 0px 0px;
	padding-left:20px;
	margin-top:0px;
}
.comments ul li.leveltwo .com-in{
	background:#0f0f0f;
}
.comments ul li.levelthree{
	background:url(../images/comments-sep.png) no-repeat 20px 0px;
	padding-left:40px;
	margin-top:0px;
}
.comments ul li.levelthree .com-in{
	background:#151515;
}
/* Leave A Reply Section
================================================== */
.leavereply {
	width:100%;
	float:left;
	background:#0e0e0e;
	margin-top:20px;
}
.forms ul{
	width:100%;
	float:left;
	padding:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.forms ul li{
	width:100%;
	float:left;
}
.forms ul li textarea{
	width:100%;
	height:120px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.forms ul li button{
	
}
/* Blog Page
================================================== */
.blog {
	width:100%;
	float:left;
}
/* Blog Post Page
================================================== */
.post {
	width:100%;
	float:left;
	margin-top:20px;
	background:#0d0d0d;
	position:relative;
	box-shadow:0px 0px 5px #000;
}
.blog .post:first-child {
	margin-top:0px;
}
.post span.image{
	width:30px;
	height:32px;
	float:left;
	left:-30px;
	top:18px;
	position:absolute;
	display:inline-block;
	background:url(../images/post-icon.gif) no-repeat 0px 0px;
}
.post span.link{
	width:30px;
	height:32px;
	float:left;
	left:-30px;
	top:18px;
	position:absolute;
	display:inline-block;
	background:url(../images/post-icon.gif) no-repeat 0px -32px;
}
.post span.video{
	width:30px;
	height:32px;
	float:left;
	left:-30px;
	top:18px;
	position:absolute;
	display:inline-block;
	background:url(../images/post-icon.gif) no-repeat 0px -64px;
}
.post .thumb{
	width:100%;
	float:left;
	overflow:hidden;
}
.post .post-opts{
	width:100%;
	height:73px;
	float:left;
	background:#131313;
}
.post .post-opts .date{
	height:58px;
	width:43px;
	float:left;
	padding:15px 0px 0px 0px;
	background:#1e1e1e;
}
.post .post-opts .date span{
	width:43px;
	display:inline-block;
	text-align:center;
	color:#FFF;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.post .post-opts .date span:first-child{
	font-size:20px;
}
.post .post-opts a.comments{
	float:left;
	display:inline-block;
	width:25px;
	height:25px;
	padding:2px 0px 0px 1px;
	color:#FFF;
	text-align:center;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
	background:url(../images/comments.png) no-repeat;
	margin:22px 0px 0px -5px;
}
.post .post-opts .title{
	float:left;
	padding:14px 0px 0px 12px;
}
.post .post-opts .title h3{
	padding:0px 0px 5px 0px;
}
.post .post-opts .title h3 a{
	color:#FFF;
}
.post .post-opts .title p{
	color:#3d3d3d;
	font-size:11px;
}
.post .post-opts .title p a{
	color:#3d3d3d;
}
.post .post-opts .title p a:hover{
	color:#666666;
}
.post .post-desc{
	width:100%;
	float:left;
	padding:20px;
	color:#6b6a6a;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.post .post-desc p{
	padding:5px 0px;
}
.post .post-desc p:first-child{
	padding-top:0px;
}
p.georgia{
	font-family:Georgia, "Times New Roman", Times, serif,"Microsoft JhengHei","微軟正黑體";
	font-size:14px;
	color:#8c8c8c;
	font-style:italic;
}
.post .post-desc a{
	color:#393939;
}
.post .post-share{
	width:100%;
	float:left;
	padding:13px;
	border-top:#282828 solid 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#131313;
}
.post .post-share a{
	float:left;
	margin:2px 5px 0px 0px;
}
.post .post-share a.print{
	width:25px;
	height:24px;
	float:left;
	margin:0px 0px 0px 0px;
	display:inline-block;
	border-radius:2px;
	border:#0c0c0c solid 1px;
	background:url(../images/print.gif) no-repeat;
}
/* Fitness Classes
================================================== */
.fitness-classes {
	width:100%;
}
.fitness-classes .class-text{
	width:100%;
	float:left;
	padding:20px 0px;
}
.class-text p{
	float:left;
	width:735px;
	padding-right:20px;
	margin-right:20px;
	border-right:1px solid #2C2C2C;
}
.class-text button{
	float:right;
}
/* Gallery List
================================================== */
.gallery-list {
	float:left;
	width:954px;
	margin-left:-20px;
	margin-bottom:-20px;
}
.gallery-list li{
	float:left;
	width:298px;
	position:relative;
	overflow:hidden;
	margin:0px 0px 20px 20px;
	box-shadow:0px 0px 3px #000;
}
.gallery-list li h2{
	float:left;
	position:absolute;
	left:0;
	bottom:0;
	padding:10px;
	background:url(../images/black.png);
}
.gallery-list li h2 a{
	color:#FFF;
}
/* Membership Page
================================================== */
.membership {
	width:100%;
	float:left;
}
/* Blog Post Page
================================================== */
.membership-in {
	width:100%;
	float:left;
	background:#0a0a0a;
	position:relative;
	box-shadow:0px 0px 5px #000;
}
.membership-in .thumb{
	width:100%;
	float:left;
	overflow:hidden;
}
.mem-form {
	width:100%;
	float:left;
	padding:20px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.mem-form p{
	padding:5px 0px;
}
.mem-form ul{
	width:100%;
	float:left;
}
.mem-form ul li{
	width:100%;
	float:left;
	padding-bottom:10px;
}
.mem-form ul li.txt h4{
	color:#afafaf;
}
.mem-form ul li.time{
	border-bottom:#141414 solid 1px;
	border-top:#141414 solid 1px;
	padding:15px 0px;
	margin:15px 0px;
}
.mem-form ul li.time h4{
	color:#afafaf;
	padding-bottom:5px;
}
.mem-form ul li input{
	float:left;
}
.mem-form ul li label{
	float:left;
	color:#3d3d3d;
	font-size:11px;
	font-weight:normal;
	padding:0px 20px 0px 5px;
}
.mem-form ul li input.bar{
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	margin-bottom:10px;
}
.mem-form ul li .sel-bar{
	width:100%;
	height:40px;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	margin-bottom:10px;
}
.mem-form ul li textarea{
	width:100%;
	height:150px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	margin-bottom:10px;
}
/* Membership Plans
================================================== */
.package {
	width:100%;
	float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border:#191919 solid 1px;
	background:#0a0a0a;
	box-shadow:0px 0px 3px #000;
	margin-top:20px;
}
.in-sec .package:first-child {
	margin-top:0px;
}
.package .plan-head{
	width:100%;
	height:45px;
	float:left;
}
.package .plan-head h2{
	float:left;
	padding:10px 0px 0px 15px;
}
.package .plan-head h3{
	float:right;
	padding:10px 15px 0px 0px;
}
.package .thumb{
	float:left;
	width:300px;
	padding-right:20px;
}
.package .desc{
	float:left;
	width:538px;
}
.platinum .plan-head{
	background:#5a5a5a;
}
.gold .plan-head{
	background:#6e572f;
}
.silver .plan-head{
	background:#242424;
}
.bronze .plan-head{
	background:#3e000a;
}
/* Contact Us Section
================================================== */
.contact-us {
	width:100%;
}
.contact-us h2{
	padding:0px 0px 20px 0px;
}
/* Quick Inquiry Section
================================================== */
.quickinquiry {
	width:100%;
	float:left;
	padding:20px 0px 0px 0px;
	margin:20px 0px 0px 0px;
	border-top:#e4e4e4 solid 1px;
}
.quickinquiry ul{
	padding:0px;
}
/* Blog details
================================================== */
.blog-detail {
	width:100%;
}
.blog-detail a.thumb{
	width:100%;
	float:left;
	overflow:hidden;
	position:relative;
	margin-bottom:20px;
	border:#a6a6a6 solid 1px;
}
.blog-detail a.thumb img{
	float:left;
}
.blog-detail a.thumb .featured{
	left:0;
	top:20px;
	height:30px;
	color:#262626;
	font-size:14px;
	position:absolute;
	display:inline-block;
	text-transform:uppercase;
	padding:10px 27px 0px 15px;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
	background:url(../images/badge.png) right;
}
.blog-detail .blog-opts{
	width:100%;
}
.blog-opts {
	width:100%;
	float:left;
	padding:0px 0px 20px 0px;
	position:relative;
}
.blog-opts .date{
	width:86px;
	height:54px;
	padding:8px 0px 0px 0px;
	float:left;
	text-align:center;
	color:#FFF;
	position:absolute;
	left:0px;
	top:0px;
	background:url(../images/date-bg.gif) no-repeat #4c4c4c;
}
.blog-opts .date h6{
	text-shadow:1px 1px #000;
	color:#FFF;
}
.blog-opts .date h1{
	text-shadow:1px 1px #000;
	color:#FFF;
}
.blog-opts .desc{
	width:auto;
	display:block;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	padding:0px 0px 10px 0px;
	margin-left:101px;
	border-bottom:#ededed solid 1px;
}
.blog-opts .desc h4 {
	padding-bottom:5px;
}
.blog-opts .desc h4 a{
	color:#262626;
}
.blog-opts .desc p{
	float:left;
	padding:0px 10px;
	background:url(../images/sep1.gif) no-repeat center left;
}
.blog-opts .desc p.by{
	padding-left:0px;
	background:none;
}
.blog-sharing{
	width:100%;
	float:left;
	border-top:#ededed solid 1px;
	padding:15px 0px 0px 0px;
	margin:20px 0px 0px 0px;
}
.blog-sharing a{
	float:left;
	margin-left:5px;
}
/* About Authore
================================================== */
.about-author {
	width:100%;
	position:relative;
	padding:20px;
	float:left;
	margin:20px 0px 0px 0px;
	background:#0a0a0a;
	border:#080808 solid 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.about-author .avatar{
	float:left;
	width:50px;
	height:50px;
	position:absolute;
	left:20px;
	right:20px;
	box-shadow:0px 0px 3px #000;
}
.about-author .desc{
	float:right;
	width:100%;
	padding:0px 0px 0px 70px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.about-author .desc p{
	color:#6b6a6a;
}
/* Static Page
================================================== */
.static {
	width:100%;
}
.static p{
	padding:5px 0px;
}
.static h1, .static h2, .static h3, .static h4, .static h5, .static h6{
	padding:0px 0px 10px 0px;
}
/* Gallery Filter
================================================== */
.filter-sec {
	width:100%;
	height:40px;
	float:left;
	color:#FFF;
	padding:0px 0px 0px 0px;
	border:#0e0e0e solid 1px;
	background:url(../images/paging-bg.gif);
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin-bottom:20px;
}
.filter-sec h4{
	float:left;
	color:#FFF;
	padding:7px 20px 0px 15px;
}
.filter-sec nav a{
	height:33px;
	padding:7px 15px 0px 15px;
	float:left;
	text-align:center;
	font-size:14px;
	color:#3d3d3d;
	font-weight:bold;
	border-left:#0e0e0e solid 1px;
	background:url(../images/paging-bg.gif) no-repeat 0px 0px;
}
.filter-sec nav a:hover, .filter-sec nav a.active{
	background:#0e0e0e;
}
.filter-sec ul li a{
	height:31px;
	padding:9px 15px 0px 15px;
	float:left;
	text-align:center;
	font-size:14px;
	color:#3d3d3d;
	font-weight:bold;
	cursor:pointer;
	border-left:#0e0e0e solid 1px;
	background:url(../images/paging-bg.gif) no-repeat 0px 0px;
}
.filter-sec ul li a:hover, .filter-sec ul li a.current{
	background:#0e0e0e;
}
/* Gallery Column
================================================== */
.gal-desc {
	width:100%;
	overflow:hidden;
}
#gal-container {
	display: block;
    margin: 0 auto;
    overflow: hidden;
    width: 100%;
	position:relative;
}
#gal-container li {
	float: left;
	position: relative;
}
#gal-container ul {
	
}
#gal-container ul.hidden {
	display:none;
}
/* Gallery Two Column
================================================== */
.gallery-two-col {
	width:100%;
	overflow:hidden;
}
.gallery-two-col {
	width:960px;
	float:left;
	margin:0px 0px -20px -20px;
}
.gallery-two-col li{
	width:458px;
	height:289px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:0px 0px 20px 20px;
	border:#000000 solid 1px;
}
.gal-caption{
	width:100%;
	height:100%;
	top:0;
	left:0;
	display:none;
	text-align:center;
	position:absolute;
	padding:80px 40px 10px 40px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:url(../images/black.png);
}
.gal-caption h2{
	padding:0px 0px 10px 0px;
}
.gal-caption p{
	padding:0px 0px 10px 0px;
	font-size:12px;
	color:#939393;
	font-size:11px;
}
.gal-caption a.view{
	padding:5px;
	font-size:12px;
	font-weight:bold;
	color:#6b6a6a;
	background:#1e1e1e;
}
li:hover .gal-caption{
	display:block;
}
#gal-container a.videos{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
}
#gal-container a.videos:hover{
	background:url(../images/video.png) no-repeat center center;
}
#gal-container a.images{
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0;
	top:0;
}
#gal-container a.images:hover{
	background:url(../images/image.png) no-repeat center center;
}
/* Gallery Three Column
================================================== */
.gallery-three-col {
	width:100%;
	overflow:hidden;
	margin-bottom:-20px;
}
.gallery-three-col {
	width:960px;
	float:left;
	margin-left:-20px;
}
.gallery-three-col li{
	width:298px;
	height:210px;
	float:left;
	position:relative;
	overflow:hidden;
	margin:0px 0px 20px 19px;
	border:#000 solid 1px;
}
/* Gallery Four Column
================================================== */
.gallery-four-col {
	width:100%;
	overflow:hidden;
	margin-bottom:-20px;
}
.gallery-four-col {
	width:960px;
	float:left;
	margin-left:-20px;
}
.gallery-four-col li{
	width:218px;
	height:168px;
	float:left;
	overflow:hidden;
	position:relative;
	margin:0px 0px 20px 20px;
	border:#000 solid 1px;
}
/* Schedule
================================================== */
.schedule {
	width:100%;
	overflow:hidden;
}
/* Timeline
================================================== */
.timeilne {
	width:100%;
	float:left;
	padding-bottom:20px;
	background:url(../images/gray-line.gif) repeat-y 450px 0px;
}
.timeilne .date{
	width:100%;
	text-align:center;
	background:url(../images/gray-line.gif) repeat-x 0px 20px;
}
.timeilne .date span{
	color:#FFF;
	padding:5px;
	font-size:16px;
	border-radius:8px;
	background:#1f1f1f;
	display:inline-block;
	border:#0e0e0e solid 5px;
	text-transform:uppercase;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.timeilne > ul{
	width:966px;
	float:left;
}
.timeilne > ul > li{
	width:458px;
	float:left;
	margin-left:-15px;
	padding-top:20px;
}
.timeline-box{
	width:458px;
	float:left;
	margin-top:20px;
	position:relative;
}
.node{
	width:29px;
	height:19px;
	float:left;
	left:0;
	top:10px;
	z-index:2;
	position:absolute;
	display:inline-block;
	background:url(../images/left-node.png) no-repeat;
}
.timeline-box .timeline-post{
	width:430px;
	float:right;
	border:#343434 solid 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#161616;
	box-shadow:0px 0px 6px #000;
	z-index:1;
	position:relative;
}
.timeline-post .thumb{
	float:left;
	margin:15px;
	border:#000000 solid 1px;
	box-shadow:0px 0px 3px #000;
}
.timeline-post .desc{
	float:left;
	width:220px;
	margin:15px;
	margin-left:0px;
}
.timeline-post .desc h2{
	padding:0px 0px 3px 0px;
}
.timeline-post .desc h2 a{
	text-transform:uppercase;
	color:#FFF;
}
.timeline-post .desc h4{
	padding:0px 0px 5px 0px;
}
.timeline-post .toggle-desc{
	float:left;
	width:100%;
	padding:15px;
	display:none;
	border-top:#343434 solid 1px;
	border-bottom:#343434 solid 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.toggle-desc p{
	padding:5px 0px;
}
.toggle-desc p:first-child{
	padding-top:0px;
}
p.georgia-small{
	font-family:Georgia, "Times New Roman", Times, serif,"Microsoft JhengHei","微軟正黑體";
	font-style:italic;
	color:#8c8c8c;
}
.timeline-post .time-opts{
	float:left;
	width:100%;
	padding:10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#0d0d0d;
}
.timeline-post .time-opts h5{
	float:left;
}
.timeline-post .time-opts a{
	float:right;
	color:#6f6f6f;
	font-size:14px;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.timeilne ul li:first-child{
	margin-left:0px;
	padding-top:0px;
}
.timeilne ul li:first-child .node{
	width:29px;
	height:19px;
	float:left;
	right:0;
	left:inherit;
	top:10px;
	z-index:2;
	position:absolute;
	display:inline-block;
	background:url(../images/right-node.png) no-repeat;
}
.timeilne ul li:first-child .timeline-box .timeline-post{
	width:430px;
	float:left;
	border:#343434 solid 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	background:#161616;
	box-shadow:0px 0px 6px #000;
	z-index:1;
	position:relative;
}

/* Calendar
================================================== */
.calendar {
	width:100%;
	float:left;
	/* background:#1f1f1f; */
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.calendar h4{ 		/* 表格標題 */
	color:#E1BF82;			/* 金褐色 */
	font-size:18px; 
	font-weight:bold; 
	margin:0px 10px 10px 10px;
	}

.calendar .days{		/* 表格橫向排列 ================================ */
	width:100%;
	float:left;
	border-bottom:#0e0e0e solid 1px;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
	/* background:#001932; */
	color:#939393;
}
.calendar .days li{
	float:left;
	width:120px;
	padding:15px 0px 0px 0px;
	font-size:16px;
	/* font-weight:bold; */
	text-align:center;
	border-top:#4d4d4d solid 1px;
}

.calendar .days li .color_blue{ color:#079CE9; }		/* 藍 */
.calendar .days li .color_blue2{ color:#5DB0F9; }		/* 淺藍 */
.calendar .days li .color_green{ color:#139118; }		/* 綠 */
.calendar .days li .color_green2{ color:#38AB75; }	/* 淺綠 */
.calendar .days li .color_yellow{ color:yellow; }			/* 黃 */
.calendar .days li .color_yellow2{ color:#E9C83E; }	/* 淺黃 */
.calendar .days li .color_white{ color:white; }			/* 白 */

.calendar .table{
	width:100%;
	float:left;
}
.calendar .table .timing{
	width:130px;
	float:left;
}
.calendar .table .timing li{
	width:130px;
	height:48px;
	padding:30px 0px 0px 0px;
	float:left;
	font-size:16px;
	color:#939393;
	text-align:center;
	background:#000000;
	border-bottom:#0e0e0e solid 1px;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}

li.fill{ 	background:#939393; }
li.fill:hover{ color:#000; }


.calendar .days2{		/* 表格橫向排列2 ================================ */
	width:100%;
	float:left;
	border-bottom:#4D4D4D solid 1px;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
	background:#021D38;
	color:#939393;
}
.calendar .days2 li{
	float:left;
	width:120px;
	padding:15px 0px 0px 0px;
	font-size:16px;
	/* font-weight:bold; */
	text-align:center;
	border-top:#4d4d4d solid 1px;
}


.calendar .shows{		/* 直向排列 ================================ */
	width:109px;
	float:left;
	border-left:#0e0e0e solid 1px;
}
.calendar .shows li{
	width:109px;
	height:58px;
	padding:20px 0px 0px 0px;
	float:left;
	font-size:16px;
	color:#939393;
	text-align:center;
	background:#1f1f1f;
	border-bottom:#0e0e0e solid 1px;
}
.calendar .shows li.fill{
	background:#343434;
}
.calendar .shows li.fill:hover{
	color:#000;
}
.calendar .shows li.onecell{
	height:58px;
	padding:20px 0px 0px 0px;
}
.calendar .shows li.twocell{
	height:96px;
	padding:61px 0px 0px 0px;
}
.calendar .shows li.threecell{
	height:136px;
	padding:100px 0px 0px 0px;
}


/* 頁碼 ================================================== */
#page {
	font-family:"Microsoft JhengHei","微軟正黑體",Arial;
	font-size:14px;
	text-align:center;
	}

#page ul {
	list-style: none;
	overflow: hidden;			/* 超過範圍隱藏 */
	text-decoration:none;
	margin-bottom: 30px;
}

#page ul li{ 
	display: inline; 					/* 水平排列 */
	border-left: 1px solid #939393;
	border-right: 1px solid #939393;
	border-top: 1px solid #939393;
	border-bottom: 1px solid #939393;
	padding:4px 0px;
	margin:0px 1px;
/*-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;*/
	}

#page ul li a {
	display: inline-block;		/* 水平內顯示為區塊 */
	padding:5px 10px;
	margin-top:10px;
	color:#939393;
}
#page ul li a:hover{
	display: inline-block;		/* 水平內顯示為區塊 */
	color:#FFFFFF;
	background-color:#0275D7;
	padding:5px 10px;
	border-left: 0px;
}

#page .current a{				/* 目前頁 */
	display: inline-block;		/* 水平內顯示為區塊 */
	color:#FFFFFF;
	background-color:#0275D7;
	padding:5px 10px;
	border-left: 0px;
}

#page .pre a{				/* 上頁 */
	display: inline-block;
	color:#939393;
	padding:5px 10px;
}

#page .next a{				/* 下頁 */
	display: inline-block;
	color:#939393;
	padding:5px 10px;
}


/* 上方 Login 
================================================== */
.top_login {
	float:right;
	margin:50px 0px 0px 0px;
	text-align:right;
}
.top_login h4{
	float:left;
	margin:5px 10px 0px 0px;
	color:#FFFFCC;
}
.top_login span{
	float:left;
}

/* 跑馬燈 */
.marq{
	max-width:100%; 
	margin:auto; 
	margin-top:10px; 
	margin-bottom:10px; 
	color: #FFF;
	font-size:16px;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
	/* background-color:#F2F2F2; 
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px; */
	}

/* 左選單：首頁、球種  ========================================= */
#home_left .row{
		/* display:block; */
		max-width:100%;			/* 依螢幕大小自動調整寬度 */
		height:auto;
		margin-bottom:30px; 
		/* margin-left:0px; */
		font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
		}

#home_left .col a{						/* 圖片+文字說明 */
		float:left;
 		color:#FFF;
		text-align:center;
 		margin:10px 10px 10px 8px;

		border-radius:6px;
		-webkit-transition:border .2s ease-in-out;
		-o-transition:border .2s ease-in-out;
		transition:border .2s ease-in-out;
		}
#home_left .col a:hover{						/* 游標在上 */
		float:left;
 		color:#FFF;
		text-align:center;
 		margin:10px 10px 10px 8px;

		border-radius:6px;
		-webkit-transition:border .2s ease-in-out;
		-o-transition:border .2s ease-in-out;
		transition:border .2s ease-in-out;
		}

/* 目前選項 - 本頁 */
#home_left .now a{
		background-color: #ed450c;	/* 橘色 */
		color:#FFF;
		border-radius:6px;
		-webkit-transition:border .2s ease-in-out;
		-o-transition:border .2s ease-in-out;
		transition:border .2s ease-in-out;
		}

#home_left .col img{  max-height: 100%; max-width: 100%;}	/* 圖片 */
#home_left .img2{ font-size:15px; }	/* 說明文字 */
#home_left a { 	color:#FFF; }

/* 游標在上 
#home_left a.img2.active, a.img2:focus, a.img2:hover {
		background-color: #ed450c;
		color:#FFF;
		border-radius:6px;
		-webkit-transition:border .2s ease-in-out;
		-o-transition:border .2s ease-in-out;
		transition:border .2s ease-in-out;
		}*/
		/*
		FILTER:Alpha(Opacity=70);	框線顏色, 圖片淡化處理 0淡～1濃 
		opacity:0.7;
		*/


/* About 關於我們 */
#about{ margin-top:30px; margin: 0px auto; }
#about .row{ display:block; max-width:100%; height:auto; }
#about .col{	float:left; width: 50%; }
#about .col img{	padding-top:25px; }












/* Widget
================================================== */
.widget {
	width:100%;
	float:left;
}
.widget .widget-head{
	width:100%;
	color:#FFF;
	padding:0px 0px 15px 0px;
	text-transform:uppercase;
}
/* Contact Information
================================================== */
.contact-info {
	width:100%;
	float:left;
}
.contact-info p{
	font-size:12px;
	color:#7d7d7d;
	padding:3px 0px
}
.contact-info p.timing{
	font-size:14px;
}

/* Follow Us
================================================== */
.followus {
	width:100%;
	float:left;
	padding-top:10px;
	margin-top:10px;
	border-top:#1f1f1f solid 1px;
}
.followus p{
	font-weight:bold;
	color:#FFF;
	font-size:14px;
	padding:1px 10px 0px 0px;
}
.followus ul{
	float:left;
}
.followus ul li{
	float:left;
	margin-right:5px;
}

/* Twitter
================================================== */
.twitter {
	width:100%;
	float:left;
	font-size:11px;
}
.twitter ul{
	width:100%;
	float:left;
}
.twitter ul li{
	width:100%;
	float:left;
	padding:10px 0px;
}
.twitter ul li:first-child{
	padding-top:0px;
}
.twitter a.follow{
	color:#00aced;
	padding:2px 0px 4px 30px;
	background:url(../images/twitter.png) no-repeat 0px 0px;
}

/* Twitter
================================================== */
.text-widget {
	width:100%;
	float:left;
	font-size:11px;
}
.text-widget p{
	padding:5px 0px
}
.text-widget p:first-child{
	padding-top:0px
}
.text-widget a.buttontwo{
	margin:10px 0px 0px 0px;
}

/* Footer
================================================== */
#footer-widgets {
	margin:0px;
	padding:20px 10px;
	width:960px;
	float:left;
	border-bottom:#001932 solid 10px;
	background:url(../images/foot-line.gif) repeat-x top #131313;
}
/* Footer
================================================== */
.footer {
	padding:20px 0px 40px 0px;
	width:100%;
	position:relative;
	z-index:3;
	background:url(../images/foot-strip.png) repeat-x bottom;
}
.footbg {
	width:100%;
	height:369px;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	z-index:-2;
	background:url(../images/footer.jpg) no-repeat top center;		/* 頁尾背景 */
}
.footer ul{
	width:100%;
	float:left;
}
.footer ul li{
	padding:0px 15px;
	float:left;
}
.footer ul li:first-child{
	padding-left:0px;
}
.footer ul li a{
	color:#FFF;
	font-size:14px;
	text-transform:uppercase;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
}
.footer p{
	color:#7d7d7d;
	padding:5px 0px 0px 0px;
}
.footer a.gotop{
	height:24px;
	color:#7d7d7d;
	font-size:11px;
	display:inline-block;
	padding:5px 35px 0px 0px;
	background:url(../images/gotop.png) no-repeat center right;
}


/*
=======================================================================
	left_ad 左邊條_廣告出租_固定畫面位置, 不隨螢幕捲動
=======================================================================
*/
.left_ad {	
	width:1200px;
	margin:0px auto;
	left:0px;
	right:0px;
}

.left_ad ul{
	float:left;
	position:fixed;
	z-index:0;			/*z-index 數字越大的在越上面, 2:與背景同一層*/
	width:100px;
	top:143px;
	margin-right:10px;
}

.left_ad ul li a{		/* 廣告大小 */
	width:100px;
	height:150px;
	display:inline-block;
	/* border:#666 solid 1px; */
}

/*
=======================================================================
	right_ad 右邊條_Line, 微信, 廣告出租_固定畫面位置, 不隨螢幕捲動
=======================================================================
*/
.right_ad {	
	position:fixed;
	z-index:-1;				/*z-index 數字越大的在越上面, 可為負值, 需搭配position應用*/
	width:1200px;
	height:2000px;
	margin:0px auto;
	left:0px;
	right:0px;
	top:0px;
}

.right_ad ul{
	position:absolute;		/* 相對於上層 */
	top:143px;
	right:0px;
}

.right_ad ul li a{		/* 廣告大小 */
	width:100px;
	height:150px;
	display:inline-block;
	/* border:#666 solid 1px; */
}

/* 反白字 */
.brown{ 	background:#00bccf; color:#D0CCCC; }
.red{ 	background:#a91d3b; color:#D0CCCC; }
.blue{ 	background:#005eb5; color:#D0CCCC; }
.gray{ 	background:#6d6d6d; color:#D0CCCC; }
.orange{ 	background:#df8300; color:#D0CCCC; }
.green{ 	background:#499400; color:#D0CCCC; }
.orange-red{ 	background:#dc5038; color:#D0CCCC; }

.w_white{ 	background:transparent; color:white; }				/* 白 */
.w_yellow{ 	background:transparent; color:yellow; }				/* 黃 */
.w_yellow2{ 	background:transparent; color:#FFFFCC; }		/* 淡黃 */
.w_blue{ background:transparent; color:#17BCC6; }				/* 藍 */
.w_orange{ background:transparent; color:#FA9815; }			/* 橘 */
.w_green{ background:transparent; color:#329A2A; }			/* 綠 */



/* 儲值方案 h1 */
.h1bg{
	background-color:#005eb5;
	color:#FFF;
	font-size: 18pt;
	text-shadow:0px 0px 5px #000;		/* 字陰 */
	padding:15px 2px;

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

/*
=======================================================================
	彩球分析
=======================================================================
*/
.kind1_num{		/* 橘色 - 今彩539 */
	background-color:#FF6918; color:#FFF; font-size:18pt;
	padding:3px 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
.kind2_num{ 	 /* 金黃色 - 大樂透 */
	background-color:#DEBA29; color:#FFF; font-size:18pt;
	padding:3px 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}

.kind3_num{ 	 /* 藍色 - 六合彩 */
	background-color:#17BCC6; color:#FFF; font-size:18pt; 
	padding:3px 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
.kind0_num{ 	 /* 紫色 - 預測 */
	background-color:#9065C7; color:#FFF; font-size:18pt; /*預測*/
	padding:3px 5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	}
/*
.kind_but_bg{
	width:120px; 
	height:60px; 
	background-color:#FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

		border-radius:6px;
		-webkit-transition:border .2s ease-in-out;
		-o-transition:border .2s ease-in-out;
		transition:border .2s ease-in-out;
	}
*/




/* mem_tb 會員專區表格
================================================== */
#mem_tb {
	width:100%;
	float:left;
	/* background:#1f1f1f; */

	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;

	text-align:center;
	padding:20px 20px;
}

h4{ 		/* 表格標題 */
	color:#E1BF82; 
	font-size:18px; 
	padding-bottom:30px;
	/* font-weight:bold;  
	margin:0px 10px 10px 10px;*/
	}

#mem_tb .days{		/* 表格橫向排列 ================================ */
	width:100%;
	float:left;
	border-bottom:#0e0e0e solid 1px;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
	background:#0e0e0e;
	color:#939393;
	padding-bottom:10px;
}
#mem_tb .days li{
	float:left;
	padding:15px 0px 0px 0px;
	font-size:16px;
	/* font-weight:bold; */
	text-align:left;
	border-top:#4d4d4d solid 1px;
}

#mem_tb .days li .color_blue{ color:#079CE9; }		/* 藍 */
#mem_tb .days li .color_blue2{ color:#5DB0F9; }		/* 淺藍 */
#mem_tb .days li .color_green{ color:#139118; }		/* 綠 */
#mem_tb .days li .color_green2{ color:#38AB75; }	/* 淺綠 */
#mem_tb .days li .color_yellow{ color:yellow; }			/* 黃 */
#mem_tb .days li .color_yellow2{ color:#E9C83E; }	/* 淺黃 */
#mem_tb .days li .color_white{ color:white; }			/* 白 */

#mem_tb .days2{		/* 表格橫向排列2 ================================ */
	width:100%;
	float:left;
	border-bottom:#0e0e0e solid 1px;
	font-family: "Microsoft JhengHei","微軟正黑體",'Ropa Sans', sans-serif;
	/* background:#1f1f1f; */
	color:#939393;
	padding-bottom:10px;
}
#mem_tb .days2 li{
	float:left;
	padding:15px 0px 0px 0px;
	font-size:16px;
	/* font-weight:bold; */
	text-align:left;
	border-top:#4d4d4d solid 1px;
}

#mem_tb .wd1{		/* li 欄位寬度 - 欄位名稱 */
	width:30%
	}
#mem_tb .wd2{		/* li 欄位寬度 - 資料 */
	width:70%;
	}
#mem_tb input{ 	margin:0px; color:#E1BF82; }

#mem_tb .ps{	/* 欄位說明 */
	font-size:12px;
	padding:1px 1px;
	}

#od p{
	text-align:left;
	font-size:15px;
	line-height:20pt;
	}
#od h3{
	text-align:left;
	line-height:24pt;
	}
#od ul, li{
	text-align:left;
	line-height:20pt;
	}

#od .bg_transparent{
	background-color:transparent;
}
/* Colors */
#od .white{ 	color:#fff; }
#od .black{	color:#444;}
#od .grey{	color:#bbb;}
#od .red{	color:#e63131;}
#od .green{	color:#6fae26; }
#od .lblue{	color:#14b9e8;}
#od .blue{	color:#0275d7;}

#od .blue2{	color:#034187;}	/* 深藍色 */
#od .brown{	color:#c27256;}	
#od .orange{	color:#ed450c;}
#od .purple{	color:#702583;}
#od .pink{	color: #fb226f;}
#od .yellow{	color: #ffb800;}


/* Backgrounds */
#od .br-white{	background:#fff;}
#od .br-black{	background: #444;}
#od .br-red{	background:#e63131;}
#od .br-green{	background:#6fae26;}
#od .br-lblue{	background:#14b9e8;}		/* 淺藍 */
#od .br-blue{	background:#0275d7;}		/* 藍色 */
#od .br-blue2{	background:#034187;}		/* 深藍色 */
#od .br-brown{	background:#c27256;}	/* 淺土色 */
#od .br-orange{	background:#ed450c;}	/* 橘色 */
#od .br-purple{	background:#702583;}	/* 紫色 */
#od .br-pink{	background: #fb226f;}		/* 桃紅色 */
#od .br-yellow{		background: #ffb800;}	/* 黃色 */

/* 儲值方式說明 pay_ibon.php 
    background-color: #227CBB;
*/
#tabsF{
    position: relative;
    display: inline-block;
	margin: 10px 10px;
	padding:10px 10px;
}
#tabsF li {
	list-style:none;
    float: left;
    padding: 10px 20px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    font-weight: bold;
    margin-right: 6px;
    background-color: #227CBB;
    color: #FFFFFF;
    border: none;
    cursor: pointer;
}
#tabsF li a{
    color: #FFFFFF;
}
#tabsF li a:hover{
    color: #F2F2F2;
}
#tabsF #null{
	color: #FFFFFF;
	background-color: #227CBB;
}
#tabsF #current{
    color: #FFFFFF;
    background-color: #227CBB;
}


.pagination {
  margin: 20px 0;
}
.pagination ul {
  display: inline-block;
  *display: inline;
  /* IE7 inline-block hack */

  *zoom: 1;
  margin-left: 0;
  margin-bottom: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
  display: inline;
}
.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 4px 12px;
  line-height: 20px;
  text-decoration: none;
  color:#FFF !important;	
  border-left-width: 0;
}
.pagination ul > li > a:hover,
.pagination ul > li > a:focus,
.pagination ul > .active > a,
.pagination ul > .active > span {

}
.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}
.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
  color: #999999;
  background-color: transparent;
  cursor: default;
}
.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
}
.pagination-centered {
  text-align: center;
}
.pagination-right {
  text-align: right;
}
.pagination-large ul > li > a,
.pagination-large ul > li > span {
  padding: 11px 19px;
  font-size: 17.5px;
}
.pagination-large ul > li:first-child > a,
.pagination-large ul > li:first-child > span {
  -webkit-border-top-left-radius: 6px;
  -moz-border-radius-topleft: 6px;
  border-top-left-radius: 6px;
  -webkit-border-bottom-left-radius: 6px;
  -moz-border-radius-bottomleft: 6px;
  border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a,
.pagination-large ul > li:last-child > span {
  -webkit-border-top-right-radius: 6px;
  -moz-border-radius-topright: 6px;
  border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  -moz-border-radius-bottomright: 6px;
  border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a,
.pagination-small ul > li:first-child > a,
.pagination-mini ul > li:first-child > span,
.pagination-small ul > li:first-child > span {
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a,
.pagination-small ul > li:last-child > a,
.pagination-mini ul > li:last-child > span,
.pagination-small ul > li:last-child > span {
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a,
.pagination-small ul > li > span {
  padding: 2px 10px;
  font-size: 11.9px;
}
.pagination-mini ul > li > a,
.pagination-mini ul > li > span {
  padding: 0 6px;
  font-size: 10.5px;
}
.rich-text{
  width: 977px;    margin: 0 auto;
  }