/* ================================= CSS Structure =================================
1. GLOBAL STYLES		
	- Button Styles
	- Misc Styles
				
2. CUSTOM ELEMENTS
	- Page Loader Styles
		
3. LAYOUT
	- Header
		- Navigation
	- Page Section
		- Home Section
		- Home Section Sliding Text	
		- Meet the Club
			- Stats
		- Meet the Trainers
		- Our Classes
		- Pricing Table
		- Our Blog
		- Testimonials
		- Get In Touch
			- Map
		- Copyrights
		- Blog List 
			- SideBar
			- Author
			- Comments
		- Common Colors
		
		
=========================================================================== */

/* =========================== GLOBAL STYLES ============================== */
body{
	font-family: "微軟正黑體", sans-serif;
	background-color: #f5f5f5;
	color: #17171a;
	-webkit-font-smoothing: antialiased;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.7;
	overflow-x: hidden;
	background: url(../images/bg/transparent.png) repeat;
}
h1,h2,h3,h4,h5,h6{
	font-family: "微軟正黑體", sans-serif;
	margin: 0 auto;
	text-align: center;
	text-transform: capitalize;
}
h1{
	font-size:60px;
	font-weight: 900;
}

h2{
	font-size: 60px;
	margin-bottom: 60px;
	font-weight: 900;
	font-family: "微軟正黑體", sans-serif;
}
h3{
	font-size: 40px;
	font-weight: 900;
	font-family: "微軟正黑體", sans-serif;
}
h4{
	font-size: 30px;
	font-weight: 300;
	line-height: 1.3;
	font-family: "微軟正黑體", sans-serif;
}
h4 b{
	font-size:20px;
}

h5{
	font-size: 36px;
	font-weight: 900;
	text-align: left;
	margin-bottom: 15px;
	font-family: "微軟正黑體", sans-serif;
}


a{
	color: #ffffff;
	font-family: "Noto Sans CJK TC Thin";
}
a:hover, a:focus, .btn:hover, .btn:focus{
	outline: none;
	text-decoration: none;
	font-family: "Noto Sans CJK TC Thin";
	color: #000;
}
ol, ul{
	list-style:none;
	padding:0;
}
a{
	color: #000;
}
p{
	font-size: 18px;
	font-weight: normal;
	font-family: "Noto Sans CJK TC Thin";
}
b{
	font-weight:900;
}
.para{
	font-size:13px;
	font-weight:300;
}	
.title-description{
	font-size:20px;
	font-weight:300;
	padding-bottom:80px;
}
img{
	max-width:100%;
}
.box{
	display: inline-block !important;
	width:24.6%;
	margin-bottom:30px;
}


