@import url("../css/grid-mobile.css");
@import url("../css/notification.css");
@import url("../css/buttons.css");
@import url("../css/forms.css");
@import url("../css/pagination.css");
@import url("../css/pager.css");
@import url("../css/breadcrumb.css");
@import url("../js/jquerymodal/jquery.modal.css");
@charset "utf-8";
/* Overall */
html,button,input,select,textarea{color:#222}
html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
::-moz-selection{background:#b3d4fc;text-shadow:none}
::selection{background:#b3d4fc;text-shadow:none}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,video{display:inline-block;*display:inline;*zoom:1}
audio:not([controls]){display:none;height:0}
[hidden]{display:none}
hr{margin: 12px 0;border: 0;border-top: 1px solid #eeeeee;border-bottom: 1px solid #ffffff;-moz-box-sizing:content-box;box-sizing:content-box;}
audio,canvas,img,video{vertical-align:middle}
fieldset{border:0;margin:0;padding:0}
textarea{resize:vertical}
.browsehappy{margin:.2em 0;background:#ccc;color:#000;padding:.2em 0}
img{width:auto\9;height:auto;max-width:100%;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic}
ul{list-style:none;margin:0;padding:0}
p{margin:0 0 8px 0}
a:focus{outline:thin dotted}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
blockquote{margin:1em 40px}
dfn{font-style:italic}
mark{background:#ff0;color:#000}
pre{margin:1em 0}
code,kbd,pre,samp{font-family:monospace,serif;_font-family:'courier new',monospace;font-size:1em}
pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}
q{quotes:none}
q:before,q:after{content:'';content:none}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
dl,menu,ol,ul{margin:1em 0}
dd{margin:0 0 0 40px}
menu,ol,ul{padding:0 0 0 40px}
nav ul,nav ol{list-style:none;list-style-image:none}
svg:not(:root){overflow:hidden}
figure{margin:0}
form{margin:0}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0;white-space:normal;*margin-left:-7px}
button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle}
button,input{line-height:normal}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;*overflow:visible}
button[disabled],html input[disabled]{cursor:default}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;*height:13px;*width:13px}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
textarea{overflow:auto;vertical-align:top}
table{border-collapse:collapse;border-spacing:0}
.clearfix{*zoom:1}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
/* Base styles */
.text-left{text-align:left}
.text-right{text-align:right}
.text-center{text-align:center}
iframe { border:none; width:100%}
.fb_iframe_widget,.fb_iframe_widget span,.fb_iframe_widget span iframe[style]{width:100% !important} /*for facebook like box 100% width*/
.video-container {position: relative;padding-bottom: 56.25%;padding-top: 30px; height: 0; overflow: hidden;}  /*for youtube 100% width style*/
.video-container iframe,.video-container object,.video-container embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}  /*for youtube 100% width style*/
.pull-right{float:right}
.pull-left{float:left}
.hidden{display: none;visibility: hidden;}
.hidden-desktop{display: none !important;}
.hidden-phone{display: block !important;}
.google-maps img{max-width:none}
.google-maps{width:100%;height:100%;border:1px solid #DDD}  /*for google map style*/
.text-overflow{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;} /*for text the word cut*/
.circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px}  /*for circle border style*/
.rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px} /*for rounded border style*/
.enter-content {word-break: break-all;} /*for Text line breaks*/
.enter-content p { line-height:120%; margin-bottom:15px;}
.error-page {font-size:30pt; -webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px; width:150px; height:150px; color:#FFF; margin:auto; vertical-align:middle; line-height:150px; margin-bottom:10px;}
/* Format setting */
h1,.h1,h2,.h2,h3,.h3,h4,.h4 {font-family:"ff-tisa-web-pro-1","ff-tisa-web-pro-2","Lucida Grande","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;line-height:120%;font-weight:normal}
h1,.h1{font-size:36px}
h2,.h2{font-size:30px}
h3,.h3{font-size:24px}
h4,.h4{font-size:18px}
h5,.h5{font-size:14px}
h6,.h6{font-size:12px}
/* Color styles */
.bg-color,.error-page {background:#595757;}
.link a,.link,.link a:hover,.link a:focus { color:#337ab7; height:60px; overflow:hidden}
.clickr-form input:focus:invalid:focus,.clickr-form textarea:focus:invalid:focus,.clickr-form select:focus:invalid:focus{border-color:#595757}
.clickr-form input[type=file]:focus:invalid:focus,.clickr-form input[type=radio]:focus:invalid:focus,.clickr-form input[type=checkbox]:focus:invalid:focus{outline-color:#595757}
.clickr-form input[type=text]:focus,.clickr-form input[type=password]:focus,.clickr-form input[type=email]:focus,.clickr-form input[type=url]:focus,.clickr-form input[type=date]:focus,.clickr-form input[type=month]:focus,.clickr-form input[type=time]:focus,.clickr-form input[type=datetime]:focus,.clickr-form input[type=datetime-local]:focus,.clickr-form input[type=week]:focus,.clickr-form input[type=number]:focus,.clickr-form input[type=search]:focus,.clickr-form input[type=tel]:focus,.clickr-form input[type=color]:focus,.clickr-form select:focus,.clickr-form textarea:focus{border-color:#595757}
.clickr-form input:not([type]):focus{border-color:#595757}
.pagination li>a,.pagination li>span{background-color:#595757;}
.mm-ismenu {background: #595757;}
.owl-theme .owl-controls .owl-page span{background:#595757}
.owl-theme .owl-controls .owl-buttons div{background:#595757}
.sort li.active a { background:#595757}
.page-area .page-title { color:#595757}
/* Author's custom styles */
body { margin: 0;font-family:'Helvetica Neue',Verdana,微軟正黑體,'Microsoft JhengHei','Microsoft YaHei',"Lucida Grande","Lucida Sans Unicode",sans-serif;font-size:12pt;line-height:120%; background-color:#FFF; background-image:url(../img/bg.png);color:#555;}
a{color:#337ab7;outline: none;text-decoration:none}
a:hover,a:focus{color:#337ab7;text-decoration:underline}
.link a,.link,.link a:hover,.link a:focus {font-weight:bold;}
.contactMap { width:100%; border:1px solid #DDD;}
a.imgresize { display:block; height:100px;}
#wrapper { max-width:800px; height:auto; min-height:100%; margin:0 auto; overflow:hidden;height: 100%; padding:0;}
/*nav*/
#menu ul { margin:0; padding:0; list-style:none}
/*nav end*/
header { color:#FFF; height:42px; overflow:hidden}
header a.back_home { display:inline-block; float:left; zoom: 1;*display: inline; width:42px; height:42px; background-image:url(../img/icon-home2.png); -webkit-background-size: 20px;-moz-background-size: 20px;-o-background-size: 20px; background-size: 20px; background-position:center center; background-repeat:no-repeat; border-right:1px solid #FFF; margin-right:15px;}
header .title { display:block; float:left; width:100%; font-size:14pt; line-height:42px; text-align:center;font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; }
header a.nav-button { width:42px; height:42px; display:block; text-align:center; line-height:42px; border-left:1px solid #FFF; background-image:url(../img/icon-nav.png);-webkit-background-size: 20px;-moz-background-size: 20px;-o-background-size: 20px; background-size: 20px; background-position:center center; background-repeat:no-repeat; }
header #build-menu-button { display:block}
footer.copyright { text-align:center; background:#FFF; color:#555; font-size:10pt; padding-bottom:10px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.search-bar { margin-bottom:10px;}
.search-bar .clickr-button {-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:5px 15px; font-size:12pt; height:35px;}
.search-bar .clickr-button i {background-image:url(../img/icon-search.png);-webkit-background-size: 20px;-moz-background-size: 20px;-o-background-size: 20px; background-size: 20px;background-position:center center;padding:3px 10px; background-repeat:no-repeat}
.search-bar input[type=text] { height:35px; border-right:0;}
.title-bar {color:#FFF; height:20px; line-height:20px; font-size:12pt; padding:10px; font-weight:bold;}
.title-bar a { color:#FFF; text-decoration:none; font-weight:normal}
.page-area {  background:#FFF;}
.page-area .page-title { font-size:14pt; font-weight:bold; line-height:120%}
.page-area .page-title .date { font-size:12pt; font-weight:normal; color:#888}
.page-area .page-title-gap { padding:15px;}
.page-area .page-gap {padding:0 15px 5px 15px; background:#FFF}
.page-area .page-grid-gap {padding:0 10px 5px 10px;background:#FFF}
.page-tool  { margin-bottom:10px; font-size:11pt;}
.page-tool span.date { padding:3px 0; font-size:11pt; line-height:200%; color:#888}
.page-tool span.views { font-size:11pt; color:#966}
.page-tool .page-control a { border:1px solid #DDD; line-height:250%; margin-left:3px; font-size:12pt; padding:3px 5px;}
.page-tool .page-control a.share { padding:3px 5px 3px 22px; background-image:url(../img/icon-share.png); -webkit-background-size: 20px;-moz-background-size: 20px;-o-background-size: 20px; background-size: 20px; background-position:left center; background-repeat:no-repeat;}
.page-tool .category a { text-decoration:underline}
.page-title-bar {height:20px; line-height:20px; font-size:12pt; padding:10px 0; font-weight:bold; border-bottom:1px solid #DDD}
.contact-form label { display:block}
.contact-form textarea { height:120px;}
.home-gap { background:#FFF; padding:10px 10px 0 10px;}
.grid-gap { padding:0 10px 5px 10px; background:#FFF}

.home-shortcut-gap {background:#FFF; padding:15px 5px 0 5px;}
.shortcut-icon { margin-bottom:10px;}
.shortcut-icon a.icon { display:block; background:#DDC98E; padding:15px; margin:0 5px 5px 5px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; text-align:center}
.shortcut-icon a.icon:hover { background:#595757}
.shortcut-icon p {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}

.list-0002 { border:1px solid #DDD; padding:5px; margin-bottom:10px; display:block}
.list-0002 .body {display:block;overflow: hidden;*overflow: visible;zoom: 1;}
.list-0002 .date { color:#888; font-size:11pt}
.list-0002 .details {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.list-0002 .gap { padding-right:10px; width:100px;}

.list-0003 { display:block; padding:5px; border:1px solid #DDD; margin:0 5px 10px 5px; position:relative}
.list-0003 .date { color:#888; font-size:11pt}
.list-0003 .veiws { color:#966; font-size:11pt}

.list-0004 { border:1px solid #DDD; padding:5px; margin-bottom:10px; display:block}
.list-0004 .body {display:block;overflow: hidden;*overflow: visible;zoom: 1;}
.list-0004 .date { color:#888; font-size:11pt}
.list-0004 .veiws { color:#966; font-size:11pt}
.list-0004 .gap { padding-left:10px;}

.sub-page a { display:block; padding:10px; border:1px solid #DDD; margin-bottom:5px}
.sub-page a i { background-image:url(../img/icon-arrow-right.png);-webkit-background-size: 12px;-moz-background-size: 12px;-o-background-size: 12px; background-size: 12px;background-position:center center; background-repeat:no-repeat;padding:10px;}

.price { color:#555}
.contactMap { height:180px;}
.category { list-style:none; margin:0; padding:0}
.category li { border:1px solid #DDD; padding:10px; margin-bottom:10px; font-size:14pt;font-family:'Helvetica Neue',Verdana,微軟正黑體,'Microsoft JhengHei','Microsoft YaHei',"Lucida Grande","Lucida Sans Unicode",sans-serif;}
.category li img { float:left; width:100px; margin-right:8px;}
.category li a { display:block;}
.category li span { font-size:14px; padding:5px 8px; color:#FFF; margin-top:8px; font-weight:normal}
.category li:hover { background:#FFC}