@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'footable';
  src: url('//img.okweb.asia/3006/fonts/glyphicon-shalflings-regular.eot');
  src: url('//img.okweb.asia/3006/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//img.okweb.asia/3006/fonts/glyphicons-halflings-regular.woff') format('woff'), url('//img.okweb.asia/3006/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('//img.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('//img.okweb.asia/3008/fonts/glyphicons-halflings-regular.svg#footable') format('svg');
    font-weight: normal;
    font-style: normal;
  }
}
.glyphicon {
    font-family: 'footable';
	font-style:normal;
	font-weight:700;
	line-height:1;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
}
.clearfloat{
	clear: both;
	}
	

.page-title{display:block;text-align:center;font-size:1.6em;line-height:1.5;font-weight:normal}
@media(min-width:768px){.stitle{text-align:left}
.page-title{text-align:left}
}.article-column a{text-decoration:underline}
.article-column a:hover{text-decoration:none}
p{margin:1em 0}
.max{font-size:1.6em}
.big{font-size:1.3em}
.small{font-size:.9em}
.notice:before{content:'*';font-size:1.3em;line-height:1;font-weight:bold;color:#f00;display:inline}
.form-group{position:relative;clear:both; margin:10px 0 5px 0;}
.form-sizel{width:100%}
h1,h2,h3,h4,h5,h6{display:block;position:relative}
h1.website,h1.website_subject-set-line{ display:inline;}
h2{font-size:1.6em}
h3{font-size:1.3em}
.stitle{text-shadow:0 0 1px rgba(0,0,0,0.1);font-size:1.3em;font-weight:normal;margin:1em 0;padding:0}
.help-block{font-size:.85em}
.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:.5em 0}
.col-style{padding:1em}
.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}
.col-cross-line>p{width:15%;display:inline-block;text-align:center;font-size:1em;font-weight:bold;padding:5px 0}
.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-left,.img-right,.img-center{display:block;float:none;margin:0 auto .5em auto;text-align:center}

@media(min-width:1094px){
.btn{    display: block;}
.col-left1{float:left;width:17%;text-align:right;margin:0}
.col-right1{float:right;width:80%;margin-right:1%}
.img-left{float:left;margin:0 1em .5em 0}
.img-right{float:right;margin:0 0 .5em 1em}
.img-center{display:block;text-align:center;margin:.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;margin:0 0 0 5px}
.col-cross-line>p{display:block;text-align:center;font-size:1em;font-weight:bold;padding:10px 0}
}
label{margin:.3em 0}
.progress{height:2.5em;margin:.5em 0;overflow:hidden;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.2);box-shadow:inset 0 1px 2px rgba(0,0,0,0.2) -webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
.progress-bar{float:left;width:0;height:100%;text-align:center}
.pagenav-wrap{display:block;text-align:center}
.pagenav{padding:0;margin:1em 0;list-style:none;display:inline-block}
.pagenav>li{float:left;margin:0 2px;padding:0}
.pagenav>li>a,.pagenav>li>a:link{display:block;padding:.4em .9em;margin-left:-1px;text-decoration:none;font-size:1em;line-height:1.5;-webkit-border-radius:50px;-moz-border-radius:50px;-ms-border-radius:50px;-o-border-radius:50px;border-radius:50px}
.pagenav>li:first-child>a{margin-left:0}
.table-wrapper{width:100%;margin:1em 0}
.table-subject{border:0;display:block;position:relative;border-bottom:0}
.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{padding:0;margin:0;list-style:none;background:transparent}
.breadcrumb>li{display:inline-block;*display:inline;margin-left:0;font-size:.9em;line-height:1.5}
.breadcrumb>li+li:before{padding:0 5px;content:"/\00a0"}
.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{max-width:100%;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}
.intro-one-id{width:auto;height:auto}
.intro-one-id img{width:300px!important;margin:0!important}
.p-single a img,.p-single img{min-width:none;min-height:none;width:auto;height:auto;max-width:100%;margin-bottom:-10px; max-height:300px;}
.album-single a img{min-width:none;min-height:none;width:auto;height:auto;max-width:100%;margin-bottom:-10px; max-height:253px;}
.p-single a:hover img,.album-single a:hover img{-ms-transform:scale(1.3,1.3);-webkit-transform:scale(1.3,1.3);transform:scale(1.3,1.3);-webkit-transition:all 3s ease-out;-o-transition:all 3s ease-out;transition:all 3s ease-out}
.p-single .p-tit{display:block;font-size:1.1em;line-height:1.5;text-shadow:0 0 1px rgba(0,0,0,0.1);margin:-8px 0 0 0;padding:0;text-decoration:none}
.p-single .p-txt{display:block;font-size:.85em;line-height:1.8;margin:0;padding:0}
.album-single .album-subhead{display:block;font-weight:normal;margin:.5em 0;padding:0}

