@charset "utf-8";
/* CSS Document */
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*-----------------------------------------------通用設定-------------------------------------------------------------------*/


body { font-family:"\5FAE\8EDF\6B63\9ED1\9AD4","微軟正黑體", "Arial";}	


/*---------------------CSS3 動畫設定-----------------------------------------------*/

img,
#logo-box,/*--LOGO 外框--*/
#service-box,/*--會員,搜尋,語系 外框--*/
#service-box div,/*--會員,搜尋,語系 內容--*/
#banner-box,/*--BANNER 外框--*/
#main-pdbox,/*--產品套件 外框--*/
#main-pdbox div,/*--產品套件 內容--*/
#index-content,/*--首頁內容套件 外框--*/
#index-content div,/*--首頁內容套件 內容--*/
#footer,/*--頁底套件 外框--*/
#footer div, /*--頁底套件 內容--*/
#index-product-box #index-marquee li .item a img
{
-webkit-transition: all 500ms cubic-bezier(0.410, 0.390, 0.485, 0.465); 
   -moz-transition: all 500ms cubic-bezier(0.410, 0.390, 0.485, 0.465); 
     -o-transition: all 500ms cubic-bezier(0.410, 0.390, 0.485, 0.465); 
        transition: all 500ms cubic-bezier(0.410, 0.390, 0.485, 0.465); /* custom */

-webkit-transition-timing-function: cubic-bezier(0.410, 0.390, 0.485, 0.465); 
   -moz-transition-timing-function: cubic-bezier(0.410, 0.390, 0.485, 0.465); 
     -o-transition-timing-function: cubic-bezier(0.410, 0.390, 0.485, 0.465); 
        transition-timing-function: cubic-bezier(0.410, 0.390, 0.485, 0.465); /* custom */
	}


a 
{ text-decoration: none; -webkit-transition: all 0.2s ease-out 0s; 
-moz-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } /*--連結背景動畫--*/
	
	
/*-----------------------------------------------通用設定-------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------------------------------------------------*/




/*-------------------------CIS 全站設定--bootstrop 組件 設定---全站文字(後台上架)設定--------------------------*/

