/*全站*/
#left_menu ul.sb-menu ul.pull-right{
	display:none;	
}
#header #language_area #hello_member ul.pull-right{
	display:none;	
}
#index_header #language_area #hello_member ul.pull-right{
	display:none;	
}
ul.sb-menu li:nth-child(11){
	display:none;		
}
/**michelle**/
body{
	font-family: Microsoft JhengHei;
	background-color: #e8e8e8;
	background-image: url(../images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
.container { padding:0px;}
.row { margin-right: 0px; margin-left: 0px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    padding-right: 0px;
    padding-left: 0px;
}
form.form-horizontal .col-sm-9, form.form-horizontal .col-sm-10{ }
form.form-horizontal .col-sm-2, form.form-horizontal .col-sm-3 { padding-right:10px;}



/******************/
.hideobj{
  display:none;
}

a{
  color:#000;
  background-color:none;
}
a:hover, a:focus {
	text-decoration: none;
	background:none;
	color:#06C;
}
/*會員登入項目*/
#login-tabs li{
  background:none;
}
#login-tabs a{
  color:#000;
  background:none;
}
#login-tabs a:hover,#login-tabs a:focus{
  text-decoration: underline;
  background:none;
  color:#000;
}
/**表單元素**/
fieldset.over-border {
  border: 1px solid #ccc !important;
  padding: 0 1.4em 1.4em 1.4em !important;
  margin: 0 0 1.4em 0 !important;
  border-radius: 16px;
}
legend.line-border {
  font-size: 16px !important;
  text-align: left !important;
  width:inherit;
  border-bottom:none;
}
.red{
  color: #cc0000;
}
.radio-inline input[type='radio'] {
  margin-left: -20px;
  float: left;
}
.radio-inline {
  padding-left: 20px;
  font-weight: normal;
  margin-bottom: 0px;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.help-inline{
  vertical-align: middle;
  display: inline-block;
  padding-top:5px;
  float:left;
  padding-left:0px;
  cursor: default;
}
.control-label{
  cursor: default;
}
.form-show .control-label{
  width:auto;
  margin-right:3px;
}
.form-show .input-small{
  padding:4px 0px;
}
.form-show .input-prepend {
  clear:both;
}
fieldset.instep-border {
  border: 1px solid #ccc !important;
  padding: 0 16px 16px 16px !important;
  margin: 0 0 16px 0 !important;
  border-radius: 15px; /*圓角*/
  background:#eeeeee;
  height:100px;
  font-weight:bold;
  color:#000000;
  text-align: center;
}
fieldset.step-border {
  border: 1px solid #ccc !important;
  padding: 0 16px 16px 16px !important;
  margin: 0 0 16px 0 !important;
  border-radius: 15px; /*圓角*/
  height:100px;
  text-align: center;
}
legend.stepline-border {
  text-align: center !important;
  width:inherit;
  border-bottom:none;
}
.enlarge{clear:both;}
@media only screen and (max-width : 480px) {
    .navbar-inner li {display:block; width:100%;}
}



/*#header*/

/**內頁表頭*/
#header{ background-color:#FFF;}
#text-area{ background-color:#d5ebff;}
#main-area{ background-color:#FFF;}

/*註冊*/

#hello_member ul li a:hover, #hello_member ul li a:focus, #hello_member ul li a:active {
  text-decoration: underline;
  background: none;
}

/*語言*/
#language_area{ padding-bottom:15px;}
#language_area ul li a {
  color:#000;
  background:none;
  padding:5px 10px;
  display:none;
}
#language_area ul li a:hover, #language_area ul li a:focus, #language_area ul li a:active {
  background: none;
  text-decoration: underline;
}

/**nav**/
#ho-nav{
	padding:12px 0px 0px 10px;
}

#navbar-1{ text-align:center;}
.navbar-default{
	background-color: transparent;
	border-color: transparent;
}
.navbar-collapse {
    padding-right: 0px;
    padding-left: 0px;
}
.navbar-default .navbar-nav > li > a {
	color: #105eac;
	font-size: 130%;
	text-shadow: 2px 2px 2px #fff;
	padding: 0px 25px 45px 25px;
	font-weight: 500;
}

