@charset "utf-8";
/* CSS Document */

/* 瀏覽器css預設值刪除 start */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
p {
    word-break: break-word;
}

/* footer置底 */
html {
    height: 100%;
}

/* footer置底 */
body {
    position: relative;
    padding-bottom: 300px;
    min-height: 100%;
}

img {
    max-width:100%;
    height:auto;

    /* 20170315 mickey modify */
    -webkit-backface-visibility: hidden; 
    -ms-transform: translateZ(0); /* IE 9 */
    -webkit-transform: translateZ(0); /* Chrome, Safari, Opera */
    transform: translateZ(0);
}

a:focus {
    text-decoration: none;
}

a:visited, a:link, a:active {
    text-decoration: none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
    /*text-decoration: none;
    display: block;*/
}

ul {
    margin:0;
    padding:0;
    list-style: none;
}

/* wrap */
.wrap {
    padding:0;
    margin:0;
    font-family: 'Molengo';
    position: relative;
    min-height: 100%;
}

/* top鍵 */
a.back-to-top {
	/*font:600 16px Arial, Helvetica, sans-serif;*/
	display: none;
	width: 40px;
	height: 40px;
    /*text-ind4ent: -99999;*/
	position: fixed;
	z-index: 999;
	right: 30px;
	bottom: 30px;
	/*color:#FFF;	*/
	text-align:center;
	/*line-height:50px;*/
	background:url(../images/top.png) no-repeat;
	/*border-radius:50%;*/
	opacity:0.8;
	text-decoration:none;
}

/* 1024px */
.headerbox, .navbox {
    background: #080504;
    max-width:1024px;
    width:100%;
    height:auto;
    margin:0 auto;
}

/* header */
.header {
    background: #080504;
    width:100%;
    height:90px;
    color: #FFF;
}

.logo {
    padding:25px 0 0 10px;
    float:left;
    position: relative;
    z-index: 9999;    
}

.menuicon.fa {
	display: none;
}

.lang-search {
    float:right;
    /*padding-top:10px;*/
}

.language {
     text-align: right;
     padding-right:20px;  
     font-family: "Microsoft JhengHei";
}

.language span {
    /*position: relative;
    bottom:3px;*/
    color: #FFF;

    /*20170331 mickey modify*/
    text-decoration: none;
    cursor: initial;
}

.language img {
    padding-left:5px;
}

.language a:hover, .language a:visited, .language a:link, .language a:active{
    outline:none;
}

.facebookicon {
    float:right;
    margin-top:3px;
    max-width:24px;
}

.search {
    background: url(../images/searchbar-bg.png) no-repeat right;
    width:262px;
    height:50px;
    /*margin-top:10px;*/
}

.search i {
    display: none;
}

.search input[type="text"] {
    margin:-12px 0px 0 0;
    background: url(../images/searchbar.png) no-repeat;
    border: none;
    border-width:0px;
    outline:medium;
    color:white;
    padding:0 0 0 8px;
    width:154px;
    height:25px;
}

input[type="text"]::-webkit-input-placeholder { /* WebKit browsers */
    color:    #FFF;
}
input[type="text"]:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #FFF;
}
input[type="text"]::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #FFF;
}
input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #FFF;
}

#submit_btn {
    background: url(../images/searchicon-white.png) no-repeat;
    border: none;
    border-width:0px;
    width:16px;
    height:16px;
    cursor:pointer; 
    position: relative;
    right:25px;
    /*top:10px;*/
    text-indent:-9999px; 
}

/* nav */
.nav-children {
    max-width: 1024px;
    margin: 0 auto;
    height: 70px;
	background: url(../images/navbox-bg.png) no-repeat;
}

.nav {
    background: #080504;
    width:100%;
    height:70px;
    text-align: center;
    position: relative;
    z-index: 9999;
}

/* nav置上 */
.fixed {
    position:fixed;
    top:0;
}

.nav ul.first-menu {
    width:100%;
    height:70px;
    display: inline-block; 
    /*float:left;*/
}

.nav ul li.menu {
    display: block;
    float: left;
    min-width:16%;
    max-width: 16%;
    height:70px;
}

li#Support {
    min-width:19%;
}

.fa.fa-angle-down, .fa.fa-angle-up {
    font-size:20px;
    display: block;
    float:right;
    color:#FFF;
}


.hover > a:hover, .hover a.active {
    text-decoration: none;
    color:yellow;
    /*background: url(../images/subnav.png) no-repeat ;*/
    /*height:75px;*/
    /*padding-bottom:5px;*/
    /*position: absolute;*/
    /*z-index: 9999999;*/
}