/* ------------- Button Styles ------------- */
.btn{
	padding:20px 35px;
	margin:10px auto;
	border-radius:2px;
	font-size:16px;
	border:none;	
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn .fa{
	margin-left:20px;
	font-size:18px;
}
.btn:hover,
.btn:focus{
	color: #ffffff;
	background-color: #111111;
	border: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	font-family: "Noto Sans CJK TC Thin";
}

/* ------------- Misc Styles ------------- */
.section{
	padding-top:95px;
	padding-bottom:95px;
	position: relative;
}
section{
	position: relative;
}
.content-section{
    padding-top: 7.8em;
    padding-bottom: 3em;
}
.black{
	color:#333333;
}
.white{
	color:#FFFFFF;
}
.black-bg{
	background:#333333;
	color:#FFFFFF;
}
.white-bg{
	background:#FFFFFF;
}
.center{
	display: block;
	text-align: center;
	font-family: "Noto Sans CJK TC Thin";
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.align-left{
	float:left;
}
.align-right{
	float:right;
}
.inline{
	display:inline-block;
}
hr{
	width:160px;
	height: 3px;
}
.animated{
	visibility:hidden;
}
.visible{
	visibility:visible;
}
.pad-right-1{	
	padding-right:1px !important;
}
.pad-right-15{
	padding-right:15px;
}
.pad-left-15{
	padding-left:15px;
}
.pad-top-10{
	padding-top:10px;
}
.pad-bottom-20{
	/* [disabled]padding-bottom:20px; */
}
.no-padding{
	padding:0px;
}
.right-padding-1{
	padding-right:1px;
}
.left-padding-1{
	padding-left:1px;
}
.no-right-padding{
	padding-right:0;
}
.no-left-padding{
	padding-left:0;
}
.border-right{
	border-right:1px solid #333;
}
.border-bottom{	
	border-bottom:1px solid #333;
}
.clear{
	clear: both;
}
/* =========================== CUSTOM ELEMENTS ============================== */
/* ------------- Page Loader Styles ------------- */
#pageloader{
    background-color: #FFFFFF;
    height: 100%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
} 
.loader-item{
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 3px solid rgba(0, 0, 0, 0) !important;
    border-left: 3px solid;
    border-radius: 200px;
    border-right: 3px solid;
    border-top: 3px solid;
    height: 40px;
    left: 50%;
    margin: -20px 0 0 -20px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 40px;
}
.loader-item h2{
    color: #CCCCCC;
    font-size: 20px;
    margin: 0 auto;
}
.colored-border{
    border-color: #f06739;
}

/* =========================== LAYOUT ============================== */
/* ------------- Header ------------- */
#navigation{	
	width: 100%;
	height: 90px;
	z-index: 1031;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;
	background:#17171a;
}
.navbar{
	margin-bottom:0px;
	border-radius: 0px;
}
.not-visible-nav{
	top:-200px;
	position: static;
}
.visible-nav{
	top:0;
	position: fixed;
}

/* ------------- Navigation ------------- */
.navbar{
	border:0;
}
.nav-menu{
	float: left;
	height: 100%;
}
.navbar-collapse{
	padding-left:0px;
	padding-right:0px;
}
.nav-menu ul.nav{
	height: 100%;
}
.navbar-left.nav li{
	display: inline-block;
	height: 100%;
	padding:19px 5px;
	border-top:1px solid transparent;
}

