@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'footable';
  src: url('http://diytest.okweb.asia/3002/fonts/glyphicon-shalflings-regular.eot');
  src: url('http://diytest.okweb.asia/3002/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('http://diytest.okweb.asia/3002/fonts/glyphicons-halflings-regular.woff') format('woff'), url('http://diytest.okweb.asia/3002/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('http://diytest.okweb.asia/3002/fonts/glyphicons-halflings-regular.svg#footable') format('svg');
  
  font-weight: normal;
  font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  @font-face {
    font-family: 'footable';
    src: url('http://diytest.okweb.asia/3002/fonts/glyphicons-halflings-regular.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.max{font-size:140%;}
.big{font-size:110%;}
.small{font-size:85%;}
.color1{color:#CC0001;}
.color2{color:#2E9DC2;}/*同時用於留言者姓名標題,討論區*/
.color3{color:#78C346;}
.color4{color:#EB943D;}
.bold,.b{font-weight:bold;}

.page-content {
	font-size:1.3em;
	line-height:2em;
}
.page-content p {
	margin:0px 0px 10px 0px;
}
hr {
	margin:10px 0px;
	border:0;
	border-top:1px solid #ddd;/*水平線color*/
	clear:both;
}
.sr-only {/*hide style*/
	position:absolute;
	width:1px;
	height:1px;
	padding:0;
	margin:-1px;
	overflow:hidden;
	clip:rect(0,0,0,0);
	border:0;
}

h1, h2, h3, h4, h5, h6 {
	display:block;
	margin:0px;
	padding:0px;
}
h3.stitle {
	color:#CC0001;/*小標題color*/
	font-size:1.2em;
	font-weight:bold;
	margin:5px 0px 5px 0px;
	padding:0px 0px 0px 17px;
	background:url(../images/h3-dot.png) no-repeat 0px 7px;
}
h3.cubetitle {
	font-size:1.5em;
	font-weight:bold;
	margin:15px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

/*======img-style======*/

.img-left{float:left; margin:3px 15px 0px 0px;}
.img-right{float:right; margin:3px 0px 0px 15px;}
.img-center{display:block; text-align:center; margin:3px 0px;}

.img-thumbnail {
	display:inline-block;
	width:100% \9;
	max-width:100%;
	height:auto;
	padding:4px 4px;
	line-height:0;
	background-color:#fff;/*圖框背景color*/
	border:1px solid #ddd;/*圖框框線color*/
	border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
.img-thumbnail:hover{
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.29);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.29);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.29);
}


/*======column======*/
.col-all{/*group every category*/
	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 {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom:15px;
}
.col-group {
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom:15px;
}
.col-style{
  border:5px solid #eee;
  padding:15px;
  /*-webkit-border-radius:4px;
  -moz-border-radius: 4px;
  border-radius: 4px;*/
}

.col-cross8 {
  width: 65%;
  margin:0px 5px 1px 0px;
  float:left;
}
.col-cross6 {
  width: 48.6%;
  margin:0px 5px 1px 0px;
  float:left;
}
.col-cross6-2 {
  width: 46%;
  margin:0px 1px 1px 0px;
  float:left;
}
.col-cross4 {
  width: 32.2%;
  margin:0px 5px 1px 0px;
  float:left;
}
.col-cross3 {
  width: 24%;
  margin:0px 5px 1px 0px;
  float:left;
}
.col-cross-line {
  width: 6%;
  margin:0px 1px 1px 0px;
  float:left;
}
.col-cross-line > span{
	width:50%;
	height:80px;
	display:block;
	border-right:1px solid #ccc;
}
.col-cross-line > p{
	display:block;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color:#999;
	padding:10px 0px;
}
	

.col-left1{
	float:left;
	width:16%;
	text-align:right;
}
.col-right1{
	float:right;
	width:79%;
	margin-right:5px;
}

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



/*======form======*/
form{
	margin: 0px;
	padding: 0px;
	line-height:inherit;
}
label{
	display:inline-block;
	max-width:100%;
	margin:0px 5px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:inherit;
}
.notice {
}
.notice:after {
	content:'*';
	color:#F00;/*注意事項符號color*/
	font-weight:bold;
	font-family:Verdana, Geneva, sans-serif;
}
.form-group{
	margin:0px 0px 15px 0px;
	position:relative;
	clear:both;
}
input[type="radio"], input[type="checkbox"] {
	margin:-2px 5px 0px 3px;
	padding;0px 0px;
	vertical-align:middle;
}
input[type="text"], input[type="password"], select, textarea {
	border: 1px solid #ccc;/*預設表單框線color*/
	background-color:#fff;/*預設表單背景color*/
	text-decoration: none;
	padding:5px 8px;
	margin:0px 0px;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color:#666;/*預設表單字color*/
	font-size:1em;
	line-height:1.4em;
}
.form-sizes{
	width:35%;
	display:block;
}
.form-sizem{
	width:65%;
	display:block;
}
.form-sizel{
	width:97%;
	display:block;
}
.form-control {/*input-style*/
	padding:5px 8px;
	margin:5px 3px 5px 0px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.065);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.065);
	-webkit-transition:border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
	-o-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	color:inherit;
	font-size:inherit;
	line-height:inherit;
	font-family:inherit;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.form-control:focus {
	border-color:#66afe9;/*表單選擇中框線color*/
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.065), 0 0 8px rgba(102,175,233,.5);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.065), 0 0 8px rgba(102,175,233,.5)
}
.form-control::-moz-placeholder {
	color:#ccc;
	opacity:1
}
.form-control:-ms-input-placeholder {
	color:#ccc;
}
.form-control::-webkit-input-placeholder {
	color:#ccc;
}

.help-block {
	display:inline-block;
	margin:0px 0px;
	color:#777;/*附註說明字color*/
	font-size:0.85em;
	text-align:left;
}

.has-success .form-control {
	border-color:#72BB59;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-success .form-control:focus {
	border-color:#72BB59;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #C7E7AF;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #C7E7AF
}
.has-success .form-control-feedback {
	color:#72BB59;
}

.has-error .help-block, .has-error .control-label, .has-error .radio, .has-error .checkbox, .has-error .radio-inline, .has-error .checkbox-inline {
	color:#C00
}
.has-error .form-control {
	border-color:#a94442;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075);
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075)
}
.has-error .form-control:focus {
	border-color:#a94442;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #EF8D8D;
	box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px #EF8D8D
}
.has-error .form-control-feedback {
	color:#C00;
}

.has-feedback .form-control {
	padding-right:42.5px
}
.form-control-feedback {
	position:absolute;
	top:40px;
	right:12px;
	z-index:2;
	display:block;
	text-align:center;
}
.has-feedback label.sr-only~.form-control-feedback {
top:0
}

/*======vote======*/
.progress {
	height:30px;
	margin:5px 0px;
	overflow:hidden;
	background-color:#f2f2f2;/*長條圖背景color*/
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow:inset 0 1px 2px rgba(0,0,0,.1)
}
.progress-bar {
	float:left;
	width:0;
	height:100%;
	font-size:12px;
	line-height:20px;
	color:#fff;
	text-align:center;
	background-color:#FF9901;/*長條圖color*/
	-webkit-box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
	box-shadow:inset 0 -1px 0 rgba(0,0,0,.15);
	-webkit-transition:width .6s ease;
	-o-transition:width .6s ease;
	transition:width .6s ease
}

/*======page======*/
.pagenav-wrap{
	display:block;
	text-align:center;
}
.pagenav{
	padding:0px 0px;
	margin:10px 0;
	border-radius:4px;
	list-style:none;
	display:inline-block;
}
.pagenav>li {
	float:left;
	margin:0px 0px;
	padding:0px 0px;
}
.pagenav>li>a{
	padding:6px 12px;
	margin-left:-1px;
	color:#008C69;/*頁碼字color*/
	text-decoration:none;
	background-color:#fff;
	border:1px solid #ddd;
}
.pagenav>li:first-child>a {
	margin-left:0;
	border-top-left-radius:4px;
	border-bottom-left-radius:4px
}
.pagenav>li:last-child>a {
	border-top-right-radius:4px;
	border-bottom-right-radius:4px
}
.pagenav>li>a:hover, .pagenav>li>a:focus{
	color:#008C69;/*頁碼hover 字color*/
	background-color:#eee;
	border-color:#ddd
}
.pagenav>.active>a,.pagenav>.active>a:hover, .pagenav>.active>a:focus{
	color:#fff;/*頁碼選擇中字color*/
	background-color:#008C69;
	border-color:#008C69
}


/*======table_etc======*/
.table-wrapper {
	width:100%;
	margin:10px 0px;
}
.table-subject {
	display:block;
	position:relative;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border:1px solid #ddd;
	border-bottom:none;
}
.table-subject span.fleft{
	float:left;
	left:0px;
	top:0px;
	width:60%;
	padding:10px 10px;
	text-align:left;
	font-size:1.1em;
}
.table-subject span.fright{
	float:right;
	right:0px;
	top:0px;
	width:20%;
	padding:10px 10px;
	text-align:right;
}
/*======breadcrumb======*/
.breadcrumb {
	padding:0px 0px;
	margin:0px 0px 5px 0px;
	list-style:none;
	border-radius:4px;
}
.breadcrumb>li {
	display:inline-block;
	margin-left:0px;
}
.breadcrumb>li+li:before {
	padding:0 5px;
	content:"/\00a0"
}

/*======productlist======*/
.p-single {
	float:left;
	width:240px;
	height:350px;
	padding:0px;
	margin: 0px auto 30px auto;
	text-align:center;
}
.p-single .img-thumbnail {
	width:240px;
	height:240px;
	overflow:hidden;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.p-single .img-thumbnail img {
	/*?��?要�??�整齊模式以?�全?�顯示模式兩種�?�??�裡?�設定�?移至3001/page_tail.php?�中以java?��?
	max-width:240px;
	max-height:240px;
	*/
}
.p-single .p-tit {
	display:block;
	font-size:1.1em;
	line-height:1.2em;
	font-weight:bold;
	color:#008C69;/*產品列表-產品名color*/
	margin:10px 0px 0px 0px;
	padding:3px 10px;
}
.p-single .p-txt {
	display:block;
	font-size:1em;
	line-height:1.8em;
	color:#666;/*產品列表-其他文字color*/
	margin:3px 10px 0px 10px;
	padding:0px 0px;
}
/*======product-view======*/
.p-view .img-thumbnail{
	max-width:96%;
	height:auto;
}
.p-view .img-thumbnail img {
	width:100%;
}
.p-description{
	padding:0px 0px 0px 15px;
	margin-right:-15px;
}
.p-detail{
	padding:0px 0px;
}
.p-page-back{
	display:block;
	margin:0px 0px 5px 0px;
	padding:0px 10px;
	text-align:right;
}
.p-name{
	font-size:1.4em;
	font-weight:bold;
	display:block;
	padding:3px 0px;
}
.p-row{
	font-size:1em;
	display:block;
	padding:3px 0px;
}
.p-view label{
	width:100px;
	text-align:left;
}
.p-price-original{
	font-size:1.2em;
	font-weight:bold;
	color:#B93204;/*產品詳細-原價color*/
}
.p-price-member{
	font-size:1.2em;
	font-weight:bold;
	color:#F00;/*產品詳細-會員網路價color*/
}
.btn-addcart{
    font-size:1.2em;
    line-height: 1.3em;
    padding: 8px 20px;
    font-family:Verdana,"微軟正黑體", Geneva, sans-serif;
	color:#fff;/*加入購物車字color*/
	background-color:#006A50;/*加入購物車背景color*/
    border:2px transparent solid;/*加入購物車線框color*/
    background-image: none;
	box-shadow:3px 3px 1px #ddd;
}
.btn-addcart:hover{
	background-color:#C00;
	color:#fff;
    border:2px #C00 solid;
}
.btn-addcart.disabled, .btn.disabled{
	background-color:#bbb;
    border:2px transparent solid;
}
.btn-addcart.disabled:hover, .btn.disabled:hover{
	background-color:#bbb;
    border:2px transparent solid;
}

/*======video======*/
.video-single{
	float:left;
	width:240px;
	height:190px;
	padding:0px 0px;
	margin:0px 40px 20px 0px;
	text-align:center;
}
.video-single .video-subhead{
	display:block;
	font-weight:normal;
	margin:5px 0px;
	padding:0px 0px;
}

.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-right:0px;
	margin-bottom:0px;
}
.embed-responsive.embed-responsive-4by3 {
	padding-bottom:75%
}

/*======gallery======*/
.album-single {
	float:left;
	width:240px;
	height:300px;
	padding:0px;
	margin: 0px auto 30px auto;
	text-align:center;
}
.album-single .img-thumbnail {
	width:240px;
	height:240px;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;

}
.album-single .img-thumbnail img {
	/*?��?要�??�整齊模式以?�全?�顯示模式兩種�?�??�裡?�設定�?移至3001/page_tail.php?�中以java?��?
	max-width:240px;
	max-height:240px;
	*/
}
.album-single .album-subhead{
	display:block;
	font-weight:normal;
	margin: 5px 0px 10px 0px;
	padding:0px 0px;
}


.photo-gallery{
	list-style:none;
	margin:0px 0px;
	padding:0px 0px;
}
.photo-gallery li{
	width:33%;
	float:left;
	margin:0px auto 10px auto;
	text-align:center;
}
.photo-gallery li .img-thumbnail{
	width:auto;
	height:auto;
	overflow:hidden;
	text-align:center;
	vertical-align:middle;
	position:relative;
}
.photo-gallery li img {
	max-width:120px;
	max-height:120px;
}

.photo-gallery li .photo-box{
	background:rgba(0,0,0,0.5);/*相片hover 區塊color*/
	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;/*相片標題字color*/
}
.photo-gallery li:hover .photo-subhead{
	margin-top:0px;
}
.photo-gallery li .photo-subhead a{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	position:relative;
	color:#fff;/*相片標題連結字color*/
	text-decoration:none;
}
.photo-gallery li .photo-subhead a:hover{
	color:#fff;/*相片標題連結字hover color*/
	text-decoration:none;
}
.photo-gallery li .photo-subhead a p{
	display:inline-block;
	border-bottom:1px rgba(255,255,255,0.8) solid;
	padding:0px 10px 10px 10px;
	margin:0px 0px 8px 0px;
	line-height:1.5em;
}
/*======member======*/

ul.member-ul{
	padding:0px 20px;
}
ul.member-ul li{
	margin:5px 0px;
	padding:8px;
	display:block;
	background:#999;
	border:1px #999 solid;
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-align:center;
	color:#fff;
	vertical-align:top;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}
ul.member-ul li:hover{
	background:#008C69;
	border:1px #008C69 solid;
}
ul.member-ul li a{
	color:#fff;
	text-decoration:none;
    font-family:Verdana,"微軟正黑體", Geneva, sans-serif;
}
ul.member-ul li a:hover{
	color:#fff;
	text-decoration:none;
}
ul.member-ul li.glyphicon:before{
	margin:0px 8px 0px 0px;
}

/*======panel======*/
.panel {
	margin-bottom:20px;
	background-color:#fff;/*panel背景color*/
	border:1px solid #008C69;/*panel線框color*/
	border-radius:4px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
	box-shadow:0 1px 1px rgba(0,0,0,.05);
	text-align:left;
}
.panel2 {
	margin-bottom:20px;
	background-color:#fff;/*panel背景color*/
	border:1px solid #CCCCCC;/*panel線框color*/
	border-radius:4px;
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.05);
	box-shadow:0 1px 1px rgba(0,0,0,.05);
	text-align:left;
}
.panel-body {
	padding:10px 15px;
}
.panel .panel-heading {
	padding:8px 10px;
	border-bottom:1px solid transparent;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	color:#fff;/*panel標題字color*/
	background-color:#008C69;/*panel標題背景color*/
	border-color:#008C69;/*panel標題線框color*/
}
.panel2 .panel-heading {
	padding:8px 10px;
	border-bottom:1px solid transparent;
	border-top-left-radius:3px;
	border-top-right-radius:3px;
	color:#008C69;/*panel標題字color*/
	background-color:#F0F0F0;/*panel標題背景color*/
	border-color:#DFDFDF;/*panel標題線框color*/
}
.panel-title {
	margin-top:0;
	margin-bottom:0;
	font-size:16px;
	color:inherit;
}
.panel-title>a {
	color:inherit;
}

/*======news======*/
ul.news-wrap{
	margin:0px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	list-style:none;
	position:relative;
}
li.news-date{
	list-style:none;
	float:left;
	margin:0px 10px 0px 0px;
	padding:3px;
	color:#008C69;/*日期字color*/
	-webkit-border-radius:4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
li.news-date strong{
	font-size:2.3em;
	position:absolute;
	margin:0px 0px;
	text-align:left;
}
li.news-date span.news-month {
	display:block;
	font-size:0.9em;
	line-height:1em;
	margin:0px 0px 2px 45px;
	border-bottom:1px solid #008C69;/*日期線color*/
	padding:0px 0px 0px 5px;
	font-weight:bold;
	text-align:center;
}
li.news-date span.news-year {
	display:block;
	font-size:0.9em;
	line-height:1em;
	margin:0px 0px 0px 45px;
	padding:0px 0px 0px 5px;
	font-weight:bold;
	text-align:center;
}
li.news-subhead{
	margin:0px 0px 0px 0px;
	padding:10px 0px 0px 0px;
	text-align:left;
	list-style:none;
	float:left;
	font-size:1.1em;
	color:#008C69;/*最新訊息標題字color*/
	font-weight:bold;
}
li.news-content{
	display:block;
	clear:both;
	margin:0px 0px;
	padding:5px 0px 20px 0px;
}
li.news-content img{
	display:inline-block;
	width:96% \9;
	max-width:96%;
	height:auto;
	padding:4px;
	line-height:1.42857143;
	background-color:#fff;
	border:1px solid #ddd;
	border-radius:4px;
	-webkit-transition:all .2s ease-in-out;
	-o-transition:all .2s ease-in-out;
	transition:all .2s ease-in-out
}



/*============================glyphicon===============================*/
.text-symbols{
	margin:0px;
	padding:0px;
	list-style:none;
	display:block;
}
.text-symbols li{
	display:inline-block;
	padding:0px 0px;
	margin:0px 10px 2px 0px;
	width:30%;
}
.text-symbols li span{
	color:#333;
	font-size:1.1em;
	display:inlin-block;
}
.text-symbols li span.glyphicon-class{
	color:#666;
	font-size:0.8em;
	display:inlin-block;
	padding-left:5px;
	font-family:Arial, Helvetica, sans-serif;
}

.glyphicon {
    font-family: 'footable';
	font-style:normal;
	font-weight:400;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale
}

.glyphicon-asterisk:before {
	content:"\2a"
}
.glyphicon-plus:before {
	content:"\2b"
}
.glyphicon-euro:before {
	content:"\20ac"
}
.glyphicon-minus:before {
	content:"\2212"
}
.glyphicon-cloud:before {
	content:"\2601"
}
.glyphicon-envelope:before {
	content:"\2709"
}
.glyphicon-pencil:before {
	content:"\270f"
}
.glyphicon-glass:before {
	content:"\e001"
}
.glyphicon-music:before {
	content:"\e002"
}
.glyphicon-search:before {
	content:"\e003"
}
.glyphicon-heart:before {
	content:"\e005"
}
.glyphicon-star:before {
	content:"\e006"
}
.glyphicon-star-empty:before {
	content:"\e007"
}
.glyphicon-user:before {
	content:"\e008"
}
.glyphicon-film:before {
	content:"\e009"
}
.glyphicon-th-large:before {
	content:"\e010"
}
.glyphicon-th:before {
	content:"\e011"
}
.glyphicon-th-list:before {
	content:"\e012"
}
.glyphicon-ok:before {
	content:"\e013"
}
.glyphicon-remove:before {
	content:"\e014"
}
.glyphicon-zoom-in:before {
	content:"\e015"
}
.glyphicon-zoom-out:before {
	content:"\e016"
}
.glyphicon-off:before {
	content:"\e017"
}
.glyphicon-signal:before {
	content:"\e018"
}
.glyphicon-cog:before {
	content:"\e019"
}
.glyphicon-trash:before {
	content:"\e020"
}
.glyphicon-home:before {
	content:"\e021"
}
.glyphicon-file:before {
	content:"\e022"
}
.glyphicon-time:before {
	content:"\e023"
}
.glyphicon-road:before {
	content:"\e024"
}
.glyphicon-download-alt:before {
	content:"\e025"
}
.glyphicon-download:before {
	content:"\e026"
}
.glyphicon-upload:before {
	content:"\e027"
}
.glyphicon-inbox:before {
	content:"\e028"
}
.glyphicon-play-circle:before {
	content:"\e029"
}
.glyphicon-repeat:before {
	content:"\e030"
}
.glyphicon-refresh:before {
	content:"\e031"
}
.glyphicon-list-alt:before {
	content:"\e032"
}
.glyphicon-lock:before {
	content:"\e033"
}
.glyphicon-flag:before {
	content:"\e034"
}
.glyphicon-headphones:before {
	content:"\e035"
}
.glyphicon-volume-off:before {
	content:"\e036"
}
.glyphicon-volume-down:before {
	content:"\e037"
}
.glyphicon-volume-up:before {
	content:"\e038"
}
.glyphicon-qrcode:before {
	content:"\e039"
}
.glyphicon-barcode:before {
	content:"\e040"
}
.glyphicon-tag:before {
	content:"\e041"
}
.glyphicon-tags:before {
	content:"\e042"
}
.glyphicon-book:before {
	content:"\e043"
}
.glyphicon-bookmark:before {
	content:"\e044"
}
.glyphicon-print:before {
	content:"\e045"
}
.glyphicon-camera:before {
	content:"\e046"
}
.glyphicon-font:before {
	content:"\e047"
}
.glyphicon-bold:before {
	content:"\e048"
}
.glyphicon-italic:before {
	content:"\e049"
}
.glyphicon-text-height:before {
	content:"\e050"
}
.glyphicon-text-width:before {
	content:"\e051"
}
.glyphicon-align-left:before {
	content:"\e052"
}
.glyphicon-align-center:before {
	content:"\e053"
}
.glyphicon-align-right:before {
	content:"\e054"
}
.glyphicon-align-justify:before {
	content:"\e055"
}
.glyphicon-list:before {
	content:"\e056"
}
.glyphicon-indent-left:before {
	content:"\e057"
}
.glyphicon-indent-right:before {
	content:"\e058"
}
.glyphicon-facetime-video:before {
	content:"\e059"
}
.glyphicon-picture:before {
	content:"\e060"
}
.glyphicon-map-marker:before {
	content:"\e062"
}
.glyphicon-adjust:before {
	content:"\e063"
}
.glyphicon-tint:before {
	content:"\e064"
}
.glyphicon-edit:before {
	content:"\e065"
}
.glyphicon-share:before {
	content:"\e066"
}
.glyphicon-check:before {
	content:"\e067"
}
.glyphicon-move:before {
	content:"\e068"
}
.glyphicon-step-backward:before {
	content:"\e069"
}
.glyphicon-fast-backward:before {
	content:"\e070"
}
.glyphicon-backward:before {
	content:"\e071"
}
.glyphicon-play:before {
	content:"\e072"
}
.glyphicon-pause:before {
	content:"\e073"
}
.glyphicon-stop:before {
	content:"\e074"
}
.glyphicon-forward:before {
	content:"\e075"
}
.glyphicon-fast-forward:before {
	content:"\e076"
}
.glyphicon-step-forward:before {
	content:"\e077"
}
.glyphicon-eject:before {
	content:"\e078"
}
.glyphicon-chevron-left:before {
	content:"\e079"
}
.glyphicon-chevron-right:before {
	content:"\e080"
}
.glyphicon-plus-sign:before {
	content:"\e081"
}
.glyphicon-minus-sign:before {
	content:"\e082"
}
.glyphicon-remove-sign:before {
	content:"\e083"
}
.glyphicon-ok-sign:before {
	content:"\e084"
}
.glyphicon-question-sign:before {
	content:"\e085"
}
.glyphicon-info-sign:before {
	content:"\e086"
}
.glyphicon-screenshot:before {
	content:"\e087"
}
.glyphicon-remove-circle:before {
	content:"\e088"
}
.glyphicon-ok-circle:before {
	content:"\e089"
}
.glyphicon-ban-circle:before {
	content:"\e090"
}
.glyphicon-arrow-left:before {
	content:"\e091"
}
.glyphicon-arrow-right:before {
	content:"\e092"
}
.glyphicon-arrow-up:before {
	content:"\e093"
}
.glyphicon-arrow-down:before {
	content:"\e094"
}
.glyphicon-share-alt:before {
	content:"\e095"
}
.glyphicon-resize-full:before {
	content:"\e096"
}
.glyphicon-resize-small:before {
	content:"\e097"
}
.glyphicon-exclamation-sign:before {
	content:"\e101"
}
.glyphicon-gift:before {
	content:"\e102"
}
.glyphicon-leaf:before {
	content:"\e103"
}
.glyphicon-fire:before {
	content:"\e104"
}
.glyphicon-eye-open:before {
	content:"\e105"
}
.glyphicon-eye-close:before {
	content:"\e106"
}
.glyphicon-warning-sign:before {
	content:"\e107"
}
.glyphicon-plane:before {
	content:"\e108"
}
.glyphicon-calendar:before {
	content:"\e109"
}
.glyphicon-random:before {
	content:"\e110"
}
.glyphicon-comment:before {
	content:"\e111"
}
.glyphicon-magnet:before {
	content:"\e112"
}
.glyphicon-chevron-up:before {
	content:"\e113"
}
.glyphicon-chevron-down:before {
	content:"\e114"
}
.glyphicon-retweet:before {
	content:"\e115"
}
.glyphicon-shopping-cart:before {
	content:"\e116"
}
.glyphicon-folder-close:before {
	content:"\e117"
}
.glyphicon-folder-open:before {
	content:"\e118"
}
.glyphicon-resize-vertical:before {
	content:"\e119"
}
.glyphicon-resize-horizontal:before {
	content:"\e120"
}
.glyphicon-hdd:before {
	content:"\e121"
}
.glyphicon-bullhorn:before {
	content:"\e122"
}
.glyphicon-bell:before {
	content:"\e123"
}
.glyphicon-certificate:before {
	content:"\e124"
}
.glyphicon-thumbs-up:before {
	content:"\e125"
}
.glyphicon-thumbs-down:before {
	content:"\e126"
}
.glyphicon-hand-right:before {
	content:"\e127"
}
.glyphicon-hand-left:before {
	content:"\e128"
}
.glyphicon-hand-up:before {
	content:"\e129"
}
.glyphicon-hand-down:before {
	content:"\e130"
}
.glyphicon-circle-arrow-right:before {
	content:"\e131"
}
.glyphicon-circle-arrow-left:before {
	content:"\e132"
}
.glyphicon-circle-arrow-up:before {
	content:"\e133"
}
.glyphicon-circle-arrow-down:before {
	content:"\e134"
}
.glyphicon-globe:before {
	content:"\e135"
}
.glyphicon-wrench:before {
	content:"\e136"
}
.glyphicon-tasks:before {
	content:"\e137"
}
.glyphicon-filter:before {
	content:"\e138"
}
.glyphicon-briefcase:before {
	content:"\e139"
}
.glyphicon-fullscreen:before {
	content:"\e140"
}
.glyphicon-dashboard:before {
	content:"\e141"
}
.glyphicon-paperclip:before {
	content:"\e142"
}
.glyphicon-heart-empty:before {
	content:"\e143"
}
.glyphicon-link:before {
	content:"\e144"
}
.glyphicon-phone:before {
	content:"\e145"
}
.glyphicon-pushpin:before {
	content:"\e146"
}
.glyphicon-usd:before {
	content:"\e148"
}
.glyphicon-gbp:before {
	content:"\e149"
}
.glyphicon-sort:before {
	content:"\e150"
}
.glyphicon-sort-by-alphabet:before {
	content:"\e151"
}
.glyphicon-sort-by-alphabet-alt:before {
	content:"\e152"
}
.glyphicon-sort-by-order:before {
	content:"\e153"
}
.glyphicon-sort-by-order-alt:before {
	content:"\e154"
}
.glyphicon-sort-by-attributes:before {
	content:"\e155"
}
.glyphicon-sort-by-attributes-alt:before {
	content:"\e156"
}
.glyphicon-unchecked:before {
	content:"\e157"
}
.glyphicon-expand:before {
	content:"\e158"
}
.glyphicon-collapse-down:before {
	content:"\e159"
}
.glyphicon-collapse-up:before {
	content:"\e160"
}
.glyphicon-log-in:before {
	content:"\e161"
}
.glyphicon-flash:before {
	content:"\e162"
}
.glyphicon-log-out:before {
	content:"\e163"
}
.glyphicon-new-window:before {
	content:"\e164"
}
.glyphicon-record:before {
	content:"\e165"
}
.glyphicon-save:before {
	content:"\e166"
}
.glyphicon-open:before {
	content:"\e167"
}
.glyphicon-saved:before {
	content:"\e168"
}
.glyphicon-import:before {
	content:"\e169"
}
.glyphicon-export:before {
	content:"\e170"
}
.glyphicon-send:before {
	content:"\e171"
}
.glyphicon-floppy-disk:before {
	content:"\e172"
}
.glyphicon-floppy-saved:before {
	content:"\e173"
}
.glyphicon-floppy-remove:before {
	content:"\e174"
}
.glyphicon-floppy-save:before {
	content:"\e175"
}
.glyphicon-floppy-open:before {
	content:"\e176"
}
.glyphicon-credit-card:before {
	content:"\e177"
}
.glyphicon-transfer:before {
	content:"\e178"
}
.glyphicon-cutlery:before {
	content:"\e179"
}
.glyphicon-header:before {
	content:"\e180"
}
.glyphicon-compressed:before {
	content:"\e181"
}
.glyphicon-earphone:before {
	content:"\e182"
}
.glyphicon-phone-alt:before {
	content:"\e183"
}
.glyphicon-tower:before {
	content:"\e184"
}
.glyphicon-stats:before {
	content:"\e185"
}
.glyphicon-sd-video:before {
	content:"\e186"
}
.glyphicon-hd-video:before {
	content:"\e187"
}
.glyphicon-subtitles:before {
	content:"\e188"
}
.glyphicon-sound-stereo:before {
	content:"\e189"
}
.glyphicon-sound-dolby:before {
	content:"\e190"
}
.glyphicon-sound-5-1:before {
	content:"\e191"
}
.glyphicon-sound-6-1:before {
	content:"\e192"
}
.glyphicon-sound-7-1:before {
	content:"\e193"
}
.glyphicon-copyright-mark:before {
	content:"\e194"
}
.glyphicon-registration-mark:before {
	content:"\e195"
}
.glyphicon-cloud-download:before {
	content:"\e197"
}
.glyphicon-cloud-upload:before {
	content:"\e198"
}
.glyphicon-tree-conifer:before {
	content:"\e199"
}
.glyphicon-tree-deciduous:before {
	content:"\e200"
}





/*=====================responsives===========================*/
@media (min-width: 1100px) {
.col-all {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.p-single {
	width:25%;
}
.video-single{
	margin: 0px 0.5% 30px 0.5%;
	width: 24%;
}
.album-single {
	width:25%;
}
.photo-gallery li{
	width:14.2%;
}
.form-control-feedback {
	top:36px;
}
}
@media (min-width: 850px) and (max-width: 1100px){
.col-all {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.p-single {
	width:33%;
}
.video-single{
	margin: 0px 1% 30px 1%;
	width: 31.3%;
}
.album-single {
	width:33%;
}
.photo-gallery li{
	width:16.6%;
}
.text-symbols{
	display:none;
}

}
@media (min-width: 600px) and (max-width: 850px){
.col-all {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}
.p-single {
	width:50%;
	height:400px;
}
.p-single .img-thumbnail {
	display:inline-block;
	width:280px;
	height:280px;
}
.product-one-id,.intro-one-id{
	width:280px;
	height:280px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
.video-single{
	margin: 0px 1% 30px 1%;
	width: 48%;
	height:250px;
}
.embed-responsive.embed-responsive-16by9 {
	padding-bottom:56.25%;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:10px;
}
.album-single {
	width:50%;
	height:350px;
}
.album-single .img-thumbnail {
	display:inline-block;
	width:290px;
	height:290px;
}
.album-one-id{
	width:290px;
	height:290px;
}
.photo-gallery li{
	width:20%;
}
.form-control-feedback {
	top:40px;
}
.text-symbols{
	display:none;
}
}
@media (min-width: 450px) and (max-width: 600px){
.col-all {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.col-cross8 {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  padding:8px 0px;
  display:block;
}
.col-cross6 {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  padding:8px 0px;
  display:block;
}
.col-cross6-2 {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  padding:8px 0px;
  display:block;
}
.col-cross4 {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  padding:8px 0px;
  display:block;
}
.col-cross3 {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  padding:8px 0px;
  display:block;
}
.col-cross-line {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  display:block;
}
.col-cross-line > span{
	width:33%;
	height:1px;
	display:inline-block;
	border-right:none;
	border-bottom:1px solid #ccc;
}
.col-cross-line > p{
	width:15%;
	display:inline-block;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color:#999;
	padding:5px 0px;
}

.form-sizes{
	width:auto;
	display:block;
}
.form-sizem{
	width:auto;
	display:block;
}
.p-single {
	width:98%;
	height:auto;
}
.p-single .img-thumbnail {
	width:100%;
	height:auto;
	display:block;
}
.album-single .album-subhead{
	margin: 5px 0px 10px 0px;
}
.p-description{
	padding:0px 10px;
	margin-right:0px;
}
.p-detail{
	padding:0px 10px;
}
.p-page-back{
	text-align:center;
}
.p-view label{
	display:block;
	width:96%;
	font-size:0.9em;
	line-height:0.9em;
	color:#999;
	margin:10px 0px 0px 0px;
	padding:5px 0px;
	border-bottom:1px #ddd solid;	
}
.btn-addcart{
	width:96%;
}
.video-single{
	width:100%;
	height:auto;
	display:block;
	margin:0px 0px 20px 0px;
}
.embed-responsive.embed-responsive-16by9 {
	padding-bottom:56.25%;
	margin-right:0px;
	margin-bottom:0px;
}
.album-single {
	width:98%;
	height:auto;
}
.album-single .img-thumbnail {
	width:100%;
	height:auto;
	display:block;
}
.photo-gallery li{
	width:33%;
}
.form-control-feedback {
	top:40px;
	right:10px;
}
.img-left{display:block; width:100%; float:none; margin:10px 0px 10px 0px; text-align:center;}
.img-right{display:block; width:100%; float:none; margin:10px 0px 10px 0px; text-align:center;}
.img-center{display:block; width:100%; float:none; margin:10px 0px 10px 0px; text-align:center;}
.col-left1{display:block; width:100%; float:none; margin:10px 0px 3px 0px; text-align:left;}
.col-right1{display:block; width:95%; float:none; margin:3px 0px 10px 0px; text-align:left;}
.col-left2{display:block; width:100%; float:none; margin:10px 0px 10px 0px; text-align:center;}
.col-right2{display:block; width:95%; float:none; margin:3px 0px 10px 0px; text-align:left;}
.text-symbols{
	display:none;
}
}
@media (min-width: 0px) and (max-width: 450px){/*Same as above except the ".photo-gallery li"*/
.col-all {
	width:95%;
	margin-left:auto;
	margin-right:auto;
}
.col-cross8 {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  padding:8px 0px;
  display:block;
}
.col-cross6 {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  padding:8px 0px;
  display:block;
}
.col-cross6-2 {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  padding:8px 0px;
  display:block;
}
.col-cross4 {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  padding:8px 0px;
  display:block;
}
.col-cross3 {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  padding:8px 0px;
  display:block;
}
.col-cross-line {
  width: 100%;
  margin:0px 0px 2px 0px;
  float:none;
  display:block;
}
.col-cross-line > span{
	width:33%;
	height:1px;
	display:inline-block;
	border-right:none;
	border-bottom:1px solid #ccc;
}
.col-cross-line > p{
	width:15%;
	display:inline-block;
	text-align:center;
	font-size:1em;
	font-weight:bold;
	color:#999;
	padding:5px 0px;
}

.form-sizes{
	width:auto;
	display:block;
}
.form-sizem{
	width:auto;
	display:block;
}
.p-single {
	width:98%;
	height:auto;
}
.p-single .img-thumbnail {
	width:100%;
	height:auto;
	display:block;
}
.album-single .album-subhead{
	margin: 5px 0px 10px 0px;
}
.p-description{
	padding:0px 10px;
	margin-right:0px;
}
.p-detail{
	padding:0px 10px;
}
.p-page-back{
	text-align:center;
}
.p-view label{
	display:block;
	width:96%;
	font-size:0.9em;
	line-height:0.9em;
	color:#999;
	margin:10px 0px 0px 0px;
	padding:5px 0px;
	border-bottom:1px #ddd solid;	
}
.btn-addcart{
	width:96%;
}
.video-single{
	width:100%;
	height:auto;
	display:block;
	margin:0px 0px 20px 0px;
}
.embed-responsive.embed-responsive-16by9 {
	padding-bottom:56.25%;
	margin-right:0px;
	margin-bottom:0px;
}
.album-single {
	width:98%;
	height:auto;
}
.album-single .img-thumbnail {
	width:100%;
	height:auto;
	display:block;
}
.photo-gallery li{
	width:50%;
}
.form-control-feedback {
	top:40px;
	right:10px;
}
.img-left{display:block; width:100%; float:none; margin:10px 0px 10px 0px; text-align:center;}
.img-right{display:block; width:100%; float:none; margin:10px 0px 10px 0px; text-align:center;}
.img-center{display:block; width:100%; float:none; margin:10px 0px 10px 0px; text-align:center;}
.col-left1{display:block; width:100%; float:none; margin:10px 0px 3px 0px; text-align:left;}
.col-right1{display:block; width:95%; float:none; margin:3px 0px 10px 0px; text-align:left;}
.col-left2{display:block; width:100%; float:none; margin:10px 0px 10px 0px; text-align:center;}
.col-right2{display:block; width:95%; float:none; margin:3px 0px 10px 0px; text-align:left;}
.text-symbols{
	display:none;
}
}