/* CSS Document */
body {  margin:0; text-align:center; font-family:"Microsoft JhengHei",Verdana; font-size:13px; color:#1f1f1f; background:#fff; line-height:22px;}
img { border:0; max-width:100%;}

/* Reset ================================================================================= */

a { text-decoration:none; color:#1f1f1f;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover { color:#e64c00; text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.top { height:150px; background:#fff;}
.top-Box,.menu-Box, .content-Box, .footer-Box { margin:0 auto; max-width:980px; text-align:left;}

.logo { height:113px; overflow:hidden;}
.logo img { max-width:375px;}
.menu { width:100%; height:37px;
background: -moz-linear-gradient(top,  #ec5310 0%, #fc814b 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ec5310), color-stop(100%,#fc814b)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ec5310 0%,#fc814b 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ec5310 0%,#fc814b 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ec5310 0%,#fc814b 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ec5310 0%,#fc814b 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.menu-Box li { float:left; margin:0 30px; font-size:15px;}
.menu-Box li a { color:#fff; display:block; background:none 50% 0px no-repeat; height:35px; padding-top:6px;}
.menu-Box li a:hover { color:#fff; background:url(/assets/img/menu-over.gif) 50% 29px  repeat-x;}
@media(max-width:830px) {
	.menu-Box li { margin:0 24px;}
}
@media(max-width:755px) {
	.menu { height:67px;}
}
@media(max-width:480px) {
	.menu-Box li { margin:0 17px;}
}
@media(max-width:375px) {
	.logo img { max-width:100%;}
	.menu-Box li { margin:0 15px;}
}
@media(max-width:320px) {
	.menu-Box li { margin:0 10px;}
}
.content-Box { margin-top:20px;}
.space-btn { position:absolute; z-index:7;}

.index-member { float:left; background:url(/assets/img/index-member-bg.png) no-repeat; width:320px; height:226px; padding:100px 0 0 8px;}
.index-news { float:left; background:url(/assets/img/index-news-bg.png) no-repeat; width:330px; height:226px; padding:66px 0 0 8px;}
.index-about { float:left; background:url(/assets/img/index-about-bg.png) no-repeat; width:330px; height:226px; padding:60px 0 0 180px;}

.news:after { clear:both; display:inline-block; content:"*"; text-indent:-99999px; padding-bottom:5px;}
.news span.date { float:left; width:23%; color:#7b7b7b; font-size:12px; text-align:left;}
.news span.data { float:left; width:77%; text-align:left; padding-right:10px;}


.index-hot li { float:left; margin:0 13px; height:290px; width:300px;}
.index-hot li span.name { float:left; font-size:15px; color:#ec5310; padding-top:0; width:50%; height:30px;}
.index-hot li span.data { float:right; padding-top:0; text-align:right; width:50%;}
.index-hot img { width: 300px; height: 220px;}


.clear-20 { clear:both; height:20px;}


.footer { background:#fff; clear:both; padding:25px 0;}
.footer-Box { text-align:center;}
.footer-Box b { font-weight:normal; color:#ec5310}
.footer-Box span { color:#929292;}


.left-Box { margin-left:10px; width:15%; float:left; padding:10px; background:rgba(0,0,0,.09); border:4px solid #fff;
-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.15);}
.title01 { background:url(/assets/img/title-bg.gif) no-repeat left bottom; font-size:18px; height:28px;}
@media(max-width:767px) {
	.left-Box { clear:both;}
}
@media(max-width:640px) {
	.left-Box { width:21%;}
}
@media(max-width:480px) {
	.left-Box { width:95%; float:none; margin-bottom: 20px; height:150px;}
}

.submenu { margin:20px 0 0 2px;}
.submenu li { margin-bottom:18px;}
@media(max-width:480px) {
	.submenu li { width:25%; float:left;}
}

.right-Box { float:right; width:82%; padding-right:25px;}
.right-Box a { text-decoration:underline; color:#e64c00}
.right-Box b { color:#e64c00; font-weight:normal;}
.right-Box p { padding:0 0 20px 0;}
@media(max-width:640px) {
	.right-Box { width:75%;}
}
@media(max-width:480px) {
	.right-Box { width:95%; float:none; padding-right:0; margin:auto;}
}
@media(max-width:320px) {
	.right-Box { width:90%;}
}
.pro_right-Box { float:right; width:82%; padding-right:25px;}
.pro_right-Box a { text-decoration:underline; color:#e64c00}
.pro_right-Box b { color:#e64c00; font-weight:normal;}
.pro_right-Box p { padding:0 0 0 0;}
@media(max-width:480px) {
	.pro_right-Box { width:95%; float:none; padding-right:0; margin:auto;}
}
@media(max-width:320px) {
	.pro_right-Box { width:90%;}
}
h1 { font-size:18px; font-weight:normal; margin-bottom:0;} /*margin-bottom:15px;*/
h1 span { color:#79a800; font-size:13px; display:inline; padding-left:5px;}

.show-list { float:left; margin:0 6px 10px 6px; }
.show-list a { width:100%; height:180px; display:block; padding:7px; text-decoration:none; color:#1f1f1f;}
.show-list a:hover { -webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); background:rgba(255,255,255,.5); padding:7px; color:#e64c00;}
.show-list div.case { text-align:left; padding-top:3px;}

.case-content { width:27%; float:left; padding-right:20px;}

#gallery { float:left; -webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1); width:72%;
-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.25); padding:0px 30px 20px 30px; /*padding:5px 30px 25px 30px;*/}
#descriptions { position: relative; height: 50px; background: #EEE; margin-top: 10px; width: 640px; padding: 10px; overflow: hidden;}
#descriptions .ad-image-description { position: absolute;}
#descriptions .ad-image-description .ad-description-title { display: block;}


.table-1 { width:100%; background:#D8D8D8; line-height:26px; border:3px solid rgba(255,255,255,.4);
-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.25);}
.table-1 th { text-align:center; color:#fff; font-weight:normal;
background: -moz-linear-gradient(top,  #fc814b 0%, #ec5310 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fc814b), color-stop(100%,#ec5310)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fc814b 0%,#ec5310 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fc814b 0%,#ec5310 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fc814b 0%,#ec5310 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fc814b 0%,#ec5310 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#eeeeee',GradientType=0 ); /* IE6-9 */}
.table-1 td { text-align:center; background:#fff;}
.table-1 td span { display:inline-table; margin:0 7px;}
.table-1 td.title03 { background:#f5faf5; color:#567c00;}
.table-1 td.data { text-align:left; padding:0 5px;}
.table-1 td.green { background:#94ce58; width:20px;}
.table-1 td.blue { background:#1eb1ed; width:20px;}
.table-1 td.yellow { background:#fdbf2d; width:20px;}
.table-1 td.red { background:#fc0d1b; width:20px;}


ul.icon01 li { background:url(/assets/img/icon-1.png) no-repeat left; padding-left:30px; line-height:40px;}



.product-list { float:left; margin:0 6px 10px 6px; height: 301px;}

.product-list a { width:100%; height:100%; display:block; padding:7px; text-decoration:none; color:#1f1f1f; background:#f5f5f0;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25);
box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.25); }
.product-list a:hover { padding:7px; color:#e64c00;}
.product-list span { text-align:left; display:block; margin-bottom:5px; padding:3px;}
.product-list span.title { background:#8dc449; color:#fff;}
.product-list span.pto { padding:3px 0;}
.product-list span.pto img { width: 165px; height: 120px; }
.product-list span.font01 { background:#b3b3b3; color:#fff;}
.product-list span.font02 { border-bottom:1px dashed #b3b3b3; padding:0px 3px;}
@media(max-width:375px) {
	.product-list { float:none; margin:0 auto 10px; max-width:179px;}
}

.demo-news:after { clear:both; display:inline-block; content:"*"; text-indent:-99999px; padding-bottom:5px;}
.demo-news span.date { float:left; width:10%; color:#7b7b7b; font-size:12px; text-align:left;}
.demo-news span.data { float:left; width:90%; text-align:left; padding-right:10px;}
.demo-news span.data a { color:#1f1f1f; text-decoration:none;}
.demo-news span.data a:hover { color:#e64c00; text-decoration:none;}

.back { text-align:center;}
.back a { display:inline-table; border-radius:50px; width:60px; height:60px; background:#C5C5C5; border:5px solid #D7D7D7; color:#fff; text-decoration:none; padding-top:13px; margin:20px 0 10px 0;}
.back a:hover { background:#333;}


.contact span{  font: "Gill Sans Light", "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-transform: none; text-align: left;}
.formtext { text-align:left; display:inline-block; width:100%; border-bottom:1px solid #C5C5C5; margin-bottom:2px; padding:5px 5px; color:#1f1f1f;}

select { padding:6px 3px; margin: 5px 0 0 0;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
-webkit-box-shadow: 0 1px 2px #ccc, 0 -1px #e5e5e5;
-moz-box-shadow: 0 1px 2px #ccc, 0 -1px #e5e5e5;
box-shadow: 0 1px 2px #ccc, 0 -1px #e5e5e5;
background: #fff; border:none; outline:none; display: inline-block;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
cursor:pointer;
}
/* Targetting Webkit browsers only. FF will show the dropdown arrow with so much padding. */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    select {padding-right:18px}
}

label {position:relative}
label:after { content:'<>'; font:11px "Consolas", monospace; color:#aaa;
-webkit-transform:rotate(90deg);
-moz-transform:rotate(90deg);
-ms-transform:rotate(90deg);
transform:rotate(90deg);
right:8px; top:2px; padding:0 0 2px; border-bottom:1px solid #ddd; position:absolute; pointer-events:none; }
label:before {
content:''; right:6px; top:0px; width:20px; height:20px; background:#fff; position:absolute; pointer-events:none; display:block; }

input[type=text], textarea, select, .input-text {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #DDDDDD; border-radius: 4px; width:100%; padding: 6px 12px; margin-bottom:8px; font-size: 14px;
}
input[type=text]:focus, textarea:focus, select:focus, .input-text:focus {
  -moz-box-shadow: 0 0 5px #51cbee;
  -webkit-box-shadow: 0 0 5px #51cbee;
  box-shadow: 0 0 5px #51cbee;
  border: 1px solid #51cbee;
}
input[type=password], textarea, select, .input-text {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #DDDDDD; border-radius: 4px; width:100%; padding: 6px 12px; margin-bottom:8px; font-size: 14px;
}
option {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-ou天才t;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none;  width:100%;
}
input[type=button], .input-button {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #DDDDDD; border-radius: 4px; width:100%; padding: 6px 12px; margin-bottom:15px; font-size: 18px; cursor:pointer; color:#fff; background:#f29b72;
}
input[type=button]:hover, .input-button:hover {
  -moz-box-shadow: 0 0 5px #f7935b;
  -webkit-box-shadow: 0 0 5px #f7935b;
  box-shadow: 0 0 5px #f7935b;
  border: 1px solid #f7935b; background:#f57369;
}

.submit1 input[type=submit]  {
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  outline: none; padding: 3px 0px 3px 3px; margin: 5px 1px 3px 0px; border: 1px solid #DDDDDD; border-radius: 4px; /*width:100%; */ padding: 6px 12px; margin-bottom:15px; font-size: 18px; cursor:pointer; color:#fff; background:#f29b72;
}
.submit1 input[type=submit]:hover {
  -moz-box-shadow: 0 0 5px #f7935b;
  -webkit-box-shadow: 0 0 5px #f7935b;
  box-shadow: 0 0 5px #f7935b;
  border: 1px solid #f7935b; background:#f57369;
}



hr { border-width:0 0 1px 0; border-style: solid; border-color: #CECECE; padding-top:15px; margin-bottom:15px}


.guestbook-reply { background:#f0f0f0; border:1px solid #D6D6D6; padding:15px; margin:3px 0; margin:0 20px;}
.thumbnail { width: 165px; height: 120px; }

#top-slider img { width: 980px; height: 385px; }



.tiny_table table {             
            border-collapse: collapse;
/*            border-spacing: 0px;*/


width:100%;  line-height:26px; border:3px solid rgba(255,255,255,.4);
-webkit-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.1);
box-shadow: 0px 5px 20px 0px rgba(0,0,0,0.25);



text-align:center;
        }
       
        .tiny_table th {
            color:white;
            
            border: 1px solid #aaaaaa;
        }
        .tiny_table td {
            border: 1px solid #aaaaaa;
            
        }

/*--GO TOP BTN--*/
.topbtn{
    width: 80px;
    height: 80px;
    /*background-image: url(images/icon_gotop.png) no-repeat center center;*/
    /*background-color: rgba(177, 203, 26, 1);*/
    z-index: 999;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-decoration: none;
    color: rgba(0, 0, 0, 1);
    display: block;
    text-align: center;
    line-height: 50px;
    -webkit-transition: background-color 0.6s;
    -o-transition: background-color 0.6s;
    -moz-transition: background-color 0.6s;
    -ms-transition: background-color 0.6s;
    transition: background-color 0.6s;
}
.topbtn img{
  width: 100%;
  height: auto;
}
/*.topbtn:hover{
  background-color: rgba(177, 203, 26, 1);
  color: rgba(86, 124, 0, 1);
}*/

.fw {
    font-weight: bold;
}