.nav ul li.menu > a {
    color: #FFF;
    display: block;
    /*height:100%;*/
    text-align: center;
    font-family: 'Molengo';
    /*font-size:16px; 20170329 mickey modify*/
    font-size:20px; /*20170329 mickey modify*/
    line-height: 70px;
    background: 0;
    border:0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-decoration: none;
}

/*load page hide*/
/*20170419 mickey modify*/
#logo a, #search a, #language span, #searchbar, #menu a span {
    display: none;
}

/* mobile icon hide */
.nav ul li.nav-icon {
    display: none;
}

#logo, #search, #language {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#logo:hover, #logo a:hover, 
#search:hover, #search a:hover,
#language:hover, #language a:hover {
    background: 0;
}

#logo {
    /*width:13%;*/
    padding:10px 0px 0 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#logo img{
    max-width:90%;  
    vertical-align: unset; /* bootstrap設定值 */
}

.left-bar {
    float:left;
    width: 80%;
    margin: 0 auto;
}


.right-bar { 
    /*overflow: hidden;*/
    /*position: relative;
    left:1000px;*/
    /*float:right;*/
}

#search {
    width: 4%;
    /* margin-left: -30px; */
    /* float: left; */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

#search img{
    padding:22px 0px 0 0px;
    width:60%;
}

#searchbar {
    width:250px;
    height:50px;
    /*display: none;*/
    background: #DEDDDD;
    clear: both;
    float:right;
    margin-right:120px;
    padding:10px 0 20px 10px;
} 

/* mobile searchbar */
.mobile-searchbar {
    position: absolute;
    top:42px;
}

#searchbar input[type="text"] {
    /*margin:-12px 0px 0 0;*/
    background: #FFF;
    border: none;
    border:1px solid #8b8a8a;
    /*outline:medium;*/
    /*color:white;*/
    width:200px;
    height:30px;
    border-radius:5px;
    padding:0 20px 0 2px;
}

#searchbar #submit_btn {
    background: url(../images/searchicon.png) no-repeat;
    border: none;
    border-width:0px;
    width:16px;
    height:16px;
    cursor:pointer; 
    position: relative;
    /*right:25px;*/
    top:3px;
    text-indent:-9999px; 
}

#language {
    /*width:18%;*/
    float: right;
    /*letter-spacing: -0.05em;*/
    padding-top:25px;
}

#language img {
    margin-left: 5px;
}

#language a {
    text-align: left;
    /*padding-right:10px;*/
    color:#FFF;
    font-size:16px; 
}

#language a:hover, #language a:visited, #language a:link, #language a:active{
    text-decoration: none;
    outline:none;
}

/* passway */
.passway { 
    margin:10px 0 10px 10px; 
}

.passway a, .passway > ul li {
    display: inline-block;
    font-size:18px;/*20170329 mickey modify*/
    text-transform: uppercase; /*20170331 mickey modify*/
}

.passway > ul li:before {
    content:"";
    background: url(../images/play-arrow.png) no-repeat;
    width:8px;
    height:8px;
    margin:5px 10px 0;
    float: left;
}

.passway > ul li.first:before {
    content:"";
    background: 0;
    width:0;
    height:0;
    margin:5px 10px 0 0;
}

/* footer */
#footer {
    position: absolute;
    width: 100%;
    bottom: 0px;
}
.footer {
    background: #cecece;
    width:100%;
    /*height:200px;*/
    padding:20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;   
}

.footerbox, .containerbox {
    max-width:1024px;
    width:100%;
    height:auto;
    margin:0 auto;
}

.footerbox {
    padding:0 20px;
    
}

.information {
    float:left;
    height:180px;

    /*20170331 mickey modify*/
    /*width:40%;*/
    width: 100%;
}

.information span {
    display: block;

    /*20170330 mickey modify*/
    /*padding-top:5px;
    padding-left: 17px;*/
}

.information i {
    float:left;
    /*height:100%;*/

    /*20170330 mickey modify*/
    /*padding:10px 5px 0 0;  */
    /*font-size:8px;*/
    font-size: 16px;
    padding-right: 8px;
}

.information a, .information a:hover {
    color:#000;
}

.footer .name {
    padding:0;
}

.headquarter {
    float:left;

    /*20170330 mickey modify*/
    /*width:50%;*/
    width:calc(100% / 3);
}
.headquarter > div { /*20170330 mickey modify*/
    display: -moz-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 5px;
} 

.usa:before {
    content:"";
    height:130px;
    width:1px;
    border-right:1px solid #9e9e9e;
    float:left;
    margin:20px 20px 20px 0;
} 

/*.usa {
    overflow: hidden;
    width:50%; 
}*/

.information .glyphicon-map-marker {
    /*20170331 mickey modify*/
    /*height:65px;*/
    height: 35px;
}