/*---主色---*/
.brand-warning { color : #ff6600; }
.bg-warning { background:#ff6600; color:#fff;}
.label-warning { background:#ff6600;}
.text-warning { color : #ff6600;}

/*---配色---*/
.gray { color: #4f4f4f; } 
.gray-light { color:#606060; }
.gray-lighter { color:#e1e1e1; }

.alert-info {color:rgb(1,181,208); background-color: rgba(1,181,208,0.1); border-color: rgb(1,181,208);}
.btn-danger, .btn-primary, .btn-info {color:rgb(255,255,255); background-color:rgb(1,181,208); border-color:rgb(1,181,208);}
.btn-danger:hover, .btn-primary:hover, .btn-info:hover {color:rgb(255,255,255); background-color:#165aaf; border-color:#165aaf;}




/*-----按鈕-------*/
.btn { border-radius:0;}






/*----內文 標題 段落--------*/
body, p, li, li a{ color:#737373;}
strong{ color:#4c4c4c;}

h1{ color:#3596da; font-size:170%; margin:0 0 40px; font-weight:bold;}
h2{ color:#165aaf; font-size:140%; font-weight:bold; text-transform:uppercase; padding:0 0 0 30px; margin:20px 0; background:url(../images/h2-bg.png) no-repeat left center;}

ul{ list-style:disc; margin:10px 20px; padding:0;}
ol{ margin:10px 20px; padding:0;}
p{ line-height:160%;}




/*--------------------------------other--------*/
#language_area { display:none}
#hello_member { display:none;}

/*product-search*/
#qsearch{ padding-top:33px;}
#qsearch .form-control{ border-radius:0;}
#qsearch .btn-default{ background:#ccc; color:#FFF;}
#qsearch .input-group { padding:0;}
#qsearch .input-group-btn a{ display:none;}

.dropdown-toggle{ cursor:pointer;}

/*--------------------------------header--------*/
#index_header { box-shadow:2px 0 4px rgba(0,0,0,0.3); position:relative; z-index:1000; border-bottom:1px solid #bfbfbf;}

/*--------------------------------logo--------*/
#logo-box{ padding:13px 0;}

/*--------------------------------menu--------*/
#mainnav{ border:none; background:none; margin-bottom:0px;}
#mainnav ul{ float:right;}
#mainnav ul li{}
#mainnav ul li a{ padding:42px 20px; font-weight:bold; font-size:110%; color:#4c4c4c; border-right:1px solid #bfbfbf;}

#mainnav ul li a:hover{ background:#01b5d0; color:#FFF;}
#mainnav ul li#m1 a { border-left:1px solid #bfbfbf;}

#mainnav ul.dropdown-menu{ float:none; padding:0;}
#mainnav ul.dropdown-menu li{}
#mainnav ul.dropdown-menu li a{ padding:10px; border-right:none;border-bottom:1px solid #bfbfbf;}
#mainnav ul.dropdown-menu li a:hover{}
#mainnav ul.dropdown-menu li:first-child a{border-left:none;}

.dropdown-menu>.active>a, .dropdown-menu>.active>a:hover, .dropdown-menu>.active>a:focus{ background:#01b5d0; color:#FFF;}


#mainnav .navbar-collapse{ padding-right:0px; padding-left:0px;}

/*--------------------------------banner--------*/
#banner-box{ border-bottom:5px solid #48abf0; margin:0; position:relative; z-index:1;}
#banner-box-in{ padding:0; position:relative; z-index:1;}
#banner-box-fix{ position: absolute; z-index: 2; top: 2%; bottom:1%; right: 7%; left:39%;}
#banner-box-fix img{ float:right; max-width: 100%; min-width: 639px; width: auto; }

#banner-left, #banner-right{ background:none; z-index:15;}
#banner-left span, #banner-right span{ background:#165aaf; width:40px; height:40px; padding:10px 5px 0px 5px; font-size:90%;}
#banner-left span{ margin-left:-55px;}
#banner-right span{ margin-right:-55px;}
#banner-left span:before{ top:0;}

#banner-word{ position:absolute; z-index:100;top: 50%;  right: 34%;  width: 18%;}
#banner-word h1{ color:#01b5d0; text-transform:uppercase; font-size:200%; font-weight: bolder; margin-top:0;}
#banner-word h1 small{ color:#333; font-weight:bold;}
#banner-word p{ line-height:180%;}

.carousel-indicators{ bottom:10px;}
.carousel-control span{}

/*--------------------------------footer--------*/
#index-footer-box{ background:#3e454d; padding:10px 0; font-size:90%; color:#fff;}
#index-footer-box a{ font-size:90%; color:#fff;}

/*menu*/
#index-footer-box #footer-menu .nav{ margin-left:-20px;}
#index-footer-box #footer-menu .nav>li{ padding:0px 20px; margin:10px 0; border-radius:0px; border-left:1px solid #FFF;}
#index-footer-box #footer-menu .nav>li>a{ padding:0; margin:0; border-radius:0px;}
#index-footer-box #footer-menu .nav>li:first-child{ border-left:none;}
#index-footer-box #footer-menu .nav>li>a:hover{ background:none; text-decoration:underline;}

/*copyright*/
#index-footer-box #footer-design{ text-align:right;}
#index-footer-box #footer-design ul{ float:right;}
#index-footer-box #footer-design .nav>li{padding:10px 0px 5px 15px; color:#fff;}
#index-footer-box #footer-design .nav>li>a{ padding:0px; border-radius:0px;}
#index-footer-box #footer-design .nav>li>a:hover{ background:none; text-decoration:underline;}



/*----------------------------------------------------------------首頁--------*/
.index-icon{ color:#FFF; background:#3e454d; padding:20px; margin-right:20px;}

#index-more{ text-align:right; margin-bottom:10px;}
#index-more a{ color:#01b5d0; font-weight:bold; padding:2px 8px; border-radius:5px;}
#index-more a span{ margin-left:10px; font-size:90%; font-weight:normal;}
#index-more a:hover{ background:#01b5d0; color:#fff; border-radius:5px;}

/*--------------------------------about / news--------*/
#index_company h3, #index_news h3{ margin-bottom:20px;    margin-top: 10px;}
#index_company h3 a, #index_news h3 a{ color:#3596da; font-weight:bold;}

/*lamp*/
#lamp{ padding-top:15px;}

/*about*/
#index-about-pic img{ border-radius:10px;}
#index-about-word{; line-height:180%;}

/*news*/
#index-icon-news{ padding:20px 18px 20px 22px;}
#index_news ul{ list-style: disc; line-height:180%; margin-bottom:20px;    margin-left: 25px;}
#index_news ul li{}
#index_news ul li a{}
#index_news ul li a:hover{}
.msgdate_span{ display: none;}

/*--------------------------------product marquee--------*/
#index-product-box{ background:url(../images/index-product.jpg) no-repeat center top;}
#index-product-box h3{ text-align:center; margin-bottom:20px; margin-top:30px;}
#index-product-box h3 a{ color:#3596da; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,0.2);}

#index-product-box .jcarousel-control-prev, #index-product-box .jcarousel-control-next{ top:0; margin-top:-50px; font-size:90%; background:#fff; border:2px solid #01b5d0;}
#index-product-box .jcarousel-control-prev span, #index-product-box .jcarousel-control-next span{padding-top: 5px; color:#01b5d0; text-shadow:none;}
#index-product-box .jcarousel-control-prev span{padding-right: 3px;}
#index-product-box .jcarousel-control-next span{padding-left: 3px;}

#index-product-box #index-marquee{ padding-left:0px; padding-right:0px;}
#index-product-box #index-marquee .jcarousel-wrapper{ border:none; box-shadow:none;}
#index-product-box #index-marquee li{ border:none;}
#index-product-box #index-marquee li .item{ background:none; }
#index-product-box #index-marquee li .item a{}
#index-product-box #index-marquee li .item a img{border-radius:20px;box-shadow:1px 1px 3px rgba(0,0,0,0.2); width:92.5%;max-width: inherit; padding-bottom:20px; background:#FFF;}
#index-product-box #index-marquee li .caption{ position: relative; z-index:1000; margin-top:-35px;background:none; text-align: center; font-weight:bold; font-size:115%; padding:0 0 20px;}
#index-product-box #index-marquee li .caption a{ color:#000;}

/*--------------------------------bottom--------*/
#index-bottom-box{ background:#48abf0; padding:30px 0;}

/*catalog*/
#bottom-catalog{background:url(../images/bottom-catalog.jpg) no-repeat center top; background-size:94% auto; height:196px; position:relative; z-index:1001;}
#bottom-catalog a{ display: block; width:100%; height:196px;}

/*contact*/
#bottom-contact{ background:url(../images/bottom-contact.jpg) no-repeat center top; background-size:94% auto; color:#4a4a4a; height:196px; position:relative; z-index:1001;}
#bottom-contact ul{padding: 50px 0 0 135px;  margin: 0; line-height:170%; list-style:none;}
#bottom-contact span{ font-size:90%; color:#969696; margin-right:10px;}

/*map*/
#bottom-map{ position:relative; z-index:1;}


/*----------------------------------------------------------------內頁--------*/
#mainbanner{ display:none;}

#inside-bg{	background: url(../images/inside-bg.png) top left repeat-x; padding-top:15px;}

/*--------------------------------sidebar--------*/
/*product*/
#sidebar .nav-header{ color:#4c4c4c; font-size:170%; font-weight:bold; text-shadow:1px 1px 2px rgba(0,0,0,0.2); margin-bottom:10px;}
#sidebar ul{ margin-bottom:20px;}
#sidebar ul li{ color:#3596da; display:list-item;}
#sidebar ul li a{ padding:5px 15px 5px 25px; background:url(../images/li-bg.png) no-repeat 10px 12px;}
#sidebar ul li a:hover{ color:#fff; background:#3596da url(../images/li-hover-bg.png) no-repeat 10px 12px;}
#sidebar ul ul{ margin-left:20px;}


/*catalog*/
#sidebar-catalog{background:url(../images/bottom-catalog.jpg) no-repeat center top; background-size:100% auto; height:143px; margin-bottom:20px;}
#sidebar-catalog a{ display: block; width:100%; height:143px;}

/*ebooks*/
#ebooks{ background:#e0e0e0; padding:0px 15px 15px 15px; box-shadow:0px 0px 10px rgba(0,0,0,.2) inset; margin-bottom:20px;}
#ebooks h4{ display:block; background:#3596da; color:#FFF; text-align:center; margin:0 -15px 10px; padding:5px; font-weight:bolder;}
#ebooks-img{ text-align:center;}
#ebooks-link{ padding-left:23%; padding-right:23%;}
#ebooks-link p{ margin:10px 0 0 0px; padding:0;}
#ebooks a{ font-size:100%; text-decoration:none; color:#333; font-weight:bold; letter-spacing:-0.5px; display:block;}
#ebooks a:hover{ color:#777;}


/*contact*/
#sidebar-contact{background:url(../images/bottom-contact.jpg) no-repeat center top; background-size:100% auto; color:#4a4a4a; height:143px; margin-bottom:20px;}
#sidebar-contact ul{ list-style:none; padding:35px 5px 0 95px; margin:0; line-height:125%;}
#sidebar-contact ul li{ color:#4a4a4a; font-size:80%; background: none;}
#sidebar-contact ul li:first-child{ letter-spacing:-1px;}
#sidebar-contact ul li a{ color:#4a4a4a; font-size:80%; padding:0; background:none;}
#sidebar-contact ul li a:hover{ color:#3596da; text-decoration:underline; background:none;}
#sidebar-contact span{ color:#969696; margin-right:10px;}

/*--------------------------------main--------*/
#content{ position:relative;}
#content .row{ margin-left:0px; margin-right:0px;}
#content a:hover{ text-decoration:none;}
#content .breadcrumb{ background:none; /*position:absolute; right:0px;*/ font-size:90%; margin:30px 0 0; padding-left:0; padding-right:0;}
.page-header{ margin:0 0 20px; border-bottom:none; padding:0;}

/*about*/
#about img{ max-width:100%;}
#about-col-8{ padding-left:0px;}
#about-col-4{ padding-right:0px;}
#about-table{ background:#ebeff3 url(../images/about-table.png) no-repeat right bottom;}
#about-table td{ padding:10px 5px;}

/*product*/
.container_product .page-header h1{ padding-left:15px; padding-right:15px;}
.page-header #product-banner{ padding-left:15px; padding-right:15px;}
.container_product #result{ display:none;}
.container_product #content .breadcrumb{ margin-right:15px; margin-left:15px;}
.container_product #content ul.thumbnails{ margin:0px; padding:0;}
.container_product #content ul.thumbnails li .thumbnail{ border:#bfbfbf 1px solid; border-radius:0px; padding:10px;}
.container_product a#bimg_link { margin: 0 auto; display: table;}
.container_product img#bimg{ padding:10px;}
.cate-name a, .cate-name-more a{ color:#01b5d0;}
.cate-name a:hover, .cate-name-more a:hover{ color:#165aaf;}

/*product-list*/
.container_product .input-group-addon, .container_product .form-control{ border-radius:0px;}
.cate-name-more{ padding-bottom:10px}

/*product-show*/
.enlarge{ margin-top:10px; margin-bottom:10px;}
.pro-name{ color:#333; font-size:140%; margin-bottom:10px; font-weight:bold;}
.pro-no{font-size:140%; margin-bottom:10px; font-weight:bold;}

/*newproduct*/
#newproduct-box{ margin-bottom:30px;}
#newproduct-box:nth-child(2n+1){ clear:both; padding-left:0; padding-right:7px;}
#newproduct-box:nth-child(2n){ padding-right:0; padding-left:8px;}
#newproduct-pic{ text-align: center;margin-bottom:10px;border: 1px #ddd solid;}

#newproduct-word .newsTitle{ text-align:center; font-weight:bold; font-size:115%;margin-bottom:10px;}

/*contact*/
#content #contact-banner{}
.line-border{ display:none;}
fieldset.over-border{ padding:5px 0;}

/*sitemap*/

.container_site-map .txtNormal ul{padding: 0;  margin: 0; list-style:none;}
.container_site-map .txtNormal ul li{float: left;  margin: 0 1.5% 3%;  width: 47%;border:1px solid #bfbfbf; background:#fff; padding:0 10px;}
.container_site-map .txtNormal ul li a{  display: block; font-size: 120%; font-weight: bold; padding: 10px 0; color:#01b5d0;}
.container_site-map .txtNormal ul li ul, .txtNormal ul li ul.nav{ list-style:disc; margin-left:20px;}
.container_site-map .txtNormal ul li ul li, .txtNormal ul li ul li.nav{float: none; margin: 0 auto; padding: 0;  width: 100%; border:none;}
.container_site-map .txtNormal ul li ul li a, .txtNormal ul li ul li a.nav{font-weight: normal; font-size: 110%; margin: 0 0 2px;  text-shadow: none; color:#737373; padding:0 0 10px;}









/*全站*/
.hideobj{
  display:none;
}
.histr{
  display:none;
}

a{
  color:#000;
  background-color:none;
}
a:hover, a:focus {
  text-decoration: underline;
  background:none;
  color:#000;
}
/*會員登入項目*/
#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*/
/*註冊*/

#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 ul li a {
  color:#000;
  background:none;
}
#language_area ul li a:hover, #language_area ul li a:focus, #language_area ul li a:active {
  background: none;
  text-decoration: underline;
}
#mainbanner{
  padding-top:5px;
}
/*--側欄--*/
#sidebar {
  padding:10px 0px
}

#sidebar .nav-header{
/* background:#eee;
 font-weight:bolder;
 padding:8px 15px;
 font-size:16px;*/
}

/*RSS*/
#rss_area a{
  text-shadow: none;
}

#rss_area a:hover{
  text-shadow: none;
}

/*--內容區--*/
#content{
  padding:10px 0px 50px;
}
/*麵包屑*/
#content .breadcrumb {
  text-shadow: none;
}
#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;*/
}
/*產品頁*/
.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%;
}
#content .thumbnails .prodlist{
  /*height:300px;*/
  overflow:hidden;
}
#content .thumbnails .catelist{
 /* height:210px;*/
  overflow:hidden;
}
.listtxtspec .input-prepend{
  padding:1px 0px;
  margin:0px;
}
.clear{
  clear:both;
}
.listimg{
 /* height:150px;*/
}

#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%;
}

/*尾檔*/
#cominfo ul li {
  display:inline-block;
}
#copyright{
  text-align:center;
}
#footlink ul li a { border-radius:inherit; }
#footlink ul li a:hover, .foot #footlink ul li a:focus, .foot #footlink ul li a:active {
  background:none;
  text-decoration:underline;
}
/*首頁用*/
#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;
}
#content .divider{
   display:none;
}
#content h5{
  border-left:5px solid #ccc;
  font-size:18px; padding:5px;
  font-weight:bold;
  background-color: #eee;
}
#content h4{
  border-left:5px solid #ccc;
  font-size:18px;
  font-weight:bold;
  background-color: #eee;
}


#footer .ftbar{
background-color:#f8f8f8;
border-color:#e7e7e7;
}














/*-------------------------------------------------------------------------------------------------------------------------------*/
/*-------------------------------------------------------------------------------------------------------------------------------*/
/*--------------------------------尺寸微調--------*/

@media screen and (max-width: 1600px) {
#mainnav ul li a { padding:40px 20px;}
}

@media screen and (min-width: 1651px) and (max-width: 1820px) {
#banner-word{ top: 57%;  right: 37%;  width: 18%;}
#banner-word h1{ font-size:180%; font-weight: bold;}
#banner-word h1 small{ font-size:16px;}
#banner-word p{ line-height:160%; font-size:80%;}
}

@media screen and (min-width: 1201px) and (max-width: 1650px) {
#banner-word{top: 55%;  right: 37%;  width: 23%;}
#banner-word h1{ font-size:180%; font-weight: bold;}
#banner-word h1 small{ font-size:16px; }
#banner-word p{ line-height:160%; font-size:80%;}
}