.navbar {
    border-radius: 0px;
	margin-bottom: 0px;
	min-height: 43px;
}
.navbar-nav > li > a{ line-height:13px;}

.navbar-nav{ float:inherit;}
ul#main_menu{
	display: table;
	margin: 0 auto;
}
#mainnav .nav > li{

}
#mainnav .nav > li > a {

}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	color: #000;
	background-color: transparent;
	background-image: url(../images/nav-over.png);
	background-repeat: no-repeat;
	background-position: center -4px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
	color: #0057b8;
	background-color: transparent;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	color: #0057b8;
	background-color: transparent;
}
li#m1, li#m2, li#m3, li#m4, li#m5, li#m6, li#m7{ background-repeat:no-repeat; background-position:center bottom;}
li#m1{
	background-image: url(../images/m1_bg.png);
}
li#m2{
	background-image: url(../images/m2_bg.png);
}
li#m3{
	background-image: url(../images/m3_bg.png);
}
li#m4{
	background-image: url(../images/m4_bg.png);
}
li#m5{
	background-image: url(../images/m5_bg.png);
}
li#m6{
	background-image: url(../images/m6_bg.png);
}
li#m7{
	background-image: url(../images/m7_bg.png);
}





/**上方次分類*/
.dropdown-menu{
	background-color: #FFF;
}
.dropdown-menu > li > a {
    color: #7AA0B9;
}
ul.dropdown-menu li{ border-bottom:1px solid #29A7EC}


/*banner*/
#mainbanner-out{
	margin: auto;
	width: 90%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#046bba+0,73beff+100 */
background: #046bba; /* Old browsers */
background: -moz-linear-gradient(top,  #046bba 0%, #73beff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#046bba), color-stop(100%,#73beff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #046bba 0%,#73beff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #046bba 0%,#73beff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #046bba 0%,#73beff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #046bba 0%,#73beff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#046bba', endColorstr='#73beff',GradientType=0 ); /* IE6-9 */

}
#mainbanner{
	padding-top:0px;

}
#window-table{
	background-image: url(../images/window-table.png);
	background-repeat: no-repeat;
	background-position:center top;
    height:640px;
}
.slogan {
	text-align: center;
	margin: 70px auto 0px auto;
	width: 60%;
	font-size: 24px;
	color: #FFF;
	padding: 100px 0px 0px 0px;
	text-shadow:2px 2px 3px #165690;
	font-weight: bold;
}
.slogan marquee{
	text-align: center;
	line-height: 50px;
}
.slogan-w01{ font-size:180%;}
/*--側欄--*/
#sidebar {
  padding:10px 0px
}

#sidebar .nav-header{
	font-weight:bolder;
	padding:8px 15px 8px 40px;
	font-size:20px;
	background-image: url(../images/nav-header_bg.png);
	background-repeat: no-repeat;
	background-position: 20px 50%;
	color: #122a88;
}
/**menu*/
#side_menu{ margin:10px 0px 0px 30px;}
#side_menu ul{ margin:0px 0px 0px 50px}
#side_menu .nav > li > a{
	padding:5px 0px;
	font-size: 114%;
	color: #1a77bc;
}
#side_menu .nav > li > a:hover, #side_menu .nav > li > a:focus {
	color:#000;
    text-decoration: none;
    background-color: transparent;
}



/*RSS*/
#rss_area a{
  text-shadow: none;
}

#rss_area a:hover{
  text-shadow: none;
}

/*--內容區--*/
#content{
  padding:10px 10px 50px 20px;
}
/*麵包屑*/
#content .breadcrumb {
	text-shadow: none;
	background-color: transparent;
	text-align: right;
	margin-bottom:5px;
}
#result{ margin-right:15px;}