.footertext {
    width:60%;
    float:right;
    color:#FFF;
    padding:40px 0;
}

.footertext span {
    display: block;
    font-size:24px;
}

span.work {
    font-size:18px;
    padding-left:80px;
}

span.total {
    font-size:28px;
    padding-left:20px;
}

.footertitle {
    float:left;
    padding:0 30px 0 0;
} 

.service {
    padding:20px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.copyright {
    max-width:1024px;
    text-align: center;
    clear:both;
    height:40px;
    padding:10px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

 .mobile_icon {
    display: none;
}

/* home */
/* home-slider */
.home-slider {
    position: relative;
    margin-top:10px;
} 

.home-slider .md_slideShow {
    max-width: 100%;
    position: static;
    bottom: 0px;
    left: 0px;
    border: 0px;
    padding: 0px;
    border-radius: 0px;
    margin-bottom: 0px;
    margin: 0px auto;
}

.home-slider .bannerList span {
    cursor: pointer;
    font-size: 0px;
    background: #c1c1c1;
    /* border: 1px solid #292929; */
    border-radius: 50%;
    width: 14px;
    height: 14px;
    display: inline-block;
    margin: 0 8px;
}

.home-slider #prev {
    left: -3%;
}

.home-slider #next {
    right: -3%;
}

/* home-list */
.home-listbox {
    /*margin:0 auto 20px;  20170627 mickey modify*/
    text-align: center;
}

.home-list {
    max-width: 45%;
    margin: 0 15px;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    height: auto;
}

.hotsale-bg {
    position: relative;
}

.home-list span.hotsale {
    position: absolute;
    bottom: -30%;
    max-width: 18%;
    display: block;
    right: 0;
} 

.home-list h1{
    font-size: 26px;
    background: #e5e5e5;
    padding: 5px;
    color: #7a842c;
}

.home-list h2 {
    font-size: 24px;
    height: 50px;
    margin: 10px 0;
}

.home-list-photo {
    max-width: 640px;
    margin: 0 auto;
}

.home-list-photo img {
    max-height: 360px;
}

.home-list-btn {
    font-size:16px;

    /*20170627 mickey modify*/
    font-weight: 700;
    text-align: right; 
}
.home-list-btn a {
	display: inline-block;
	background: #4d723d;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 18px;
	margin-top: 30px;
	color: #FFFFFF !important;
}

.home-list-btn a:focus {
    text-decoration: none;
}

.home-list-btn a i  {
    vertical-align: middle;
}

#home-list-btn-product, #home-list-btn-product a {
    display: inline;
}

.containerbox #home-list-btn-product a {
    color:#337ab7;
    padding-left:5px;
}

#home-list-btn-series {
    text-align: left;
}

.fa.fa-chevron-circle-right {
    padding-left:5px;
}

#home-list-toggle-content {
    display: none;
}
/*20170627 mickey modify*/
.home-list-text{
    word-break: break-word;
    font-size: 16px;
    text-align: justify;
}
.home-list-text a {
    margin-top: 10px;
}

/* about us */
/*20170627 mickey modify*/
.anchor-box{
    text-align: center;
    margin: -5px 0 5px;
}
.anchor{
    display: inline-block;
    font-size: 18px;
    text-decoration: underline;
    font-weight: 700;
}
.anchor a {
    text-decoration: underline !important;
    display: inline-block;
}
.anchor-border:before {
    content:'｜';
    margin: 0 5px;
    display: inline-block;
    color: #b1b1b1;
}

#company_profile .itembox-title h1, 
#research .itembox-title h1, 
#new_partnership .itembox-title h1 {
    margin-bottom: 0;
    background: #316ab3;
    color: #FFF;
}

/* 20170313 mickey modify */
/*#new_partnership .itembox-title h1 {
    margin:0 auto 10px; 
}*/

#company_profile .itembox-content p,
#research .itembox-content p,
#new_partnership .itembox-content p{
    margin:5px 0;
}

#company_profile .itembox-content,
#new_partnership .itembox-content {
    padding-top: 0px;
}

#research .itembox-content,
#new_partnership .itembox-content
/* 20170313 mickey modify */ { 
    padding: 0;
}

.about-textbox {
    padding: 10px;
    background: #dcf0ff;
}

.about-textbox.plural {
    background: #bfdbff;
}

.about-textbox h3 {
    color: #2c95f3;
}

.about-textbox > div {
    padding: 5px 10px;
}

.about-textbox ul {
    padding-left:10px;
}

/* category_uni */
/* list */
.list {
    width:100%;
    margin:40px 0;
    border-bottom:1px solid #b0b0b0;
    padding-bottom:30px;
    
    /*20170621 mickey modify*/
    /*height:307px;*/
    overflow: hidden; 
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: space-between;
    -ms-flex-pack: space-between;
    justify-content: space-between;
}

