/*!
 * Start Bootstrap - Blog Home HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

body {
	padding-top: 70px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
	background-color: #F5F5F5;
	font-family: "微軟正黑體";
}

#gotop {
	display: none;
	position: fixed;
	right: 15px;
	bottom: 15px;
	font-size: 20px;
	color: white;
	cursor: pointer;
	z-index: 1;
	background-color: #C6C6C6;
	background-color: rgba(0, 0, 0, 0.5);
	padding-top: 5px;
	padding-right: 12px;
	padding-bottom: 10px;
	padding-left: 12px;
}

#gotop:hover {
	background-color: #F25454;

}

#bodgo {
	display: ;
	position: fixed;
	right: 15px;
	bottom: 72px;
	font-size: 20px;
	color:#814D4D;
	z-index: 2;
	background-color: #FFA3A3;
	line-height: 1em;
	padding: 9px;

}


footer {
    margin: 50px 0;
}

p { font-size:15px;}

.swlist-h1 {
	font-size:23px;
	border-bottom:1px solid #DDDDDD;
	color: #F23F3F;
	font-family: "微軟正黑體";
	font-weight: bold;
}
.content  h1 {
	font-size: 32px;
	line-height: 1.25em;
}
.content em {
	padding-top: 1em;
	padding-bottom: 1em;
	display: block;
	font-style: normal;
}
.content p {
	font-size: 18px;
	line-height: 1.75em;
	margin-bottom: 2em;
	font-family: "微軟正黑體";
}
.content    h3 {
	font-size: 24px;
	line-height: 1.75em;
	font-family: "微軟正黑體";
	font-weight: bold;
	color: #F23F3F;
}
.content-h5  h5 a      {
	font-size: 16px;
	line-height: 1.75em;
	font-family: "微軟正黑體";
	font-weight: bold;
	color: #F23F3F;
}
.content  li {
	font-size: 18px;
	line-height: 1.75em;
	font-family: "微軟正黑體";
}



.swlist h2 {
	font-size:21px;
	margin-top:0.5em;
}

.swlist h4 {
	font-size:21px;
	margin-top:0.5em;
	line-height: 1.25em;
	color: #F23F3F;
	font-family: "微軟正黑體";
	font-weight: bold;
}
.swlist  h4 a {
	font-size:17px;
	margin-top:0.5em;
	line-height: 1.25em;
	font-family: "微軟正黑體";
	font-weight: normal;
}
.listtag  li a {
	color: #D9534F;
}
.pageli  li a {
	color: #333333;
}
.pageli  li a:hover {
	color: #333333;
}




.swlist a { color:#000000;}
.swinfo  a {
	color:#FC5151;
}
.swindex    h3 a {
	color:#FC5151;
}
.swindex     h3 a:hover {
	color:#FC5151;
	text-decoration: underline;
}
.swlist a:hover { color:#FC5151;}
.swinfo   a:hover {
	color:#FC5151;
	text-decoration: underline;
}



hr {border-top:1px solid #DDDDDD;}


/*.nav*/
.navbar { font-size:15px;}
.navbar-inverse .navbar-toggle{
	border-color:#F25454
}
.navbar-inverse {
	background-color: #F25454
}
.navbar-inverse .navbar-nav>.active>a:hover,.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus {
	background-color: #F23F3F;
	color: #FFFFFF;
}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus {
	background-color: #F23F3F;
	color: #FFFFFF;
}
.dropdown-menu {
	background-color: #F25454;
	font-size:15px;
	color: #333333;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #F23F3F; font-size:15px;}
.navbar-inverse { background-image: none; }
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
.navbar-inverse {
	border-color: #F23F3F
}
.navbar-inverse .navbar-brand {
	color: #ffffff
}
.navbar-inverse .navbar-brand:hover { color: #FFFFFF}
.navbar-inverse .navbar-nav>li>a { color: #FFFFFF}/*主選單字顏色*/
.navbar-inverse .navbar-nav>li>a:hover, .navbar-inverse .navbar-nav>li>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a,.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus { color: #FFFFFF}
.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
    background-color: #F23F3F;/*收縮三條線底部顏色*/
}
.dropdown-menu>li>a {
	color: #333333;
	background-color: #F25454;
}
.dropdown-menu a  {
	color: #333333;
	background-color: #FFFFFF;
}
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
    color: #ffffff;
}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
	color: #FFFFFF
}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
	border-top-color: #ffffff
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-top-color: #FFFFFF}
.navbar-inverse .navbar-nav>.dropdown>a .caret {
	border-bottom-color: #ffffff
}
.navbar-inverse .navbar-nav>.dropdown>a:hover .caret { border-bottom-color: #FFFFFF}

/* /.nav */

/* 分類用標簽 */
.label a { color:#FFFFFF}
.label a:hover { color:#FFFFFF}
/* /分類用標簽 */

.img-p{
	position:absolute;
	width:auto;
	right:15px;
	bottom:0px;
	left:15px;
	z-index:10;
	font-size:20px;
	color:#fff;
	text-align:left;
	text-shadow:0 1px 2px rgba(0,0,0,.6);
	background: rgba(0%,0%,0%,0.4);
}



.padding-gutter > [class*='col-'] {/* 隔線規零 */
    padding-right:0;
    padding-left:;
}


.background_1 {
	background-size: cover;
	background-position:center center;
	background-repeat: no-repeat;
	height: auto;
	width: auto;
	display: block;
	background-image: url(../../../../../showwe/%E7%B6%B2%E9%A0%81%E8%A3%BD%E4%BD%9C/POD%E7%B6%B2%E7%AB%99/web/images/336704_1920.jpg);
}
.hotcontent li a {
	color: #333333;
	background-color: #CCCCCC;
	margin-bottom: 28px;
	line-height: 3.25em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	
	-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.index-img img {
	height: auto;
	width: 100%;
}








/* 首頁圖片固定*/
.cov-hid{
overflow:hidden;

}

.index-cov{
	background-color: #666666;
	background-size: cover;
	background-position:center center;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
}

.cov-md-h-1st{
	height: 500px;
}

.cov-xs-h-1st{
	height: 290px;
}

.cov-md-h-2nd{
	height: 240px;
}

.cov-md-h-3rd{
	height: 65px;
}
.book-btn  a {
	background-color: #F23F3F;
	font-family: "Arial Black", Gadget, sans-serif;
	font-size: 15px;
	margin: 0.25em;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	color: #FFFFFF;
}
.activity-btn a {
	line-height: 1em;
	color: #FFFFFF;
	background: #83c9bb;
background: -moz-linear-gradient(-45deg, #83c9bb 0%, #308c8c 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #83c9bb), color-stop(100%, #308c8c));
background: -webkit-linear-gradient(-45deg, #83c9bb 0%, #308c8c 100%);
background: -o-linear-gradient(-45deg, #83c9bb 0%, #308c8c 100%);
background: -ms-linear-gradient(-45deg, #83c9bb 0%, #308c8c 100%);
background: linear-gradient(135deg, #83c9bb 0%, #308c8c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#83c9bb', endColorstr='#308c8c', GradientType=1 );
	display: block;
	text-align: center;
	padding: 0.75em;
}
.activity-btn  a:hover {
	line-height: 1em;
	color: #FFFFFF;
	background: #addbd2;
background: -moz-linear-gradient(-45deg, #addbd2 0%, #39a7a7 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #addbd2), color-stop(100%, #39a7a7));
background: -webkit-linear-gradient(-45deg, #addbd2 0%, #39a7a7 100%);
background: -o-linear-gradient(-45deg, #addbd2 0%, #39a7a7 100%);
background: -ms-linear-gradient(-45deg, #addbd2 0%, #39a7a7 100%);
background: linear-gradient(135deg, #addbd2 0%, #39a7a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#addbd2', endColorstr='#39a7a7', GradientType=1 );
	display: block;
	text-align: center;
	padding: 0.75em;
	text-decoration: none;
}
.activity-btn2  a {
	line-height: 1em;
	color: #FFFFFF;
	background: #97b3de;
background: -moz-linear-gradient(-45deg, #97b3de 0%, #648dde 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #97b3de), color-stop(100%, #648dde));
background: -webkit-linear-gradient(-45deg, #97b3de 0%, #648dde 100%);
background: -o-linear-gradient(-45deg, #97b3de 0%, #648dde 100%);
background: -ms-linear-gradient(-45deg, #97b3de 0%, #648dde 100%);
background: linear-gradient(135deg, #97b3de 0%, #648dde 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#97b3de', endColorstr='#648dde', GradientType=1 );
	display: block;
	text-align: center;
	padding: 0.75em;
}
.activity-btn2   a:hover {
	line-height: 1em;
	color: #FFFFFF;
	background: #c1d2eb;
background: -moz-linear-gradient(-45deg, #c1d2eb 0%, #89a8e6 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, #c1d2eb), color-stop(100%, #89a8e6));
background: -webkit-linear-gradient(-45deg, #c1d2eb 0%, #89a8e6 100%);
background: -o-linear-gradient(-45deg, #c1d2eb 0%, #89a8e6 100%);
background: -ms-linear-gradient(-45deg, #c1d2eb 0%, #89a8e6 100%);
background: linear-gradient(135deg, #c1d2eb 0%, #89a8e6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1d2eb', endColorstr='#89a8e6', GradientType=1 );
	display: block;
	text-align: center;
	padding: 0.75em;
	text-decoration: none;
}

.book-btn   a:hover {
	background-color: #D85A5A;
	color: #FFFFFF;
}
.book-info ul{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
.book-info li {
	margin: 0px;
	font-size: 15px;
}
.book-atc {
	padding-bottom: 10px;
	padding-top: 10px;
	color: #000000;
}

.book-list h4 {
height:2em;
font-size:17px;
}

.book-list p {
height:2em;
font-size:15px;
}

.book-lover ul {

	margin: 0px;
	padding: 0px;
}

.book-lover li {
	float: left;
	height: 70px;
	width: 70px;
	overflow: hidden;
	display: block;
	margin: 5px;
	padding: 0px;
	background-color: #999999;
}

.book-lover li img {
	height: 100%;

}

.book-ilike li img {
	width: 100%;

}


.book-ilike ul {

	margin: 0px;
	padding: 0px;
}

.book-ilike li {
	float: left;
	height: 100px;
	width: 70px;
	overflow: hidden;
	display: block;
	margin: 5px;
	padding: 0px
}

.book-ilike li img {
	width: 100%;

}

.comment-ulike-book {
	float: left;
	height: 100px;
	width: 70px;
	overflow: hidden;
	display: block;
	padding: 0px;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.comment-ulike-book img {
	width: 100%;
}

.comment-ulike-info p {
	padding: 0px;
	margin: 0px;
	font-size: 17px;
}

.comment-ulike-line {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E3E3E3;
}


.floatfix {
	zoom:1;

}
.floatfix::after {
    content:'';display:block;height:0;visibility:hidden;clear:both;
}











/* 問與答*/
.qaContent {
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.qaContent h3 {
	width: 100%;
	height: 22px;
	text-indent: -9999px;
}

.qaContent ul.accordionPart {
	margin: 0px;

}
.qaContent ul.accordionPart li {
	border-bottom: solid 1px #e3e3e3;
	padding-bottom: 12px;
	margin-top: 12px;
	list-style-type: none;
	list-style-position: inside;
	color: #F25454;
}
.qaContent    ul.accordionPart    li   ol{
	list-style-type: none;
	list-style-position: outside;
	color: #666666;
	padding: 1em;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 0em;
}
.qaContent   ul.accordionPart   li  li{
	list-style-type: disc;
	list-style-position: outside;
	color: #666666;
	border-bottom-style: none;
	padding-bottom: 0.2em;
	margin-top: 0em;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.qaContent ul.accordionPart li .qa_title {
	font-size:17px;
	padding-left: 0px;
	color: #F25454;
	cursor: pointer;
}
.qaContent ul.accordionPart li .qa_title_on {
	text-decoration: underline;
}
.qaContent ul.accordionPart li .qa_content {
	
	font-size:17px;
	color: #666;
	margin-top: 6px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 0em;
}

/* /問與答*/




.margin-bottom-add {
	margin-bottom:20px;
}



.price-color {
	color:#BD0000;
	font-weight: bolder;
}


.bookstore h4{
	height:2em;
	font-size:17px;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;

}

.topnumber em {
	font-size:32px;
	color:#999999;
	line-height: 1em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
}

.topnumber h4 {
	color:#000000;
	font-size:17px;
	margin-bottom:5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.topnumber h4 a{
	color:#000000;
	font-size:17px;
	margin-bottom:5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}

.topnumber a;hover {
	color:#F23F3F;

}


.topnumber p {
	font-size:17px;
	line-height:1em;
}

.themebooks img{
	margin:5px;
	display: inline-block;
}


.shoppinglist {
	font-family: Arial, Helvetica, sans-serif;	
}

.shoppinglist .price {
	color:#C14948	
}

.shoppinglist img {
	max-width: 70px;
	width:100%;
	min-width: 50px;
	height: auto;
}


.importantinfo{
	border: 1px solid #E86A6A;
	color: #FF6666;
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}

.shoppingcar{
	padding-top: 0.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
	background-color: #E97572;
	color: #FFFFFF;
}


.shopsidebar   ul {
	display: block;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.shopsidebar  li {
	display: block;
	list-style-type: none;
	text-align: left;
}
.shopsidebar  li a {
	display: block;
	padding: 15px;
	color: #666666;
	text-decoration: none;
	font-size: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E4E4E4;
}
.shopsidebar   li  a:hover {
	display: block;
	color: #000000;
	text-decoration: none;
	background-color: #E4E4E4;
}
.booksfairinfo li {
	font-size: 15px;
}





.booksname {
	font-size: 17px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
	text-align: center;
	display: block;
	height: 2.7em;
	line-height: 1.25em;
	margin-top: 0.5em;
	margin-bottom: 0.5em;

}
.booknewlist p {
	line-height: 1.25em;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0.5em;
	margin-left: 0px;
	font-size: 15px;
}
.booknewlist-btn a:hover {
	color: #333333;
}

.booksidebar li {
	padding-left: 2.25em;
}
.booksidebar a {
	color: #000000;
}
.booksidebar a:hover, .booksidebar a:focus {
	color: #FF0033;
}
.booksidebtn {
	background-color: #F23F3F;
	border-top-color: #F23F3F;
	border-right-color: #F23F3F;
	border-bottom-color: #F23F3F;
	border-left-color: #F23F3F;
}
.booksidebtn:hover, .booksidebtn:focus, .booksidebtn:active {
	background-color: #DC5656;
	border-top-color: #DC5656;
	border-right-color: #DC5656;
	border-bottom-color: #DC5656;
	border-left-color: #DC5656;
}
.totalpages {
	position: relative;
	top: 6px;
}






.shop2-btn  a {
	color: #333333;
	text-decoration: none;
	padding: 1em;
	background-color:#CCCCCC;
	font-family: Arial, Helvetica, sans-serif;
	display: block;
	margin: 0em;
	padding: 1em;
	background-color: #E4E4E4;
}
.shop2-btn   a:hover {
	color: #333333;
	text-decoration: none;
	padding: 1em;
	background-color:#999999;
	font-family: Arial, Helvetica, sans-serif;
}

.shop-btn a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 1em;
	background-color:#F25454;
	font-family: Arial, Helvetica, sans-serif;
}

.shop-btn-xs a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 0.5em;
	background-color:#999999;
	font-family: Arial, Helvetica, sans-serif;
	display: inline-block;
	list-style-type: disc;
}


.shop-btn a:hover,
.shop-btn-xs a:hover {
	background-color:#F47373;
	color: #FFFFFF;
}
.groupbuy li {
	font-family: "微軟正黑體";
	display: block;
	padding-bottom: 1em;
	list-style-type: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 17px;
}
.groupbuy ul {
	margin: 0px;
	padding: 0px;
}
.groupbuy h2 {
	font-family: "微軟正黑體";
	font-size: 24px;
	line-height: normal;
}
.groupbuy li strong {
	color: #F25454;
	font-size: 19px;
}
.buyno {
	margin: 0px;
	padding: 4px;
	position: absolute;
	background-color: #443DA0;
	display: block;
	font-size: 11px;
	line-height: 11px;
	z-index: 1;
	top: 5px;
	right: 5px;
	font-style: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.shopping2 .word {
	font-family: "微軟正黑體";
	font-size: 20px;
	line-height: 1.5em;
}
.onsaleinfo {
	font-size: 13px;
	color: #FFFFFF;
	background-color: #FF0000;
	display: inline-block;
	line-height: 1.25em;
	padding-top: 0.4em;
	padding-right: 0.5em;
	padding-bottom: 0.4em;
	padding-left: 0.5em;
	margin-top: 0.25em;
}

.buyinfo   {
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 1.5em;
	color: #4B8771;
}
.buystep {
	color: #666666;
	font-family: "微軟正黑體";
	font-size: 13px;
	display: inline-block;
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.buystepok {
	color: #FFFFFF;
	font-family: "微軟正黑體";
	font-size: 13px;
	display: inline-block;
	padding-top: 0.25em;
	padding-right: 0.5em;
	padding-bottom: 0.25em;
	padding-left: 0.5em;
	background-color: #999999;
	margin-top: 0px;
	margin-right: 2px;
	margin-bottom: 0px;
	margin-left: 2px;
}
.preordertime {
	font-size: 42px;
	font-weight: bolder;
	color: #333333;
	margin-bottom: 0.2em;
}

.step4 li {
	font-size: 13px;
}
.markplace {
	border: 3px solid #E97572;
}
.markremove {
	border: 3px solid #F5F5F5;
}

.member  h3  {
	color: #F25454;
}
.member li a {
	color: #333333;
	text-decoration: underline;
}
.member  li  a:hover {
	color: #F25454;
	text-decoration: underline;
}

.s_li {
	font-size: 17px;

}

.s_li h3 {
	margin: 0 0 0.25em 0;
	font-size: 23px;
	line-height: 1em;

}

.bodtitle {
	margin: 1em 0;
	font-size: 39px;
	font-weight: bold; 
}


.bodimg-p{
	position:absolute;
	width:auto;
	right:60px;
	bottom:120px;
	left:60px;
	z-index:10;
	color:#fff;
	text-align:left;
}

.bodimg-p h1 {
	font-weight: bold;
	font-size:43px;
	line-height: 1em;
	margin: 0;
	padding: 0;
}

.bodimg-p p {	
	font-size:17px;
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}


.flag {
	height: auto;
	width: 28px;
	text-align: center;
	font-family: "微軟正黑體";
	font-size: 13px;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
	position: absolute;
	z-index: 2;
	top: -5px;
	left: 27px;
}

.flagup {
	padding: 0.25em;
	color: #FFFFFF;
	background-color: #EB5050;
	text-align: center;
}

.flagleft {
	float: left;
	border-top-width: 2px;
	border-left-width: 7px;
	border-top-style: solid;
	border-top-color: #EB5050;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #EB5050;
	border-left-style: solid;
	height: 0px;
	width: 0px;
	border-right-width: 7px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
}



.flagright {
	float: right;
	height: 0px;
	width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 2px;
	border-right-width: 7px;
	border-bottom-width: 2px;
	border-left-width: 7px;
	border-top-color: #EB5050;
	border-right-color: #EB5050;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.flagup2 {
	padding: 0.25em;
	color: #FFFFFF;
	background-color: #31B79C;
	text-align: center;
}
.flagleft2 {
	float: left;
	border-top-width: 2px;
	border-left-width: 7px;
	border-top-style: solid;
	border-top-color: #31B79C;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #31B79C;
	border-left-style: solid;
	height: 0px;
	width: 0px;
	border-right-width: 7px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
}
.flagright2 {
	float: right;
	height: 0px;
	width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 2px;
	border-right-width: 7px;
	border-bottom-width: 2px;
	border-left-width: 7px;
	border-top-color: #31B79C;
	border-right-color: #31B79C;
	border-bottom-color: transparent;
	border-left-color: transparent;
}
.flagup3 {
	padding: 0.25em;
	color: #FFFFFF;
	background-color: #6486D7;
	text-align: center;
}
.flagleft3 {
	float: left;
	border-top-width: 2px;
	border-left-width: 7px;
	border-top-style: solid;
	border-top-color: #6486D7;
	border-right-color: transparent;
	border-bottom-color: transparent;
	border-left-color: #6486D7;
	border-left-style: solid;
	height: 0px;
	width: 0px;
	border-right-width: 7px;
	border-bottom-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
}
.flagright3 {
	float: right;
	height: 0px;
	width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-width: 2px;
	border-right-width: 7px;
	border-bottom-width: 2px;
	border-left-width: 7px;
	border-top-color: #6486D7;
	border-right-color: #6486D7;
	border-bottom-color: transparent;
	border-left-color: transparent;
}

.circle{
	border-radius: 200px 200px 200px 200px;
	-moz-border-radius: 200px 200px 200px 200px;
	-webkit-border-radius: 200px 200px 200px 200px;
	
}