#content .breadcrumb li {
  text-shadow: none;
}
#content .breadcrumb li a {
  text-shadow:none;
  text-decoration: none;
}
#content .breadcrumb li a:hover {
  text-shadow: none;
  background:none;
  text-decoration: underline;
}
#content .breadcrumb li .divider{
  text-shadow:none;
  background:none;
}
/*個數*/
.page-header {
	border-bottom:1px #eee solid;
	margin: 20px 0px 10px 20px;
}
.page-header h1{
	font-size:24px;
	color: #03C;
	margin: 10px 0px 5px 20px;
	padding:0px;
}

/*產品頁*/
.thumbnail {
  border:1px #8B8682 solid;
}
.cate-name,.cate-name-more{
  color:#333333;
  font-weight:bold;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}

.cate-name a ,.cate-name-more a{
  color:#333333;
  font-weight:bold;
  text-decoration:none;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.cate-name a:hover ,.cate-name-more a:hover{
  color:#8B8682;
  font-weight:bold;
  text-decoration:underline;
  width:auto;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-align:center;
}
.pro-desc{
 height:80px;
 overflow-x:hidden;
 overflow-y:auto;
}
.spec{
 height:38px;
}
/*產品介紹頁*/
#pb_area{
  border:  1px solid #ccc;
  overflow:hidden;
}
.thumbnail img{
  margin-right: auto;
  margin-left: auto;
  display: block;
  max-width: 100%;
}
.input-group {
  display: table;
  padding-bottom:10px;
  width: 100%;
}
.input-group .form-control {
  margin-bottom: 0px;
}
.txtNormal {
  overflow:auto;
  width:100%;
}
.thumbnails .col-md-4{ padding-left:15px; padding-right:15px;}
#content .thumbnails .prodlist{
  height:300px;
  overflow:hidden;
}
#content .thumbnails .catelist{
  height:310px;
  overflow:hidden;
}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{
  height:235px;
}

#lineqty{
  width:30%;
}
.showsmall ul {
  padding: 0px; margin: 0px;
  list-style: none;
}
.showsmall li {
  float:left;
}
.showsmall li img  {
  margin: 3px;
  padding:3px;
  width:50px;
}
/*頁籤**/
.nav-tabs .active a{
 font-weight:bold;
}
/*訊息用*/
.msgcont{
  width:90%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  margin:10px;
}
.msg_img_title {
  width:30%;
}
/**table**/
.table{ border: 1px solid #ddd;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th{ background-color:#069; color:#FFF; text-align:center}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{ padding:5px 8px; vertical-align: middle;}

/*尾檔*/

#foot-icon{
	background-color: #e8e8e8;
	border-top:2px solid #fff;
	padding:10px 0;
	overflow:hidden;
}
#foot-icon .col-md-12{ margin:auto; width:96%; float:inherit;}
.ftbar{ overflow:hidden; height:100px; padding-top:15px; text-align: center;}
.ftbar ul.nav {
    background-image: url(../images/foot-nav-ling.gif);
	background-repeat: no-repeat;
	background-position: left 50%;
}
.ftbar .nav > li#m1, .ftbar .nav > li#m2, .ftbar .nav > li#m3, .ftbar .nav > li#m4, .ftbar .nav > li#m5, .ftbar .nav > li#m6, .ftbar .nav > li#m7{ background:none}
.ftbar .nav > li > a {
	display: block;
	padding: 2px 15px;
	color: #6798c6;
	font-size:110%;
	background-image: url(../images/foot-nav-ling.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}
.ftbar .nav-pills > li.active > a, .ftbar .nav-pills > li.active > a:hover, .ftbar .nav-pills > li.active > a:focus {
	color: #000;
	background-color: transparent;
}
.ftbar ul.dropdown-menu{ display:block; background-color:inherit; border:0px; border-radius:0px; box-shadow: none; position:absolute; width:550px; margin-left:-150px;	background-image: url(../images/foot-nav-ling.gif);
	background-repeat: no-repeat;
	background-position: left 50%;}
.ftbar ul.dropdown-menu li{ float:left; border-bottom:none; width: auto}
.ftbar ul.dropdown-menu > li{
	background-image: url(../images/foot-nav-ling.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}
.ftbar ul.dropdown-menu > li > a {
	color: #6798c6;
	font-size: 110%;
	padding: 2px 15px;
}
.ftbar .nav > li > a:hover, .ftbar .nav > li > a:focus, .ftbar ul.dropdown-menu > li > a:hover, .ftbar ul.dropdown-menu > li > a:focus {
	text-decoration: none;
	background-color: transparent;
	color: #000;
}
.ftbar .dropdown-menu > .active > a, .ftbar .dropdown-menu > .active > a:hover, .ftbar .dropdown-menu > .active > a:focus {
	color: #000;
	background-color: transparent;
}
.ftbar .dropdown-menu li#incateall{ display:none}

.smo{ clear:both; overflow:hidden}
.smo ul{
	list-style-type: none;
	float: right;
}
.smo ul li{
	float: left;
	padding:5px;
}

#addinfo{
	background-color: #FFF;
	font-size:90%;
	padding:10px;
}
#cominfo{ text-align:center;font-size:12pt;}
#cominfo ul{ display:inline-table}
#cominfo ul li {
	overflow:hidden;
	padding:3px 0px; 
}
.number, .cominfotel, .cominfofax, .mobile{ float:left; margin:0px 15px;}
.offtime, .cominfomail, .cominfoadd{ float:left; margin:0px 10px;}
#copyright{
  text-align:center; padding:10px 15px;font-weight:bolder;
}
#coby-n{ clear:both; text-align:center}
#coby-n ul{ display:inline-table}
li.cominfoadd, li.cominfotel, li.cominfomail {
	color: #303550;
}
li.cominfomail a {
	padding: 0px;
	color: #243570;
}
li#copyright{
	color: #6e6e6e;
	font-size: 90%;
	float:left;
	padding:3px 5px 2px 0px;
}
li#footlink{ text-align:center; float:left} 
#footlink ul li a { border-radius:inherit; padding: 0px 15px;}
#footlink ul li a:hover, .foot #footlink ul li a:focus, .foot #footlink ul li a:active {
  background:none;
  text-decoration:underline;
}
.cominfomail{ text-align:center; overflow:hidden}

