@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'footable';
  src: url('//ae1.okweb.asia/3006/fonts/glyphicon-shalflings-regular.eot');
  src: url('//ae1.okweb.asia/3006/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//ae1.okweb.asia/3006/fonts/glyphicons-halflings-regular.woff') format('woff'), url('//ae1.okweb.asia/3006/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('//ae1.okweb.asia/3006/fonts/glyphicons-halflings-regular.svg#footable') format('svg');  
  font-weight: normal;
  font-style: normal;
}
img{ max-width:100%;}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('//ae1.okweb.asia/3006/fonts/glyphicons-halflings-regular.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.glyphicon {
    font-family: 'footable';
	font-style:normal;
	font-weight:400;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
/*==============================
     		 Article
===============================*/
.article-style{
	padding:2em 0;
}

.page-title,h2.page-title{
	display:block;
	margin:0 0 0.5em 0  !important;
	padding:0 0 0.5em 0 !important;
	text-align:left  !important;
	font-size: 2em  !important;
	font-weight: normal !important;
	/*color:#333 !important;
	border-bottom:1px solid #ddd;*/
}
@media (max-width: 767px){
	.page-title,h2.page-title,.stitle{
		text-align:center  !important;
	}
}

article a:link{ text-decoration: underline;}
article a:hover{ text-decoration: none;}
p{margin: 1em 0;}
.max{font-size:1.6em;}
.big{font-size:1.3em;}
.small{font-size:0.9em;}
.notes{/*color:#c00;*/}
.color1{/*color:#D8603C;*/}
.color2{/*color:#333;*/}
.color3{/*color:#328498;*/}
.color4{/*color:#4D78C5;*/}
.bold,.b{font-weight:600;}
.img-thumbnail{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	margin:0;
}

.form-group{ position:relative; clear:both;}
.has-feedback .form-control,
.has-success .form-control,
.has-error .form-control{
	padding-right:2em;
	position:relative;
}
.form-control-feedback {
	height:1.1em;
	width:1.1em;
	position:absolute;
	top:50%;
	margin-top:-0.6em;
	right:0.8em;
}

h1, h2, h3, h4, h5, h6 {
	display:block;
	position:relative;
}
h2{font-size: 1.6em;}
h3{font-size: 1.3em;}




.stitle {
	/*color:#666;
	text-shadow:0 0 1px #eee;*/
	font-size:1.3em;
	font-weight:normal;
	margin:1em 0;
	padding:0;
}

/*==========================================
column it's different from bootstrap.min.css
============================================*/
/*group every category*/
.col-all{
	position:relative;
}
.col-row,.col-cross-line,.col-cross3,.col-cross4,.col-cross6-2,.col-cross6,.col-cross8,.col-left1,.col-right1,.col-group{
	position:relative;
}
.col-row , .col-group {
	margin:0.5em 0;
}

.col-all img{
	display:block; margin:0; padding:0;
}
.col-cross8,.col-cross6,.col-cross6-2,.col-cross4,.col-cross3  {
	width: 100%;
	margin:1em 0;
	float:none;
	padding:0;
	display:block;
}
.col-cross-line {
	width: 100%;
	margin:0 0 1px 0;
	float:none;
	display:block;
}
.col-cross-line > span{
	width:33%;
	height:1px;
	display:inline-block;
	border-right:none;
	/*border-bottom:1px solid #ddd;*/
}
.col-cross-line > p{
	width:15%;
	display:inline-block;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	padding:5px 0;
	/*color:#999;*/
}

.col-align-r,.right{ text-align:right;}
.col-align-c,.center{ text-align:center;}
.col-align-l,.left{ text-align:left;}

.col-left1{display:block; width:100%; float:none; margin:0 0 1px 0; text-align:left;}
.col-right1{display:block; width:100%; float:none; margin:0 0 1px 0; text-align:left;}
.col-left2{display:block; width:100%; float:none; margin:0 0 1px 0; text-align:center;}
.col-right2{display:block; width:95%; float:none; margin:0 0 1px 0; text-align:left;}

/*======img-style======*/
.img-left, .img-right, .img-center{
	display:block;
	float:none;
	margin:0 auto 0.5em auto;
	text-align:center;
}


@media (min-width: 1021px){
	.col-left1{
		float:left;
		width:15%;
		text-align:right;
		margin:0 0 10px 0;
	}
	.col-right1{
		float:right;
		width:80%;
		margin-right:1%;
	}
	.img-left{float:left; margin:0 1em 0.5em 0;}
	.img-right{float:right; margin:0 0 0.5em 1em;}
	.img-center{display:block; text-align:center; margin:0.5em auto;}
	.col-cross8 {
	  width: 65%;
	  margin:0 1% 1em 0;
	  float:left;
	}
	.col-cross6 {
	  width: 48.5%;
	  margin:0 1% 1em 0;
	  float:left;
	}
	.col-cross6-2 {
	  width: 46%;
	  margin:0 1% 1em 0;
	  float:left;
	}
	.col-cross4 {
	  width: 32%;
	  margin:0 1% 1em 0;
	  float:left;
	}
	.col-cross3 {
	  width: 23.8%;
	  margin:0 1% 1em 0;
	  float:left;
	}
	.col-cross-line {
		width: 5%;
		margin:0;
		float:left;
	}
	.col-cross-line > span{
		width:1px;
		height:90px;
		display:block;
		/*border-right:1px solid #ccc;*/
		border-bottom:none;
		margin:0 0 0 5px;
	}
	.col-cross-line > p{
		display:block;
		text-align:center;
		font-size:1em;
		font-weight:bold;
		padding:10px 0;
	}
}


/*======vote======*/
.progress {
	height:30px;
	margin:5px 0;
	overflow:hidden;
	/*background-color:#f2f2f2;*/
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.progress-bar {
	float:left;
	width:0;
	height:100%;
	font-size:1em;
	line-height:1.5;
	text-align:center;
	/*color:#fff;
	background-color:#7b7b7b;*/
	-webkit-animation: voteprogress 1.5s ease-in-out;
	        animation: voteprogress 1.5s ease-in-out;
    -webkit-animation-delay: 1s; /* Chrome, Safari, Opera */
  		    animation-delay: 1s;

}
@-webkit-keyframes voteprogress {
  0% {
    width:0;
  }
  100% {
    width:attr(aria-valuenow);
  }
}
@keyframes voteprogress {
  0% {
  	width:0;
  }
  100% {
  	width:attr(aria-valuenow);
  }
}


/*======pagenav======*/
.pagenav-wrap{
	display:block;
	text-align:center;
}
.pagenav{
	padding:0;
	margin:10px 0;
	list-style:none;
	display:inline-block;
}
.pagenav > li {
	float:left;
	margin:0;
	padding:0;
}
.pagenav > li > a,.pagenav > li > a:link{
	display:block;
	padding:6px 12px;
	margin-left:-1px;
	text-decoration:none;
	/*color:#666;
	background-color:#fff;
	border:1px solid #ddd;*/
	font-size: 1em;
	line-height: 1.5;
}
.pagenav > li:first-child > a {
	margin-left:0;
}
.pagenav > li > a:hover, .pagenav > li > a:focus{
	/*color:#666;
	background-color:#eee;
	border-color:#ddd*/
}
.pagenav > .active > a,.pagenav > .active > a:hover, .pagenav > .active > a:focus{
	/*color:#fff;
	background-color:#7b7b7b;
	border-color:#ddd*/
}


/*======table_etc======*/
.table-wrapper {
	width:100%;
	margin:10px 0;
}
.table-subject{
	border:none;
	display:block;
	position:relative;
	border-bottom:none;
}
.table-subject span.fleft{
	float:left;
	left:0;
	top:0;
	width:60%;
	padding:10px;
	text-align:left;
	font-size:1.1em;
}
.table-subject span.fright{
	float:right;
	right:0;
	top:0;
	width:20%;
	padding:10px;
	text-align:right;
}
/*======breadcrumb======*/
.breadcrumb {
	padding:0;
	margin:0 0 1em 0;
	list-style:none;
	background:transparent;
}
.breadcrumb > li {
	display:inline-block;
	*display:inline;
	margin-left:0;
	font-size: 0.9em;
	line-height:1.5;
}
.breadcrumb > li + li:before {
	padding:0 5px;
	content:"/\00a0";
}

/*======productlist======*/
.p-single,.album-single {
	float:none;
	display:inline-block;
	*display: inline;
	vertical-align: top;
	padding:0;
	height:auto;
	text-align:center;
	margin:10px auto 30px auto;
	width:100%;
}

.p-single .img-thumbnail,.album-single .img-thumbnail{
	width:auto;
	height:auto;
	position: relative;
	display:inline-block;
	*display: inline;
	overflow:hidden;
	text-align:center;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.p-single .img-thumbnail:hover,.album-single .img-thumbnail:hover{box-shadow:0 0 10px rgba(0,0,0,0.5);}
.product-one-id,.intro-one-id,.album-one-id{
	display:inline-block;
	text-align:center;
	vertical-align:middle;
}
.album-single .img-thumbnail{
	/*border:1px solid #ddd;*/
}
.intro-one-id{
	width:auto; height:auto;
}
.p-single a img,.album-single a img{ min-width:none; min-height:none; width:auto; height:auto;}
.p-single a:hover img,.album-single a:hover img{
	-ms-transform: scale(1.3,1.3); /* IE 9 */
    -webkit-transform: scale(1.3,1.3); /* Safari */
    transform: scale(1.3,1.3); /* Standard syntax */
	-webkit-transition:all 3s ease-out;
	-o-transition:all 3s ease-out;
	transition:all 3s ease-out;
}
.p-cover{
	background: #8E0F0F;
	opacity:.8;
	position:absolute;
	top:56%;
	left:-10%;
	right:-10%;
	bottom:-10%;
	-ms-transform: rotate(-10deg); /* IE 9 */
    -webkit-transform: rotate(-10deg); /* Safari */
    transform: rotate(-10deg);
    z-index:15000;
}
.p-cover:before{
	content:'Detail';
	color:#fff;
	font-size: 2em;
	line-height:1;
	text-align:center;
	margin:12% 0 0 5%;
	display:block;
	-ms-transform: rotate(10deg); /* IE 9 */
    -webkit-transform: rotate(10deg); /* Safari */
    transform: rotate(10deg);
}
.p-single .p-tit {
	display:block;
	font-size:1.2em;
	line-height:1.4em;
	/*text-shadow:0px 0px 1px #ddd;*/
	margin:0.3em 0;
	padding:0;
	text-decoration: none;
}
.p-single .p-txt {
	display:block;
	font-size:1em;
	line-height:1.5em;
	/*color:#666;*/
	margin:0;
	padding:0 0.3em;
}
.album-single .album-subhead{
	display:block;
	font-weight:normal;
	margin: 0.5em 0;
	padding:0;
}

@media (min-width: 650px) and (max-width:767px), (min-width: 992px){
	.p-single,.album-single {
		margin: 10px 0.5% 30px 0.5%;
		width:48%;
	}
	.product-one-id,.intro-one-id,.album-one-id{
		display:table-cell;
	}
	.intro-one-id{
		width:300px;
		height:300px;
	}
	.p-single .img-thumbnail, .album-single .img-thumbnail{
		width:300px;
		height:300px;
		max-width:none;
	}
}
@media (min-width: 1350px){
	.p-single,.album-single {
		margin: 10px 0.5% 30px 0.5%;
		width:31%;
	}
}
@media (min-width: 1600px){
	.p-single,.album-single {
		margin: 10px 0.2% 30px 0.2%;
		width:24%;
	}
}


/*======product-view======*/
.p-view .img-thumbnail{
	max-width:100%;
	height:auto;
}
.p-view .img-thumbnail img {
	width:100%;
}
.p-description{
	padding:0;
	margin:0;
}
.p-detail{
	padding:0;
}
.p-page-back{
	display:block;
	margin:0;
	padding:0;
	text-align:center;
}
.p-page-back a{ text-decoration:none;}
.p-name{
	font-size:1.4em;
	font-weight:bold;
	display:block;
	padding:0.5em 0;
}
.p-row{
	font-size:1em;
	display:block;
	padding:0.3em 0;
}
.p-view label{
	display:block;
	width:100%;
	font-size:0.9em;
	margin:10px 0 0 0;
	padding:0;
	/*color:#666;
	border-bottom:1px #ddd solid;*/
	border-right:none;
}
.p-price-original{
	font-size:1.3em;
	font-weight:bold;
	/*color:#C00;*/
}
.p-price-member{
	font-size:1.3em;
	font-weight:bold;
	/*color:#C00;*/
}
.btn-addcart{
    font-size:1.2em;
	width:100%;
	/*color:#fff;
	background:#C00;
    border:3px #C00 solid;*/
}
.btn-addcart:hover{
	/*color:#fff;
	background:#E23E21;
    border:3px #E23E21 solid;*/
}
.btn-addcart.disabled, .btn.disabled{
	/*color:#666;
	background:#ccc;
    border:3px #ccc solid;*/
    cursor:not-allowed;
}
.btn-addcart.disabled:hover, .btn.disabled:hover{
	/*color:#666;*/
}
.sociable > ul li{
	display:inline-block;
	*display:inline;
}

@media (min-width: 768px){
	.p-description{
		padding:0 0 0 15px;
	}
	.p-page-back{
		text-align:right;
	}
	.p-view label{
		display:inline-block;
		*display:inline;
		width:auto;
		font-size:1em;
		/*color:#333;
		border:none;*/
		text-align:left;
		margin:0;
		padding:0;
			
	}
	.btn-addcart{
		width:auto;
	}
}
/*======gallery======*/
.photo-gallery{
	list-style:none;
	margin:0;
	padding:0;
}
.photo-gallery li{
	width:49%;
	min-width:150px;
	height:150px;
	margin:0 0.3% 0.3% 0.3%;
	text-align:center;
	display:inline-block;
}

.photo-gallery li .img-thumbnail{
	width: 150px;
	height: 150px;
	overflow:hidden;
	display:table-cell;
	position:relative;
	text-align:center;
	vertical-align:middle;
	/*border:1px solid #ddd;*/
}
.photo-gallery li .img-thumbnail img {
	max-width:150px;
	max-height:150px;
}

.photo-gallery li .photo-box{
	/*background:rgba(0,0,0,0.5);*/
	width:100%;
	height:100%;
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	-webkit-transition:all .15s ease-in-out;
	-o-transition:all .15s ease-in-out;
	transition:all .15s ease-in-out;
	opacity:0;
}
.photo-gallery li:hover .photo-box{
	opacity:1;
}
.photo-gallery li .photo-subhead{
	width:100%;
	height:100%;
	display:table;
	-webkit-transition:all 0.2s ease-in-out;
	-o-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	/*color:#fff;*/
}
.photo-gallery li:hover .photo-subhead{
	margin-top:0;
}
.photo-gallery li .photo-subhead a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	position:relative;
	/*color:#fff;*/
	text-decoration:none;
}
.photo-gallery li .photo-subhead a:hover{
	/*color:#fff;*/
	text-decoration:none;
}
.photo-gallery li .photo-subhead a p{
	display:none;
	padding:0;
	margin:0 0 0.5em 0;
}
.photo-gallery li .photo-subhead .icon-zoom{
	display:block;
	margin:-1em 0 0 0;
	background-image:none !important;
}
.icon-zoom::before{
	font-family: 'footable';
	font-style: normal;
	font-weight: 200;
	font-size: 1.25em;
	line-height: 1;
	/*color:#fff;*/
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content:"\e003";
	margin:0;
  	padding:0;
	cursor: pointer;
  	display:inline-block;
}
.icon-cart::before{ 
	content:' ';
	height:38px;
	width:38px;
	display:inline-block;
	margin:0 0 -10px 0;
  	padding:0;
	background-image:url(https://ae1.okweb.asia/3006/svg/nav-cart.svg);
	background-size:contain;
	background-position:0 0;
	background-repeat:no-repeat;
}
@media (min-width: 420px){
	.photo-gallery li{
		width:32%;
	}
}
@media (min-width: 650px){
	.photo-gallery li{
		width:32%;
	}
}
@media (min-width: 1050px){
	.photo-gallery li{
		width:15%;
	}
}

/*======video======*/
.video-single{
	width:100%;
	height:auto;
	display:block;
	margin:0 0 20px 0;
}
.video-single .video-subhead{
	display:block;
	font-weight:normal;
	margin:5px 0;
	padding:0;
    min-height: 57px;
    overflow: hidden;
    height: 57px;
}

.video-single .embed-responsive {
	position:relative;
	display:block;
	height:0;
	padding:0;
	overflow:hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe, .embed-responsive embed, .embed-responsive object {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	border:0;
}
.embed-responsive.embed-responsive-16by9 {
	padding-bottom:56.25%;
	margin-left:0;
	margin-right:0;
	margin-bottom:10px;
}
.embed-responsive.embed-responsive-4by3 {
	padding-bottom:75%;
}
@media (min-width: 1021px){
	.video-single{
		float:left;
		width: 48%;
		padding:0;
		margin: 0 1% 2em 1%;
		text-align:center;
	}
}

/*======member======*/
ul.member-ul{
	padding:0 1em;
}
ul.member-ul li{
	display:block;
	width:100%;
	position:relative;
}
ul.member-ul li a{
	font-family: 'Open Sans', "微軟正黑體", Arial, "新細明體", "Helvetica Neue", Helvetica, sans-serif;
	/*color:#fff;*/
	text-decoration:none;
	font-size: 1em;
	line-height: 1.8;
	margin:0 0 0.5em 0;
	padding:0.5em 1em 0.5em 40px;
	display:block;
	/*background:#7b7b7b;
	border:1px #7b7b7b solid;
	border-left:5px solid rgba(255,255,255,0.1);*/
	text-align:left;
	vertical-align:middle;
	-webkit-transition:all .1s ease-in-out;
	-o-transition:all .1s ease-in-out;
	transition:all .1s ease-in-out;
}
ul.member-ul li a:hover{
	text-decoration:none;
	/*color:#fff;
	background:#9d9d9d;
	border:1px #9d9d9d solid;*/
}
ul.member-ul li.glyphicon:before{
	/*color:#fff;*/
	position:absolute;
	top:15px;
	left:15px;
	margin:0 8px 0 0;
}

/*======panel======*/
.panel {
	margin-bottom:2em;
	/*background-color:#fff;
	border:1px solid #ddd;*/
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
	box-shadow:0 1px 1px rgba(0,0,0,.05);
}
.panel2 {
	margin-bottom:2em;
	/*background-color:#fff;
	border:1px solid #ddd;*/
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
	box-shadow:0 1px 1px rgba(0,0,0,.05);
}
.panel-body {
	padding:1em;
}
.panel .panel-heading {
	padding:0.5em 1em;
	/*border-bottom:1px solid transparent;
	color:#fff;
	background-color:#7b7b7b;
	border-color:#ddd;*/
}
.panel2 .panel-heading {
	padding:0.5em 1em;
	/*border-bottom:1px solid transparent;
	color:#333;
	background-color:#eee;
	border-color:#ddd;*/
}
.panel-title,.panel-heading > h3 {
	margin-top:0;
	margin-bottom:0;
	font-size:1.1em;
	line-height: 2;
}
.panel, .panel2, .panel-body, .panel-heading{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
}
.panel .glyphicon-comment:before,
.panel2 .glyphicon-comment:before,
.panel .glyphicon-tag:before,
.panel2 .glyphicon-tag:before{
	content:'';
}

/*======news單頁式列表======*/
ul.singlepagelist{
	list-style:none;
	margin:0;
	padding:0;
}
ul.singlepagelist li{
	padding:0;
	margin:1em auto;
	/*background:#fff;
	border:0px solid #ddd;*/
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	-ms-border-radius: 0;
	-o-border-radius: 0;
	border-radius: 0;
	position:relative;
}
ul.singlepagelist li .p-page-back{
	float:right;
	padding:0 !important;
	margin:0 !important;
	z-index:10000;
	position:relative;
}
ul.singlepagelist li .p-page-back a{
	/*background: #bbb;
	color:#fff;*/
	font-size: 1em;
	line-height:2;
	margin:0;
	padding:0.4em 0.8em;
	display:block;
	text-decoration:none;
}
ul.singlepagelist li .p-page-back a:hover{
	/*background: #999;*/
}



.singlepagelist-subhead{/* 單頁式列表標題 */
	position:relative;
	font-size: 1em;
	line-height:2;
	font-weight:bold;
	margin:0;
	padding:0.3em 100px 0.3em 1em;
	display:block;
	/*border:1px solid #ddd;*/
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);
	box-shadow:0 1px 1px rgba(0,0,0,.2);
	word-break:break-all;
}
.singlepagelist-subhead a:link{
	text-decoration: none;
}

.singlepagelist-date:after{/* 單頁式列表日期+此樣式 */
	content:attr(data-newsdate);
	font-size: 0.85em;
	line-height:2;
	font-weight: normal;
	text-align:center;
	text-shadow: none;
	/*color:#666;*/
	margin:0 0 0 1em;
}
.singlepagelist-summary{/* 單頁式列表剪短摘要 */
	display:block;
	margin:1em 0 2em 0;
	font-size: 1em;
}
.icon-bullhorn:before, .icon-faq:before, .icon-guide:before{
	content:' ';
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	width:5px;
	/*background: rgba(0,0,0,0.1);*/
}


/*======news======*/
.news-wrap{
	margin:0;
	padding:1em 0;
	list-style:none;
	position:relative;
	clear:both;
}
.news-date{
	list-style:none;
	float:left;
	font-size: 1em;
	line-height:2;
	font-weight: normal;
	text-align:center;
	text-shadow: none;
	padding:0.4em 2em;
	/*color:#fff;
	background: #7b7b7b;
	border:1px solid #7b7b7b;*/
}
.news-date strong,
.news-date span.news-month,
.news-date span.news-year {
	font-weight: normal;
	font-size:1em;
	display:inline;
}
.news-subhead{
	word-break:break-all;
	display:block;
	font-size: 1em;
	line-height:2;
	font-weight:bold;
	margin:0;
	padding:0.3em 1em 0.5em 160px;
	/*border:1px solid #ddd;*/
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.2);
	box-shadow:0 1px 1px rgba(0,0,0,.2);
}
.news-content{
	clear:both;
	display:block;
	margin:0;
	padding:1em 0;
}
.news-content img{
	display:inline-block;
	max-width:100%;
	width:100% \9;
	height:auto;
	padding:4px;
	line-height:1;
}
@media all and (-ms-high-contrast:none){
 .news-content img{ width:100% } /* IE10 */
 *::-ms-backdrop, .news-content img{ width:100% } /* IE11 */
}

@media (max-width:992px){
	.news-date, .news-subhead{
		float:none;
		display:block;
		width:100%;
		padding:0.3em 1em 0.6em 1em;
	}
}


/*==========Start希望有的預設樣式==========*/
h2.h2-style{
	/*color:#599FA9;*/
	font-size: 1.6em;
	font-weight: bold;
	margin:1em 0;
}
h3.h3-style{
	/*color:#666;*/
	font-size: 1.3em;
	font-weight: bold;
	margin:1em 0;
	padding:0 0 0 20px;
}
h3.h3-style:before{
	content:' ';
	width:8px;
	height:8px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	position:absolute;
	top:7px;
	left:3px;
	background: rgba(199,199,199,1);
	background: -moz-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(153,153,153,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(199,199,199,1)), color-stop(100%, rgba(153,153,153,1)));
	background: -webkit-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(153,153,153,1) 100%);
	background: -o-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(153,153,153,1) 100%);
	background: -ms-linear-gradient(top, rgba(199,199,199,1) 0%, rgba(153,153,153,1) 100%);
	background: linear-gradient(to bottom, rgba(199,199,199,1) 0%, rgba(153,153,153,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7c7c7', endColorstr='#999999', GradientType=0 );
}
ul.ul-style li{
	padding:0 0 0 15px;
	position:relative;
}
ul.ul-style li:before{
	content:' ';
	position:absolute;
	width:4px;
	height:4px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
	/*background: #999;*/
	line-height:1.5;
	top:14px;
	left:2px;
}
/*==========End希望有的預設樣式==========*/