.list.end {
    border: 0px;
}

.photo {
    max-width:30%;
    min-width:30%;
    height:auto;
    float:left;
    /*border:1px solid #b0b0b0;*/
    overflow: hidden;
    text-align: center;
}

.photo img {
    /*max-width:300px;*/
    max-height:300px;
}

.contentbox {
    max-width:65%;
    height:100%;
    float:right;
    margin-right:20px;
    position: relative;
    /*padding-left:30px;*/
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.containerbox a, .container a:focus{
    color:#8c9835;
    text-decoration: none;
}

.containerbox a:hover {
    text-decoration: underline;
}

.contentbox .title{
    margin-bottom:10px; /*20170621 mickey modify*/
    font-size:18px;
    font-weight:600;    
}

/*20170621 mickey modify*/
.contentbox .title {
    width: 100%;
    overflow: hidden;
}
.news-list-title a{
    float: left;
}
.list-date{
    float: right;
    font-weight: 500;
    font-size: 14px;
    color: #525d08;
}
.news-list-ct{
    word-wrap: break-word;
    margin-bottom: 10px;
}

.contentbox .more {
    float:right;
    /*position: absolute; 20170621 mickey modify
    bottom: 0px;
    right:0px;*/

    /*20170621 mickey modify*/
    font-weight: 700;
}
.contentbox .more a {
	display: inline-block;
	background: #4d723d;
	color: #FFF;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 18px;
	margin-top: 30px;
}

/* category_detail_un */
/* mainphoto */
.mainphoto {
    margin:0 auto;
    position: relative;
}

.flim-slider {
    /*background: url(../images/product-banner.png) no-repeat;
    background-size: 100% auto;
    width:100%;
    height:296px;*/
	margin-top: 25px;
}

.md_slideShow {
    max-width: 50%;
    position: relative;
    bottom: 320px;
    left: 45.5%;
    border:2px solid #FFF;
    padding:20px 20px 10px;
    border-radius: 10px;
    margin-bottom: -250px;
    text-align: center;
}

.md_slideShow .bannerList>span.cycle-pager-active {
    background-color: #292929;
    color: #292929;
}

.cycle-slide {
    /*max-width:1024px;
    max-height:408px;
    overflow: hidden;*/
    /*width:486px;
    height:186px;*/
    background: #000; 
}

.cycle-slideshow {
     overflow: hidden;        
}

.bannerList span {
    cursor: pointer;
    font-size:0px;
    background: #FFF;
    /*border:1px solid #292929;*/
    border-radius:50%;
    width:10px;
    height:10px;
    display: inline-block;
    margin:0 3px;
}

#prev, #next {
    position: absolute;
    z-index: 99;
    /*float: right;*/
    top:50%;
    margin-top:-10px;
}

#prev span, #next span {
    color:#86878a;
    font-size:10px;
}

#prev {
    left:-6.5%;
}

#next {
    right:-6.5%;
}

/* itemlist */
.itemlist {
    text-align:center;
    overflow: hidden;
    /*margin-bottom:20px;  20170315 mickey modify*/ 
}

.itemlist-title {
    border-bottom: 2px solid #b0b0b0;
    max-width:90%;
    margin:0 auto 0px;
    color:#127b29;
    font-family: 'Crimson Text', serif;
}

.itemlist-title h1 {
    margin:10px 0;
    padding: 10px 0; /*20170315 mickey modify*/
}

.itemlist-title span {
    color:#F2D693;
    font-size:30px;
    padding-left:8px;
}

.item {
    max-width:25%;
    min-width:25%;
    float:left;    
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: relative;

    /* 20170315 mickey modify */
    /*min-height: 220px;*/
    /*padding:0 10px;*/
    padding:0 5px;
    margin: 20px 0;
}

.item-text {
    width:50%;
    float:left;
    text-align: left;
}

.item-text h2 {
    font-size:16px;
    font-weight: 600; 
    color:#1CB0C9;   
}

.item-photo {
    max-width:50%;
    height:auto;
    overflow: hidden;
    padding:60px 0;
}

.item-text img {
    max-width: 40%;
    position: absolute;
    bottom: 0px;
}

#accessories {
    padding:49px 0;
}

#accessories img{
    max-width:102px;
}

/* item 右分隔線 */
.item:after {
    content: "";
    border-right:1px solid #b0b0b0;
    width:1px;
    height:80%;
    position: absolute;
    bottom:20px;
    right:0px;
}

.item.fix:after {
    right:5px;
}

#download:after {
    border-right:0px;
}