#footlink ul{ padding-top:0px;}

.FooterInner{
	width: 100%;
}

.FooterTextInner{
	width: 100%;
	clear:both;
}

.FooterMap{
	width: 100%;
}

.FooterMapBox{
	margin: 0px 10px;
}

.FooterInner .ftbar .nav-pills>li {
    float: none;
    display: inline-block;
}

.FooterMapBox span{
	display: block;
	background-color: #0054a7;
	padding: 10px 0;
	text-align: center;
	font-size: 15px;
	color:#fff;
}




/*首頁用*/
#index_header{ margin-bottom:30px; padding-top:0px;}
#company_logo img{ margin-left:20px; }
#index-content{
  padding:10px 0px 0px 0px;
}
/*news*/
#news{
	margin:auto;
	overflow: hidden;
}
.news-title{
	color: #3f7dbb;
}
.news-title span{
	color:#900;

}
#new-list{
	margin: 20px 10px;
}
.more{
	background-color: #a5aeb7;
	font-size: 80%;
	padding: 0px 5px;
	line-height:20px;
	border-radius: 8px;
	display:block;
}
.more a{
	color: #FFF;
}
#news .thumbnail{
	display: block;
	padding: 0px;
	margin: 0px;
	background-color: transparent;
	border: 0px solid #DDD;
	border-radius: 0px;
}
.msgdate_span{
	color:#1f1f1f;
	display:block;
	float:right;
}
.msgtitle_span{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	margin-left:15px;
}
#news .thumbnail .caption{ padding:0px}
#news .thumbnail .caption h3{
	font-size:90%;
	margin:0px;
	padding:0px 0px 2px 0px;
	overflow: hidden;
	border-bottom:0px dotted #666;
	line-height:20px;
}
#news .thumbnail .caption h3 a{
	color: #1f1f1f;
}
#news .thumbnail .caption h3 a:hover, #news .thumbnail .caption h3 a:focus{
	color: #666;
}
#news .caption .btn{ display:none;}
/**********/