@media(min-width:420px){.p-single,.album-single{margin:10px .5% 5px .5%;width:48%}
.product-one-id,.intro-one-id,.album-one-id{display:table-cell; height:250px!important; width:320px}


}
@media(min-width:768px){.p-single,.album-single{margin:10px .5% 5px .5%;width:31%}
}
@media(max-width:420px){
.album-one-id{height: auto!important;}
.p-single .p-tit{margin:10px 0 20px 0 ;}
.album-single a img{max-height:300px;}
}
.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}
.p-row{font-size:1em;display:block;padding:.3em 0}
.p-view label{width:100%;font-size:.9em;margin:0;padding:0}
.p-price-original{font-size:1.3em;font-weight:bold}
.p-price-member{font-size:1em;font-weight:bold}
.btn-addcart{font-size:1.2em;width:100%}
.btn-addcart.disabled,.btn.disabled{cursor:not-allowed}
.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;text-align:left;margin:0;padding:0}
.btn-addcart{width:auto}
}.photo-gallery{list-style:none;margin:0;padding:0;text-align:center}
.photo-gallery li{width:49%;min-width:150px;height:150px;margin:0.1%;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}
.photo-gallery li .img-thumbnail img{max-width:100%;max-height:100%}
.photo-gallery li .photo-box{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;text-align:center}
.photo-gallery li:hover .photo-box{opacity:1}
.photo-gallery li .photo-subhead{width:100%;height:100%;display:table;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
.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;text-decoration:none}
.photo-gallery li .photo-subhead a:hover{text-decoration:none}
.photo-gallery li .photo-subhead a p{display:none;padding:0;margin: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;-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(../svg/nav-cart.svg);background-size:contain;background-position:0 0;background-repeat:no-repeat}
@media(min-width:350px){.photo-gallery li{width:32%}
}@media(min-width:768px){.photo-gallery{text-align:left}
.photo-gallery li{width:8%}
}.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}
.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:768px){.video-single{float:left;width:48%;padding:0;margin:0 1% 2em 1%;text-align:center}
.dropdown-lang.open .dropdown-menu-lang{
		animation-name: openmenu ;
	    animation-duration: .2s;
	}
}
ul.member-ul{padding:0 1em}
ul.member-ul li{display:block;width:100%;position:relative}
ul.member-ul li a{text-decoration:none;margin:0 0 .5em 0;padding:.7em 1em .7em 2.3em;line-height:1;font-size:1em;display:block;text-align:left;-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;font-family:Arial,"微軟正黑體","新細明體","Helvetica Neue",Helvetica,sans-serif;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;border-radius:2px}
ul.member-ul li a:hover{text-decoration:none}
ul.member-ul li.glyphicon:before{position:absolute;top:.9em;left:1em;margin:0 8px 0 0}
.panel{margin-bottom:2em}
.panel2{margin-bottom:2em}
.panel-body{padding:1em}
.panel .panel-heading{padding:.5em 1em}
.panel2 .panel-heading{padding:.5em 1em}
.panel-title,.panel-heading>h3{margin-top:0;margin-bottom:0;font-size:1.1em;font-weight:normal}
.panel .glyphicon-comment:before,.panel2 .glyphicon-comment:before,.panel .glyphicon-tag:before,.panel2 .glyphicon-tag:before{content:''}
ul.singlepagelist{list-style:none;margin:0;padding:0}
ul.singlepagelist li{padding:0;margin:1em auto;-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{margin:0;padding:.4em .8em;display:block;text-decoration:none}
.singlepagelist-subhead{position:relative;font-weight:bold;margin:0;padding:.3em 100px .3em 1em;display:block;-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:.85em;line-height:2;font-weight:normal;text-align:center;text-shadow:none;margin:0 0 0 1em}
.singlepagelist-summary{display:block;margin:1em 0 2em 0}
.singlepagelist .footable{background:0}
.icon-bullhorn:before,.icon-faq:before,.icon-guide:before{content:' ';position:absolute;top:0;bottom:0;left:0;width:5px}
@media(max-width:768px){.singlepagelist-subhead{padding:.3em 1em}
.col-cross6{width:100%;margin:0 1% 1em 0;float:left}
}.news-wrap{margin:0;padding:1em 0;list-style:none;position:relative;clear:both}
.news-date{float:left;font-weight:normal;text-align:center;text-shadow:none;padding:.4em 1em;border:0}
.news-date strong,.news-date span.news-month,.news-date span.news-year{font-weight:normal;display:inline;font-size:.8em}
.news-subhead{word-break:break-all;display:block;font-weight:bold;margin:0;padding:.3em 1em .5em 110px;display:block;-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%;height:auto;padding:4px;line-height:1}
@media all and (-ms-high-contrast:none){.news-content img{width:100%}
*::-ms-backdrop,.news-content img{width:100%}
}@media(max-width:768px){.news-date{margin-top:-1.8em;line-height:1}
.news-subhead{padding:.3em 1em}
}