/* itembox-nav */
.itembox-nav {
    position: fixed;
    top:50%;
    right:5%;
    z-index: 9999;
}

.itembox-nav ul li {
    background: #000;
    width:24px;
    height:24px;
    border-radius: 50%;
    margin:5px 0;
}

/* itembox */
#new_partnership a {
    display: inline-block;
}

.itembox-title h1{
    background: #8dc4e4;
    color:#151313;
    padding:5px 10px;
    margin:10px auto;
    font-size:20px;
}

.itembox-content {
    padding:0px 10px 0 10px;
}

#Specifications .itembox-content,#Accessories .itembox-content {
    padding:0px 10px 0 10px;
    text-align: center;
}

#Specifications .itembox-content p ,#Accessories .itembox-content p {
    text-align: left;
}

#Features .itembox-content {
    /* width:50%; */
	width: 100%;
    overflow: hidden;
}

#Features .itembox-gallery {
    /* float: left; */
    /* width: 50%; */
	width: 70%;
    height: auto;
    padding: 10px 0 10px 10px;
	margin: 0px auto 0px auto;
}

#Specifications .itembox-content ul, #Features .itembox-content ul, #Specifications .itembox-content ul{
    list-style-type: disc;
    padding-left:40px;
}

.itembox > div{
    overflow: hidden;
}

.download-list {
    margin:5px 0 20px 0;
}

.download-list > ul li {
    margin:0 auto;
    padding:5px 0 5px 0;
    border-bottom:1px dashed #b9b9b9;
    max-width:95%;
}

.download-list > ul li:before {
    content:"";
    background: url(../images/download-arrow.png) no-repeat;
    width:16px;
    height:16px;
    margin-top:5px;
    float: left;
}

.contact-btn {
    text-align: center;
}

.contact-btn a{
    display: inline-block;
    background: #4d723d;
    color: #FFF;
    padding: 10px 20px;
    border-radius: 10px;
    font-size: 18px;
}

.contact-btn a:hover {
    background: #4e4e4e;
    text-decoration: none;
    color:#FFF;
}

.itembox h3 {
    margin:0 0 5px 0;
    font-size: 16px;
    font-weight: 600;
}

#Related .itembox-content {
    margin-bottom: 20px;
}

.related-list > ul {
    margin-top:10px;
    text-align: center;
} 

.related-list > ul li {
    max-width:23%;
    text-align: center;
    margin:0 5px;
    float:left;
    /*display: inline-block;*/
}

.related-list > ul li img {
    max-height: 230px;
}

.related-list span {
    display: block;
    margin-top:5px;
    height:auto;
}

.related-list div {
    border:1px solid #b9b9b9;
    padding: 10px;
    line-height: 230px;
}