/**pro-輪播**/
#new-pro{
	overflow:hidden;
	background-color: #d5ebff;
	border-top:24px solid #cadff3;
	padding: 10px 0px 0px 20px;
}
.pro-list{
	background-image: url(../images/pro-list_bg.png);
	background-repeat: no-repeat;
	background-position: 10px top;
}
#imagegallery{ 
	padding:10px 0px 10px 18px;
	display: none;

}
#imagegallery_list{}
.list01, .list02, .list03{
	background-repeat: no-repeat;
	background-position: left top;
	padding-left:60px;

}
.list01{
	background-image: url(../images/list01_bg.png);
}
.list02{
	background-image: url(../images/list02_bg.png);
}
.list03{
	background-image: url(../images/list03_bg.png);
}
#numeral {
	float: right;
	padding: 100px 0px 0px 0px;
	margin-right:20px;

}
#numeral a {
	margin: 0 2px;
	padding: 2px 5px;
	text-decoration: none;
	background-color: #92a1af;
	color: #c5d9ec;
	line-height: normal;
	font-size: 12px;
}
#numeral a.activeSlide {
	background-color: #000;
	color: #FFF;
}
#numeral a:focus { outline: none; }
.tel img{ float:right; /*margin-right:50px;*/ margin-right:10px; max-width:100%;}
/****************************************/
#index_msg_ul a{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul a:hover{
  background:#eee;
  padding:8px 15px;
  font-size:16px;
  color:#000;
}
#index_msg_ul .msgcont{

}
#idxprocarousel .span{small_class} .item {
  background-color : #EEE;
  height : {small_height}px;
  text-align : center;

  /* Firefox, Chrome */
  line-height : {small_height}px;

  /* IE */
  *font-size : 180px;  /* 200px * 0.9 = 180px */
}

#idxprocarousel  img {
  vertical-align : middle;
}
#idxprocarousel .caption {
    background : #666; padding : 5px;
}
#idxprocarousel .caption a {
    color : #fff;
}

#content .divider{
   display:none;
}
#content h5{
  border-left:5px solid #ccc;
  font-size:18px;
  font-weight:bold;
  background-color: #eee;
}
#content h4{
  border-left:5px solid #ccc;
  font-size:18px;
  font-weight:bold;
  background-color: #eee;
}

ul{
  list-style:none;
}
.swiper-button-next, .swiper-button-prev { background-image:none; }

/* FAQ_start */

.container_faq .txtNormal {
	display: none;
}

/* FAQ_end */

/* sideBar側欄位_start */
#qrcode ul{
	margin: 10px 0px 0px 30px;
}


#qrcode ul li img{
	width: 70%;
	display: block;
	padding: 10px;
	margin: 0 auto;
}


/* sideBar側欄位_end */

/* ==RWD== */

/*******************************/
@media screen and (max-width:1024px) {
.container{ width:100%;}
.navbar-default .navbar-nav > li > a{ padding: 0px 20px 45px 20px;}
#mainbanner-out{ width:100%;}
#window-table{ background-size:100%; height:600px;}
#company_logo img{ margin-left:10px;}
.tel img{ margin-right:0px;}
#new-pro{ padding:10px 0px;}
#foot-icon .col-md-12{ width:100%;}
.ftbar{ margin-left:10px;}
.ftbar .nav > li > a{ padding:2px 10px;}
}

@media screen and (max-width:980px) {
.navbar-default .navbar-nav > li > a{ padding: 0px 15px 45px 15px;}
#mainbanner-out{ width:98%; vertical-align:top}
.slogan{ margin:0px auto;}
#window-table{ height:570px;}
.slogan marquee{ padding-top:80px;}
#numeral{ margin-right:0px;}
.list01, .list02, .list03{ padding-left: 50px;}
}