.navbar-left.nav  > li > a{
	display: block;
	height: 100%;
	background:none;
	color: #fff;
	font-size:16px;
	font-weight:bold;
	text-transform:uppercase;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.nav > li a:hover, .nav > li a:focus{
	background: none;
	font-family: "Noto Sans CJK TC Thin";
}
.navbar-left.nav li:hover, 
.navbar-left.nav li.active{
	border-top: 1px solid;
	background: #1d1d21;
	font-family: "Noto Sans CJK TC Thin";
}
.navbar-nav.navbar-right:last-child{
	margin-right: 0;
}
.member.nav li{
	font-size:26px;
	color:#fff;
	padding:19px 0px;
	font-weight:900;
	text-transform:capitalize;
}
.member.nav li a{
	color:#fff;
	padding-right:0px;
}
.member i{
	display:none;
}
.icon-bar{
	background-color:#ffffff;
}

/* =========================== Page Section ============================== */
/* ------------- Home Section ------------- */
#home{
	position: relative;
	width: 100%;
	height: auto;
	top:0;
}
.home{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	position: relative;
	min-height: 550px;
	background-image: url(../images/bg/headerBg.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}
.home:after{
	clear: both;
}

.logo{
	padding-top:80px;
	cursor: pointer;
}

/* ------------- Home Section Sliding Text  ------------- */

.slider{
	color:#ffffff;
	margin-top:100px;
	margin-bottom:250px;
}
.slider .title{
	font-size:56px;
	font-weight:900;
	line-height:1;
	letter-spacing: -2px;
	margin-bottom:0px;
}
.slider .sub{
	font-size:92px;	
	font-style:italic;
}
.slider .item{
	text-align:center;
}
.carousel.slide{
	min-height:600px;
}
.carousel-indicators li,
.carousel-indicators li.active{
	margin:0 10px;
	width:8px;
	height:8px;
	box-shadow: 0 0 1px 8px rgba(255, 255, 255, 0.1);
	-moz-shadow: 0 0 1px 8px rgba(255, 255, 255, 0.1);
	-webkit-shadow: 0 0 1px 8px rgba(255, 255, 255, 0.1);
	-o-shadow: 0 0 1px 8px rgba(255, 255, 255, 0.1);
	border:0;
}
.carousel.carousel-fade .item {
	-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	transition: opacity 0.5s ease-in-out;
	opacity:0;
}

.carousel.carousel-fade .active.item {
	opacity:1;
}

.carousel.carousel-fade .active.left,
.carousel.carousel-fade .active.right {
	left: 0;
	right: 0;
	z-index: 2;
	opacity: 0;
	filter: alpha(opacity=0);
}

.carousel.carousel-fade .next,
.carousel.carousel-fade .prev {
	left: 0;
	right: 0;
	z-index: 1;
}

.carousel.carousel-fade .carousel-control {
	z-index: 3;
}

.slider .btn{
	margin-top:40px;
}


/* Slider Tabs */


.slider-tab{
	padding-top:0px;
	width: auto;
	margin-top:-50px;
}

.slider-tab .nav-tabs{
	text-align:center;
	border:none;
}

.slider-tab .tab-content{
	color:#ffffff;
	text-align:center;
	font-size:52px;
	font-weight:900;
	line-height:1.2;
	padding-bottom:20px;
	text-shadow:1px 1px 1px #000;
}

.slider-tab .nav-tabs > li,
.nav-tabs > li > a {
	float:none;
	display:inline-block;
	background-color:none;
	border:0;
	text-transform: capitalize;
	text-shadow:1px 1px 1px #000;
	color:#fff;
}

.slider-tab .nav-tabs > li.active > a,
.slider-tab  .nav-tabs > li.active > a:hover,
.slider-tab  .nav-tabs > li.active > a:focus{
	background:none !important;
	border:0;
	color:#fff;
}
.slider-tab  .nav-tabs span{
	 margin:0px auto;
	 margin-top:10px;
	 display:block;
	 width:80px;
	 line-height:80px;
	 font-size:40px;
	 font-weight:800;	 
	 height:80px;
	 border-radius:50%;
	 color:#fff;
	 text-shadow:1px 0px 0px #000;
}
.slider-tab .nav-tabs > li.active > a span,
.slider-tab  .nav-tabs > li.active > a:hover span,
.slider-tab  .nav-tabs > li.active > a:focus span{
	 color:#000;
}
/*------------------- Meet the Club ----------------*/

.meet-the-club{
	background:url(../images/bg/transparent.png) repeat;
}
.right-image{
	min-width:1500px;
	position:relative;
}
.right-image img{
	position:absolute;
	right:0px;
}
.item-list{
	margin-top:60px;
	width:700px;
}
.club-item{
	display:inline-table;
	margin:30px 50px 30px 15px;
	position: relative;
}
.club-item:hover img{
	 opacity: 0.3;
	 -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.club-item:hover:before{
	content: "\f067";
    font-family: FontAwesome;
    color: #000;
    font-size: 48px;
    position: absolute;
    top: 100px;
    left: 0;
	right:0;
	text-align: center;
}
.club-item img{
	border-radius:50%;
	width:280px;
	line-height:280px;
	box-shadow: 0 0 1px 15px rgba(0, 0, 0, 0.03);
	-moz-shadow: 0 0 1px 15px rgba(0, 0, 0, 0.03);
	-webkit-shadow: 0 0 1px 15px rgba(0, 0, 0, 0.03);
	-o-shadow: 0 0 1px 15px rgba(0, 0, 0, 0.03);
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.caption-bg{
	 height: 100px;
     width: 100%;
	 text-align:center;
	 margin-top:-78px;	 
}
.caption{
	position:absolute;
	bottom:45px;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	font-weight:900;
	font-size:32px;
	color:#ffffff;
	letter-spacing:-2px;
}

/*------------------- Stats ---------------------*/
.stats{
	background:url(../images/bg/stats-bg.jpg)  no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#ffffff;	
}
.count-number{
	font-size: 70px;
	font-weight:900;
	line-height:1;
	margin-top:20px;
}
.item-name{
	font-size:30px;
	font-weight:300;
}

/*-------------Meet the Trainers-----------*/

.meet-the-trainers{
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-image: url(../images/bg/team-bg2.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
.trainer{
	background:url(../images/bg/transparent.png) no-repeat;
	border-radius:10px;
	width:250px;	
	margin:0px auto;
	padding-bottom:30px;
	color:#fff;
}
.trainer img{
	border-radius:10px 10px 0 0;
}
.trainer-name{
	font-size:60px;
	font-weight:900;
	text-transform: capitalize;
	line-height:1.2;
	margin-top:20px;
}
.trainer-specialisation{
	font-size:16px;
	font-weight:900;
	text-transform:uppercase;
}
.social-icons{
	margin-top:10px;
}
.social-icons .fa{
	font-size:20px;
	color:#62626c;
	padding:6px;
	margin:3px;
	border-radius:50%;
	border:2px solid #62626c;
	width:35px;
	height:35px;
}
.social-icons .fa-facebook:hover{
	background-color:#5f97d5;
	color:#ffffff;
}
.social-icons .fa-twitter:hover{
	background-color:#4e9edc;
	color:#ffffff;
}
.social-icons .fa-instagram:hover{
	background-color:#49709b;
	color:#ffffff;
}
.meet-the-trainers .trainer:hover  > img{
	opacity:.6;
}

/*-----------------Our Classes--------------------*/
.our-classes{
	background:#17171a url(../images/bg/transparent.png) repeat;
	color:#ffffff;
}
.class-name{
	padding-top:30px;
	padding-bottom:20px;
}

.class-details .col-md-6{
	padding:0px;
}
.class-details{
	padding:20px 40px 10px 40px;
	color:#95959a;
	font-size:20px;
}
.class-details i,
.class-details .date-detail{
	display: inline-block;
	margin-left:20px;
}
.date{
	width:100%;
}
.price{
	line-height:1;
}
.price sup {
    top: -2.1em;
	font-size:30px;
	font-weight:400;
}
.price span{
	font-size:120px;
	font-weight:900;
}
.our-classes .white-bg:hover  > img{
	opacity:.6;
}

/*-----------------Pricing Table---------------------*/

.pricing-table{
	background:url(../images/bg/price-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.price-row{
	color:#ffffff;	
	text-align:center;
	font-size:16px;
	text-transform:uppercase;
}
.right-border{
	border-right:1px solid rgba(255,255,255,.2);
}
.pricing-table h3{
	background:url(../images/bg/transparent.png) no-repeat;
	font-size:50px;
	font-weight:900;
	line-height:130px;
	margin:0px;
	height:130px;
} 
.down-arrow{
	background-color:#36c9f2;
	transform: rotate(45deg);
	width:50px;
	height:50px;
	position:absolute;
	left:0;
	right:0;
	margin-left:auto;
	margin-right:auto;
	top:85px;
	z-index:-1;
}
.pricing-table .price{
	height:150px;
	line-height:150px;
}
.pricing-table .price span{
	font-size:80px;
}
.pricing-table .price sup {
    top: -1.4em;
	font-size:26px;
	font-weight:400;
}
.highlight {
	transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-webkit-transform: scale(1.05);
	box-shadow:0 0 10px 8px rgba(0, 0, 0, 0.3);
}

.price-column{
	background-color:#fffffe;
	padding:0px;
	margin-left:0px;
	margin-right:0px;
	float:left;
	width:25%;
	z-index:0;
}
.price-column ul{
	padding:0;
	margin:0;
}
.price-column{
	background-color:#161619;
	
}
.price-column.highlight{
	z-index:10;
}

.price-column li{
	padding:13px 0;
	color:#94949b;
	margin:0px 40px;
	list-style:none;
	border-bottom:1px solid rgba(255,255,255,.3);
}

.price-column .btn{
	padding:12px 25px;
	margin:30px 0;
	text-transform:uppercase;
	font-weight:900;
	font-size:26px;
}
.price-column .btn:hover,
.price-column  .btn:focus{
	background-color: transparent;
}



/* ------------- Our Blog ------------- */

.post{
	background-color: #ffffff;
	margin-bottom: 80px;
	box-shadow: 0 5px 13px 0px rgba(0, 0, 0, 0.1);
}
#button4 {
	color: #000;
}

.post h5 a{
	color:#17171a;
}
.post .align-left{
	width:50%;
	vertical-align:top;
}
.post-content{
	padding:45px 50px;
}
.posted-date{
	font-size:16px;
	font-weight:700;
}
.posted-date span{
	color:#000;
}
.post img:hover{
	opacity:.6;
}

/* ---------------Testimonials --------------------*/

.testimonials{
	background:url(../images/bg/testimonials-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color:#bababf;
	padding-top:30px;
	padding-bottom:30px;
}

.client-img{
	position:relative;
}
.image-effect-top{
	width:250px;
	height:250px;
	border-radius:50%;
	position:absolute;
}
.image-effect-bottom{
	width:250px;
	height:250px;
	border-radius:50%;
	position:absolute;
	top:25px;
	left:25px;
}
.side-arrow{
	width:50px;
	height:50px;
	transform:rotate(45deg);
	position:absolute;
	top:120px;
	left:230px;
}
.client-img img{
	border-radius:50%;
	position:absolute;
	width:250px;
	height:250px;	
	left:15px;
	top:10px;
}
.testimonial-content{
	margin-left:280px;
	text-align:center;
}
.client-comment{
	font-size: 40px;
	font-weight: 300;
	margin-top: 40px;
	line-height: 1.2;
	font-family: "微軟正黑體", sans-serif;
}
.client-comment span{
	display: block;
	font-size: 60px;
	font-weight: 900;
	font-style: italic;
	font-family: "微軟正黑體", sans-serif;
}
.client-name{
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	font-family: "微軟正黑體", sans-serif;
	color: #FFF;
	margin: 10px;
	width: 200px;
	background-color: #0CF;
	float: right;
}
#flexiselDemo {
    display: none;
}
.nbs-flexisel-container {
    position: relative;
    max-width: 100%;
    padding-top: 30px;
}
.nbs-flexisel-ul {
    position: relative;
    width: 9999px;
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    text-align: center;
}
.nbs-flexisel-inner {
    overflow: hidden;
    float: left;
    width: 100%;
}
.nbs-flexisel-item {
    float: left;
    margin: 0px 0 100px 0;
    padding: 0px;
    position: relative;
}
.client img {
    background: none;
    position: relative;
    margin-top: 10px;
    border: none;
    margin-bottom: 10px;
    width: 300px;
    height: 70px;
    cursor: pointer;
}



/* ------------- Get In Touch ------------- */

.contact{
	background:url(../images/bg/contact-bg.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.form-control{
	height:90px;
	border-radius:0;
	padding:20px;
}
.form-control:hover{
	color:#ffffff;
	background-color:#17171a;
}

textarea.form-control {
	height:300px;
}
.form-control::-moz-placeholder,
.form-control{
	font-size:22px;
	font-weight:300;
}


/* ------------- Map ------------- */

.map{
	margin:0px;
}
.map #map_canvas{
	width:100%;
	height:550px;
	border:0px;
}
#map-content{
	width:250px;
}



/* ------------- Copyrights ------------- */

.copyright{
    background:#000 url(../images/bg/transparent.png) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-top:2px solid;
	position:relative;
	color:#bfbfc5;
	font-size:16px;
}
.social{
	padding-top:70px;
	padding-bottom:70px;
	text-align:center;
}
.social i:hover{
	opacity:.7;
}
.copyright p{
	margin: 0 auto;
	padding-bottom: 40px;
	font-family: "Noto Sans CJK TC Thin";
}

/*------------- Blog List -----------------*/

.blog-list{
	position: relative;
	height: 460px;
	background-attachment: fixed;
	background-color: #101111;
	background-image: url(../images/bg/headerBg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.blog p {
	margin: 0 0 15px;
	font-family: "Noto Sans CJK TC Thin";
}
.blog .col-md-.8{
	padding-right:0px;
}
.blog .post-content{
	/* [disabled]background-color:#ffffff; */
}
.post-content i{
	font-size:24px;
	font-weight:700;
	font-style:italic;
}
.post-item h2{
	text-align:left;
	margin-bottom: 40px;
}
.post-item h2 a{
	color:#17171a;
}
.blog .posted-date{
	margin-top:15px;
}
.single .posted-date{
	margin-bottom: 15px;
	margin-top:0px;
}
.post-nav{
	text-align:center;
	margin-top: -40px;
}
.pagination > li > a, .pagination > li > span{
	margin:0 4px;
	background-color:#e9e9e9;
	color:#999999;
	font-weight:700;
	border-radius:4px;	
	border:none;
}
.pagination > li > a:hover,
.pagination > li.active{
	color:#ffffff;
	border:none;
}
.share-btn .btn{
	margin-right:10px;	
}

/*-------------- SideBar ---------------*/

.sidebar{
	margin-left:20px;
	margin-top:105px;
}
.widget{
	position:relative;
	margin-bottom:40px;
	padding:30px;
	background-color:#ffffff;
}
.search {
	margin-bottom:30px;
	position:relative;
}
.search .form-control {
	padding:20px 30px;
	height:70px;
	border:none;
	box-shadow:0 5px 13px 0px rgba(0, 0, 0, 0.1);
}
.search  .form-control::-moz-placeholder, .search  .form-control{	
	font-size:15px;
	font-weight:300;
}
.search .form-control + .fa {
	position: absolute;
	right: 0;
	top:18px;
	font-size:23px;
	padding: 8px 25px 8px 15px;
}
.widget h2{
	font-size:20px;
	font-weight:900;
	margin-bottom:30px;
	color:#cccccc;
	text-align:left;
	text-transform:uppercase;
}

.widget h3,.widget h3 a{
	font-size:22px;
	font-weight:900;
	color:#8b8b8b;
	text-align:left;
}

.widget img{
	position:absolute;
	left:30px;
}
.widget li{
	margin-bottom:20px;
}
.widget .content{
	margin-left:100px;
	min-height:85px;
}
.category-list li{
	padding:20px 0;
	margin-bottom:0px;
	border-bottom:1px solid rgba(0,0,0,.1);
}


/*---------------- Author -------------*/

.author{
	background-color:#ffffff;
	position:relative;
	min-height:275px;
	margin-bottom:40px;
}
.author img{
	position:absolute;
}
.author-comment{
	margin-left:260px;
	padding:30px 30px;
}


/*---------------- Comments -------------*/


.title-head{
	font-size: 2em;
	font-weight: 900;
	text-transform: uppercase;
	margin-bottom: 40px;
	font-family: "Noto Sans CJK TC Black";
}
.comment-list li{
	margin:0px 0 90px 0;
	position:relative;
}
.comment-list li img{
	border-radius:50%;
	width:130px;
	height:130px;
	position:absolute;
}
.comment-details{
	margin-left:180px;	
}
.comments{
	background-color:#ffffff;
	padding:40px;
	border-radius:10px;
}
.comments:before{
		border-style: solid;
		border-width:  0 0 30px 30px;
		top: 50px;
		content: "";
		display: block;
		left: 165px;
		position: absolute;
		width: 0;
		z-index: 1;
		border-color: transparent #ffffff;		
		transform:rotate(-45deg);
}
.comments p{
	margin-bottom:0px;
}

.comment-meta{
	min-height:50px;
}
.comment-meta .user-name{
	float:left;
	font-weight:700;
	width:50%;
}
.comment-meta .posted-date{
	float:right;
	width:50%;
	text-align:right;
}

.reply{
	height:30px;
	padding:4px 30px;
	margin:0px 40px;
	text-transform:uppercase;
	border-radius:0;
	font-weight:700;
	float:right;
}
.comments-form .btn{
	text-transform:uppercase;
}


/*--------- Common Colors -----------*/

.fb-bg{
	background-color:#5473cc;
}
.twitter-bg{
	background-color:#63c4f2;
}
.tablenews {
	background-color: #900;
	margin-right: auto;
	margin-left: auto;
}
.tablenews tr th {
	font-weight: bold;
	color: #FFF;
	padding: 5px;
	margin: 1px;
}
.tablenews tr td {
	background-color: #FFF;
	padding: 5px;
	margin: 1px;
}