/* Accessories magnific-popup*/
.popup-gallery {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.popup-gallery a{
    margin: 5px;
    color: #8c9835;
    text-decoration: none;
    border: 1px solid #b9b9b9;
    padding: 10px;
    width: 24%;
}
.popup-gallery div {
    height: 230px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}
.popup-gallery img {
    max-height: 230px;
}
.popup-gallery p {
    text-align: center !important;
    margin: 5px;
}


/* contact us */
.item_fields {
    max-width: 90%;
    margin: 0 auto 20px;
}

.item_fields form {
    border: 1px solid #7b7b7b;
    padding: 15px;
}

.item_fields_text{
    font-size:20px;
    margin:10px 0 20px;
}

.necessary {
    color:#de0000;
}

.item_fields form > div {
    margin:10px 0;
}

.input input {
    width:60%;
    display: inline-block;
    border:1px solid #a5a5a5;
}

.input table {
    width:60%;
}

.input select {
    border:1px solid #a5a5a5; 
    -webkit-border-radius: 0;  /* Safari 3-4, iOS 1-3.2, Android 1.6- */    
    -moz-border-radius: 0;  /* Firefox 1-3.6 */     
    border-radius: 0;  /* Opera 10.5, IE 9, Safari 5, Chrome, Firefox 4, iOS 4, Android 2.1+ */
}

.input textarea {
    width:60%;
    height:200px;
    border:1px solid #a5a5a5;
}

.item_fields_title {
    min-width:40%;
    float:left;
}

.dibm .input {
    overflow: hidden;
}

.submit{
    text-align: center;
    font-size:18px;
    
}

.submit input {
    background: #3d8c1b;
    border: 0px;
    color: #FFF;
    padding: 5px 25px;
    border-radius: 10px;
}

.submit input:hover {
    background: #4e4e4e;
}

@media screen and (min-width: 1024px) and (max-width: 1215px)  {
    /* slider */
    .md_slideShow {
        bottom: 250px;
        border: 2px solid #FFF;
        padding: 20px 20px 10px;
        border-radius: 10px;
        margin-bottom: -230px;
        text-align: center;
    }
}

@media screen and (max-width: 1023px)  {
    body {
        padding-bottom:320px;
    }

    /*20170331 mickey modify*/
    .container {
        margin-bottom: 15px;
    }
    
    /* header */
    .header {
        height:auto;
        width:100%;
        position: relative;
        /*padding-bottom:10px;*/
        /*position: fixed;
        top:0;
        z-index: -999;*/
    }

    .language, .facebookicon, #logo, .search form, .right-bar {
        display: none;
    }

    .logo {
        padding:5px 0 5px 15px;
        z-index:99999;
    }
    
    .logo img{
        max-width:75%;
    }

    .search {
        background: 0;
        width: auto;
        height: auto;
        margin-top: 0;
        right: 70px;
        position: absolute;
        top: 0px;
    }

    .search i {
        display: block;
        position: absolute;
        z-index: 99999;
        color: white;
        font-size: 24px;
        top: 9px;
    }

    /* nav */
    /*20170419 mickey modify*/
    #menu a span {
        display: inline-block;
    }

    .left-bar {
        float:none;
        width: 100%;
        margin: 0;
    }    

    #searchbar {
        width:100%;
        margin-right:0px;
        padding:10px 0 20px 10px;
    }

	.menuicon.fa {
		display: block;
		/*height:50px;*/
		float:right;
		padding:10px 15px 0 0;
        position: relative;
        z-index: 99999;
	}

    .nav ul.first-menu {
        width:100%;
        background: 0;
        height:auto;
        /*display: inline-block; */
    }   
    
    .nav ul li.menu{
        /*display: block;
        float: none;*/
        min-width:100%;
        height:auto;
    }  

    .nav-children {
        width:100%;
        height:auto;
        background: 0;
    }

    .nav ul li.menu > a{
        text-align: left;
        width:100%;
        padding:16px 20px;
        line-height: 30px;
     }

    .cbp-hrsub-inner ul li a {
		padding-left:20px;
	}

    .hover:hover {
        /*text-decoration: none;*/
        background: 0 ;
        height:auto;
        /*z-index: 9999999;*/
    }

    .nav ul li.nav-icon {
        display: block;
    }

    .nav ul li.nav-icon a {
        display: inline;
    }

    .nav ul li.nav-icon a img {
        max-width:20px;
    }

    /* passway */
    .passway a, .passway > ul li, .passway ul li.first {
        margin:0;
        font-size: 14px; /*20170329 mickey modify*/
    }
    
    .passway > ul li:before {
        margin: 5px 5px 0 5px;
    }

    /* Home */
    /* home-slider */
    .home-slider .md_slideShow {
        max-width:98%;
    }

    /* home-list */  
    .home-listbox {
        margin:0px;
    }

    .home-list {
        max-width: 100%;
        overflow: visible;
        display: block;
         
        /*20170621 mickey modify*/
        /*margin: 0 auto 20px;*/
        margin: 0 auto 30px;
    }

    .home-list span.hotsale {
        max-width: 10%;
    }
    
    .home-list h2 {
        font-size: 20px;
        height: auto;
        margin: 10px 0;
    }    
    /*20170621 mickey modify*/
    .home-list-text {
        max-width: 640px;
        margin: 0 auto;
    }

    /* category_uni */
    .photo, .contentbox {
        height:auto;
    }
    
    /* footer */
    /* footer-icon */
    .footer-icon-nav {
        max-width:100%;
        text-align: center;
        margin:5px 0;
    }
    
    .mobile_icon {
        display: inline-block;
        margin: 0 5px;
    }

    .mobile_icon i {
        font-size: 28px;
        position: relative;
        top: 10px;
        color: #446834;
    }

    .mobile_icon span {
        color: #446834;
        text-decoration: underline;
    }

    .footertext {
        display: none;
    }    

    .information {
        width:100%;
        float:none;
        margin:0 auto;
        height: auto;
    }

    /*20170331 mickey modify*/
    #footer {
        position: absolute;
        width: 100%;
        bottom: auto;
    }
    .headquarter, .headquarter > div {
        width: 100%;
        display: inline-block;
    }
    .information .glyphicon-map-marker {
        height: auto;
    }
    /*.headquarter{
        width:100%;
        float: none;
    }*/
    /*.headquarter, .usa {
        width:50%;
    }*/
    /*.usa:before {
        margin:10px 20px 0 0;
    }*/
    .usa:before {
        border-right:0;
        border-top:1px solid #9e9e9e;
        height:1px;
        width: 100%;
        margin: 10px auto;
    }   


    /*slider*/
    .main-banner {
        margin-bottom: 20px;
    }   

    .md_slideShow {
        max-width:90%;
        bottom: 0px;
        left: 0;
        margin:0 auto 20px;
        border:0;
        padding:0px;
        border-radius: 0px;
    }

    .cycle-slideshow {
        width: 100%;

    }

    .bannerList span {
        cursor: pointer;
        font-size:0px;
        background: #c1c1c1;
        /*border:1px solid #292929;*/
        border-radius:50%;
        width:14px;
        height:14px;
        display: inline-block;
        margin:0 8px;
    }

    .md_slideShow .bannerList>span.cycle-pager-active {
        background-color: #292929;
        color: #FFF;     
    }

    #prev {
        left: -5%
    }

    #next {
        right:-5%;
    }

    /* itemlist */
    .itemlist-title h1 {
        font-size:30px;
        margin:0 0 20px 0;  
    }

    .itemlist-title span {
        font-size:24px;
    }

    /* 20170315 mickey modify */
    /*.item {
            max-width: 100%;
        min-width: 100%;
        float: none;
        margin: 10px auto;
        padding: 0;
        min-height: auto;
        overflow: hidden;
    }*/

    /*.item:after {
        border-right:0px;
        border-top:1px solid #b0b0b0;
        width:80%;
        height:1px;
        position: absolute;
        bottom:-10px;
        left:50px;        
    }*/

    .item-text img {
        max-width: 40%;
        position: relative;
        bottom: 0px;
    }

    /* itembox */
    .itembox-gallery {
        float:none;
        width:100%;
    }

    .itembox > div {
        margin:0 auto;
    }

    .itembox-content {
        width:100%;
        /*margin-top:10px;*/
        padding:5px 0;
    }

    /* gallery */
    #Features .itembox-content, #Features .itembox-gallery {
        width:100%;
        overflow: visible;
        float:none;
    }

    .itembox-title h1 {
        font-size:24px;
    }  

    /* contact us */
    .item_fields, .input input {
        width:100%;
        margin:0 auto;
    }

    .input table {
        width:95%;
    }

    .item_fields_title {
        margin:0 auto 5px;
        float:none;
    }
    
    .item_fields_text {
        font-size:16px;
    }

    .input textarea {
        width:100%;
        height:180px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px)  {
    /*20170621 mickey modify*/
    /* category_uni */    
    /*.list {
        border:0;
    }  
    .list:after {
        content:"";
        /*float:left;
        width:95%;
        height:10px;
        padding:10px 0;
        display: table;
        text-align: center;
        margin:0 auto;
        border-bottom:1px solid #b0b0b0;
    }*/    

    /* item-list */
    .item-photo, #accessories {
        padding: 20px 0;
    }

    /* Accessories magnific-popup*/
    .popup-gallery a{
        width: 30%;
    }
    .popup-gallery div {
        height: 200px;
    }
    .popup-gallery img {
        max-height: 200px;
    }

    /* footer */
    .footer {
        height:auto;
    }

    .footer-icon-nav {
        margin:0;
    }

    /*20170331 mickey modify*/
    .footerbox {
        padding: 0 15px;
        width: 750px;
    }
}

