/***************************** Common--Default Style Elements *****************************/
body { margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; background-color: #FFFFFF; font-size: 13px; }
a { color: #333333; text-decoration: none; font: 12px verdana; }
a:hover { color: #FB9D10; text-decoration: underline; }
.s1 { width: 380px; height: 110px; float: left; margin-right: 10px; position: relative; background: #ffffff; color: #777777; padding: 10px; }
.w1 a { float: left; width: 250px; height: 24px; line-height: 24px; font-weight: bold; padding-left: 10px; text-align: left; font-size: medium; }
.t1 { padding: 10px; width: 250px; height: 65px; float: left; line-height: 16px; overflow:hidden; }
.more { padding: 5px; width: 235px; float: left; margin-right: 2px; font-size: 14px; }
.cust { background-image: url($bg-customer.jpg$); }
.brief { font-size: 14px; line-height: 30px; }
.box2 { width: 100%; height: 720px; border: 1px solid transparent; background: url($bg-29-02.jpg$) no-repeat; background-size: 100% 100%; }
.title-text { padding: 6px; font-size: 16px; font-weight: bold; text-align: center; }
.des-text { width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.div-top { width: 100%; height: 400px; background: url($banner-29-02.jpg$) no-repeat; background-size: 100% 100%; }
.nav-link { position: relative; display: inline-block; outline: none; color: #fff; text-decoration: none; text-transform: uppercase; letter-spacing: 1px; font-weight: 400; text-shadow: 0 0 1px rgba(255,255,255,0.3); font-size: 1.35em; }
.nav-link:hover { text-decoration: none; }
.cl-effect-13 a { -webkit-transition: color 0.3s; -moz-transition: color 0.3s; transition: color 0.3s; }
.cl-effect-13 a::before { position: absolute; top: 100%; left: 50%; color: transparent; content: '•'; text-shadow: 0 0 transparent; font-size: 1.2em; -webkit-transition: text-shadow 0.3s, color 0.3s; -moz-transition: text-shadow 0.3s, color 0.3s; transition: text-shadow 0.3s, color 0.3s; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); transform: translateX(-50%); pointer-events: none; }
.cl-effect-13 a:hover::before, .cl-effect-13 a:focus::before { color: #fff; text-shadow: 10px 0 #fff, -10px 0 #fff; }
.cl-effect-13 a:hover, .cl-effect-13 a:focus { color: #BC495A; }
.search-box { width: 50%; border: 1px solid transparent; margin: auto; margin-top: 150px; position: relative; }
.text-search { float: left; width: 80%; height: 40px; border: none; box-sizing: border-box; }
.btn-search { width: 20%; height: 40px; float: left; border: none; background: #BC495A; color: #ffffff; line-height: 40px; text-align: center; font-size: 18px; }
.search-btn { padding-left: 20px; color: #dddddd; } .body-box1{ width:100%; height:100%; background:url($bg-30-01.jpg$) no-repeat; background-size:100% 100%; }
|