@media screen and (max-width:800px) {
#index_header{margin-bottom: 10px;}
.navbar-default .navbar-nav > li > a { padding: 0px 12px 2px 12px; font-size:110%;}
li#m1, li#m2, li#m3, li#m4, li#m5, li#m6, li#m7{ background:none}
#window-table {height: 468px;}
.slogan marquee { padding-top: 40px;}
.tel{ float:left}
#new-pro .col-sm-4, #new-pro .col-sm-8{ width:50%;}
#new-pro .col-sm-4 iframe{ width:100%}
.tel img{ margin:-50px 0px 0px 10px;}
#numeral { margin-right: 20px;}
.ftbar ul.dropdown-menu{width: 510px; margin-left: -166px;}
.ftbar .nav > li > a, .ftbar ul.dropdown-menu > li > a{ font-size:100%;}
#foot-icon{ padding:10px 5px;}
.ftbar .nav > li > a, .ftbar ul.dropdown-menu > li > a { padding: 2px 5px;}
}

@media screen and (max-width:768px) {
.navbar-default .navbar-nav > li > a { padding: 0px 11px 2px 11px; font-size:100%;}
#window-table {height: 450px;}
.ftbar .nav > li > a, .ftbar ul.dropdown-menu > li > a{ font-size:90%;}
}


@media screen and (max-width:640px) {
#index_header .btn, #header .btn { margin:10px 0px 0px 10px ; box-shadow: 1px 1px 3px 1px rgba(20%,20%,40%,0.5) inset; box-shadow: 1px 1px 3px 1px #E1E1E1;}
#index_header .btn-default, #header .btn-default {color: #fff;background-color: #0056B8; border-color: #fff;}
#mobile-logo img { margin:auto;}
#window-table {height: 375px;}
.slogan marquee {padding-top: 0px;line-height: 40px;}
.slogan{ font-size:22px;}
#new-pro .col-sm-4, #new-pro .col-sm-8{ width:100%;}
#new-pro {padding: 10px 20px;}
#addinfo{ padding:10px 0px;}
.FooterMap {
    float: left;
    width: 100%;
}

}

@media screen and (max-width:480px) {
#window-table {height: 280px;}
#content{ padding:10px;}
.slogan{ font-size:18px; padding:30px 0px 0px 0px;}
.slogan marquee{line-height: 30px;}
.ftbar { margin-left: 0px;}
.number, .cominfotel, .cominfofax, .offtime, .cominfomail, .cominfoadd, .mobile { width: 100%;}
li#copyright{ float:inherit;}
.ftbar ul.dropdown-menu{margin-left: -100px;}
.page-header{ margin:20px 0px 10px 0px;}
}


@media screen and (max-width:360px) {
#window-table {height: 210px;}
.slogan{ padding-top:40px; font-size:12px;}
.slogan marquee{line-height: 20px; height:150px;}
#new-pro { padding: 10px 10px;}
#numeral{ float: inherit; padding:0px 0px 10px 0px; margin-right:0px;}
.msgtitle_span{ margin-left:0px;}
.pro-list{ background:none;}
.tel img { margin: -50px 0px 0px -10px;}
.ftbar ul.dropdown-menu{ display:none}
.ftbar .nav > li > a, .ftbar ul.dropdown-menu > li > a { padding: 2px 8px;}
.ftbar{ height:inherit;}
#coby-n ul{ margin:0px; padding:0px;}
#footlink ul li a { padding: 0px 6px; font-size:90%; color:#666;}
}

@media screen and (max-width:320px) {
#window-table {height: 185px;}
.slogan marquee { height: 80px;}
#new-list{ margin:20px 0px;}

.tel img { margin: -50px 0px 0px -40px;}
}

@media only screen and (max-device-width: 480px) {
span[id=switcher1] {display:block;
	background-image: url(../../../proimages/banner-640.jpg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 100% !important;
	height: 200px !important; }
img[id=houdini1] {display: none !important; }

}
@media only screen and (max-device-width: 360px) {
span[id=switcher1] {display:block;
	background-image: url(../../../proimages/banner-360.jpg) !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 100% !important;
	height: 150px !important; }
img[id=houdini1] {display: none !important; }

}