@media screen and (max-width: 767px) {
    /* top鍵 */
    a.back-to-top {
        /*font:600 16px Arial, Helvetica, sans-serif;*/
        display: none;
        width: 40px;
        height: 40px;
        /*text-indent: -99999;*/
        position: fixed;
        z-index: 999;
        right: 20px;
        bottom: 30px;
        /*color:#FFF;	*/
        text-align:center;
        /*line-height:50px;*/
        background:url(../images/top.png) no-repeat;
        /*border-radius:50%;*/
        opacity:0.8;
        text-decoration:none;
    }
    
    /* category_uni */
    .list {
       height:auto;
       overflow: hidden; 
       border:0px;
       margin:10px 0; 

       /*20170621 mickey modify*/
       display: block;
    } 

    .list:after {
        content:"";
        /*float:left;*/
        width:90%;
        height:10px;
        padding:10px 0;
        display: table;
        text-align: center;
        margin:0 auto;
        border-bottom:1px solid #b0b0b0;
        
    }
    
    .photo {
        max-width:100%;
        min-width:100%;
        float:none;
        margin:0 auto;
        text-align: center;
    }

    .contentbox {
        float:none;
        /*clear:both;*/
        /*padding-left: 20px;*/
        max-width:90%;
        margin:0 auto;
    }

    .list .title {
        padding-top:10px;
    }

    .list .more {
        position: relative;
        top:10px;
    }

    /* footer */
    #footer {
        bottom: auto; /*20170331 mickey modify*/
    }
    .footertext, .service {
        padding:0;
    }

    .footertitle {
        float:none;
        text-align: center;
    }

    .service {
        /*max-width:80%;*/
        margin:0 auto;
    }

    /* home */
    /* home-list */
    .home-list h1 {
        font-size: 22px;
    }

    .home-list h2 {
        font-size: 18px;
        height: auto;
    }

    /* itembox */
    .itembox-title h1 {
        font-size:24px;
    }

    /* item-list */
    .item-photo, #accessories {
        padding: 40px 0;
    }

    .item:after {
        bottom: -30px;
    }

    /* gallery */
    #Features .itembox-content {
        padding-top:10px;
    }

    #Features .itembox-gallery {
        padding:0;
    }

    .related-list > ul li {
        max-width:80%;
        margin: 0 auto 10px;
        float:none;
    } 

    .related-list > ul li img {
        /*max-height:100%;*/
    }

    .related-list span {
        height:auto;
    }

    /* Accessories magnific-popup*/
    .popup-gallery a{
        width: 47.5%;
    }
    .popup-gallery div {
        height: 200px;
    }
    .popup-gallery img {
        max-height: 200px;
    }

    /* contact us */
    .input table {
        width:90%;
    }
}

@media screen and (min-width: 480px) and (max-width: 768px)  {
    
    /* nav */
    .nav {
        height:auto;
    }

    .nav ul {
        background: 0;
    }

    .nav ul, .nav ul li  {
        height:auto;
    }

    .nav ul li a {
        height:auto;
        line-height: 30px;
    }
}

@media screen and (max-width:480px) {
    body {
        padding-bottom: 500px;
    }
    /* nav */
    .nav {
        height:auto;
    }

    .nav ul {
        background: 0;
    }

    .nav ul, .nav ul li  {
        height:auto;
    }

    .nav ul li a {
        height:auto;
        line-height: 30px;
    }

    /* footer */
    .footer {
        height: auto;
    }    

    .information {
        height:auto;
    }

    .information .glyphicon-map-marker {
        height:auto;
    }    

    .usa {
        width:100%;
        overflow: unset;
    }    

    /*20170331 mickey modify*/
    /*.usa:before {
        border-right:0;
        border-top:1px solid #9e9e9e;
        height:1px;
        width:80%;     
        margin:10px 25px;
    }*/
    /*.usa span.name {
        clear:both;
    }*/

    .copyright {
        height:auto;
        /*padding-top:20px;*/
    }

    /* home */
    /* home-slider */
    .md_slideShow {
        max-width:100%;
        margin:10px auto;
    }

    .md_slideShow #prev, .md_slideShow #next {
        display: none;
    }

    /* home-list */
    .home-list span.hotsale {
        bottom: 0%;
        max-width: 15%;
    } 


    /* itemlist */
    .item {
        max-width: 100%;
        min-width: 100%;
        float: none;
        margin: 10px auto;
        padding: 0;
        min-height: auto;
        overflow: hidden;
    }

    .itemlist-title h1 {
        font-size:24px;
    }
    .itemlist-title span {
        font-size:16px;
        padding:0px;
    }

    .item:after {
        border:0; /*20170315 mickey modify*/
        left:30px;
    }

    .item-photo, #accessories {
        padding: 30px 0;
    }

    .item-text img {
        max-width: 60%;
        position: relative;
    }

    /* slider */
    #prev, #next {
        margin-top:-27px;
    }

    #prev {
        left: -10%
    }

    #next {
        right:-10.5%;
    }

    /* Accessories magnific-popup*/
    .popup-gallery a{
        width: 100%;
    }
    .popup-gallery div {
        height: 180px;
    }
    .popup-gallery img {
        max-height: 180px;
    }

    /* contact us*/
    .item_fields form {
        border:0px;
        padding:0;
    }
}

a.alinkbtn {
	display: inline-block;
	background: #4d723d;
	color: #FFF;
	padding: 10px 20px;
	border-radius: 10px;
	font-size: 18px;
}
a.alinkbtn:hover {
	background: #4e4e4e;
	text-decoration: none;
	color: #FFF;	
}

/* 加上解析度控制處理 header 呈現 */
@media screen and (max-width: 1216px) {
	div.topUniIcon div.bIcon {
		display: none;
	}
	div.topUniIcon div.sIcon {
		position: absolute;
		left: 54px;
		top: 0px;
	}
}

@media screen and (min-width: 1217px) {
	div.topUniIcon {
		height: 90px;
	}
	div.topUniIcon div.bIcon {
		position: absolute;
		left: 10px;
		top: 10px;
	}
	div.topUniIcon div.sIcon {
		display: none;
	}
        body {
                background-attachment: fixed;
		background-repeat: round;
                background-image: url(/images/bg.png);
        }
}