You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
171 lines
8.4 KiB
171 lines
8.4 KiB
@charset "utf-8";
|
|
|
|
/* CSS Document */
|
|
body{background:url(../images/bg_body.png) repeat-x; font-family:Arial, "adobe 繁黑體 Std B", "微軟正黑體";color:#403232; overflow-y: scroll;overflow-x: hidden; font-size:14px;}
|
|
.logo{display:block;}
|
|
form, select, input, body, h1, h2, .warpper, font{margin:0;padding:0;}
|
|
a{text-decoration:none;border:none;}
|
|
a:link{color:#403232;}
|
|
a:visited{color:#403232;}
|
|
a:active{color:#C8000B;}
|
|
a:hover{color:#C8000B;}
|
|
|
|
.right{float:right;}
|
|
.left{float:left;}
|
|
.clear{clear:both;}
|
|
/*text*/
|
|
h1, h2, h3, h4{margin:0;padding:0;font-weight:bold; letter-spacing:.3em;}
|
|
h2{font-size:18px;}
|
|
h3{font-size:18px;}
|
|
h4{font-size:16px;}
|
|
p{font-size:14px;}
|
|
.t-center{ text-align:center;}
|
|
|
|
.t-14{font-size:14px;}
|
|
.t-16{font-size:16px;}
|
|
.t-18{font-size:18px;}
|
|
.t-21{font-size:21px;}
|
|
|
|
|
|
.t-red{color:#C8000B;}
|
|
.t-blue{color:#006699;}
|
|
/*link*/
|
|
a.link-red{color:#C8000B;}
|
|
a.link-gree{color:#669999;}
|
|
a.link-blue{color:#006699;}
|
|
a.link-gray{color:#999;}
|
|
/*ad-table*/
|
|
.ad-table{display:table;width:100%;margin:4% 0 5% 0;}
|
|
.ad-tr{display:table-row; }
|
|
.ad-td{display:table-cell; width:auto;padding:10px 0; text-align:center;}
|
|
.ad-td p{ margin:0 auto; width:80%;}
|
|
.ad-td img{border:none;}
|
|
/*map*/
|
|
.map-table{display:table;width:90%;margin-top:2%;position:relative; left:7%;}
|
|
.map-tr{display:table-row;}
|
|
.map-td{display:table-cell; width:auto;padding:10px 0;}
|
|
.map-title{}
|
|
.map-title1 {margin-bottom:10%;line-height:16px;font-size:18px;}
|
|
.map-title1 img{padding-right:5px;}
|
|
.map-title2{list-style-image:url(../images/title_map2.gif); margin:-8px 0 0 -8px; font-size:16px;line-height:25px; }
|
|
.map-title3{list-style-image:url(../images/title_map3.gif); margin:8px 0 0 -8px; line-height:20px; }
|
|
|
|
/**/
|
|
.warpper{margin:0 auto; z-index:1;}
|
|
.container{margin:0 auto;width:950px; padding:0 20px;}
|
|
/*content*/
|
|
.content{min-height:600px;}
|
|
.ad{margin-bottom:10px;}
|
|
/*clientbase*/
|
|
.clientbase{ height:120px; margin:20px 0;}
|
|
/*heaver*/
|
|
.logo{background:url(../images/logo.png) no-repeat;height:39px;width:193px;font-size:0;float:left;background-size:193px 39px; }
|
|
.bg-tree{background:url(../images/bg_tree.png) right top no-repeat; z-index:0; height:66px; width:179px; position:absolute;left:80%; top:49px;}
|
|
|
|
.header{height:100%;padding:13px 10px 0px 10px; }
|
|
.headerbar{ position:relative;top:16px;left:-48px;letter-spacing:.5em;font-size:18px !important;}
|
|
.headerbar li{list-style:none;float:left;height:28px;padding:0 10px;}
|
|
.headerbar li:hover,
|
|
.headerbar li:active{background:url(../images/ac.png) bottom no-repeat;}
|
|
.headerbar .onpage{background:url(../images/ac.png) bottom no-repeat;}
|
|
/*submenu*/
|
|
.submenu{float:right;}
|
|
.submenu ul{margin:.5em;}
|
|
.search{width:168px;height:25px; background:url(../images/search-bg.png) no-repeat; position:relative;top:5px; left:-10px;}
|
|
.search input[type="text"]{ background:none;border:none;outline:none;width:120px;height:15px;position:relative;top:1px; left:10px; font-size:12px; color:#999;}
|
|
.search input[type="button"]{background:url(../images/search-btn.png) no-repeat;outline:none;width:21px;height:17px;position:relative;top:3px; left:10px; font-size:12px;-webkit-appearance:none;border:none; cursor:pointer;}
|
|
.leg{outline: none;-webkit-appearance:none;border:none;cursor:pointer;background:url(../images/leg.png)right no-repeat;
|
|
width:50px; height:25px;margin-left:.2em;padding-left:5px;margin-top:4px;font-size:12px;color:#999;}
|
|
/*pagemanu*/
|
|
.pagemenu{ margin:30px 0 20px; padding:0 0 10px;text-align:center; height:75px; background:url(../images/shadow.jpg) bottom no-repeat;}
|
|
.pagemenu h3{font-size:21px;}
|
|
.pagemenu ul{margin:0;padding:0; list-style:none;}
|
|
.pagemenu li{float:left;float:left; margin:10px; padding:3px 5px 10px; height:30px;}
|
|
.pagemenu li:hover{background:url(../images/pagemenu_ac.jpg) repeat-x;}
|
|
.pagemenu a:hover{color:#336699 !important;}
|
|
.pagemenu .onpage{ background:url(../images/pagemenu_ac.jpg) repeat-x!important;}
|
|
.pagemenu .onpage>a{color:#336699;}
|
|
/*footer*/
|
|
.footer ul, .footer-about, .footermenu ul{list-style:none;padding:0;text-align:left;}
|
|
.footer a{color:#ccc;}
|
|
.footer{background:url(../images/otk_red.jpg) repeat-x;text-align:center; height:159px; margin-top:10px;color:#CCC;overflow-y: hidden;}
|
|
.footerbar{padding:.5%;color:white;width:100%;}
|
|
.footerbar font{margin-left:10px;position:relative;top:3px;left:-20%;float:right;}
|
|
.footerbar a{color:white;float:left;margin-left:10px;}
|
|
|
|
.footermenu{ background:url(../images/img_footer.png) left no-repeat; height:142px;}
|
|
.footermenu ul{ margin:0; position:relative; top:40%; left:52%;}
|
|
.footermenu li{float:left; padding:0 10px;border-right:solid 1px #ccc;}
|
|
.footermenu .li-last{border:none;}
|
|
.footermenu a:hover{color:#C8000B;}
|
|
|
|
.footer-about{ margin:15px 0 0 0;width:27.1%;}
|
|
.footer-man, .footer-phone, .footer-fax, .footer-mail, .footer-map{padding:2px 0 2px 17px ;}
|
|
.footer-man{background:url(../images/img_man.png)left no-repeat;}
|
|
.footer-phone{background:url(../images/img_phone.png)left no-repeat;}
|
|
.footer-fax{background:url(../images/img_fax.png)left no-repeat;}
|
|
.footer-mail{background:url(../images/img_mail.png)left no-repeat;}
|
|
.footer-map{background:url(../images/img_map.png)left no-repeat;}
|
|
/*nav*/
|
|
.navigation{background:url(../images/bg_nav.jpg); height:100px;}
|
|
.navigationbar{padding-top:10px;}
|
|
.navigationbar a:hover{color:#fff;}
|
|
.navigationbar a.navigationbar_last {color:#fff !important;}
|
|
.navigationbar ul{margin:0;padding:0; list-style:none;}.navigationbar li{float:left; padding:5px;}
|
|
.navigation .pagetitle{font-size:21px; margin:15px 5px;color:#fff;}
|
|
|
|
|
|
/*text-info*/
|
|
.text-info{padding:10px 10px;line-height:1.5em; margin-top:20px;}
|
|
.text-info h4{color:#F90;}
|
|
.text-info .img{margin:2px 0 0 10px;padding:10px;color:#999;border:solid 1px #ccc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px;}
|
|
.text-info .img02{margin:2px 10px 0 0;padding:10px;color:#999;border:solid 1px #ccc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; text-align:center;}
|
|
.text-info .img03{margin:2px 0 0 10px;}
|
|
.app-imgbox{margin:2px 0 10px 10px;padding:10px;color:#999;border:solid 1px #ccc;-webkit-border-radius:10px;-moz-border-radius:10px;border-radius:10px; text-align:center; float:left;}
|
|
.right-textbox{ float:right; width:300px}
|
|
.right-textbox a{ text-decoration:underline;}
|
|
.right-textbox ol{}
|
|
.page-back{ float:right; margin-top:20px}
|
|
|
|
/*contactus-info*/
|
|
.contactus-info{ text-align:left; padding:5px;margin-top:20px;}
|
|
.contactus-info p{ margin:0 0 5px 0 ; padding:0;}
|
|
.text-title{color:#F90;}
|
|
|
|
|
|
|
|
/**/
|
|
|
|
#sb-title-inner,#sb-info-inner,#sb-loading-inner,div.sb-message{font-family:"HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:200;color:#fff; }
|
|
#sb-container{position:fixed;margin:0;padding:0;top:0;left:0;z-index:999;text-align:left;visibility:hidden;display:none;}
|
|
#sb-overlay{position:relative;height:100%;width:100%;}
|
|
#sb-wrapper{position:absolute;visibility:hidden;width:100px;}
|
|
#sb-wrapper-inner{position:relative;border:1px solid #CCC;overflow:hidden;height:100px; box-shadow:0px 0px 10px 0px #cccccc;}
|
|
#sb-body{position:relative;height:100%;}
|
|
#sb-body-inner{position:absolute;height:100%;width:100%;}
|
|
#sb-player.html{height:100%;overflow:hidden;}
|
|
#sb-body img{border:none;}
|
|
#sb-loading{position:relative;height:100%;}
|
|
#sb-loading-inner{position:absolute;font-size:14px;line-height:24px;height:24px;top:50%;margin-top:-12px;width:100%;text-align:center;}
|
|
#sb-loading-inner span{background:url(loading.gif) no-repeat;padding-left:34px;display:inline-block;}
|
|
#sb-body,#sb-loading{background-color:#060606;}
|
|
#sb-title,#sb-info{position:relative;margin:0;padding:0;overflow:hidden;}
|
|
#sb-title,#sb-title-inner{height:26px;line-height:26px;}
|
|
#sb-title-inner{font-size:16px;}
|
|
#sb-info,#sb-info-inner{height:20px;line-height:20px;}
|
|
#sb-info-inner{font-size:12px;}
|
|
#sb-nav{float:right;height:16px;padding:2px 0;width:45%;}
|
|
#sb-nav a{display:block;float:right;height:16px;width:16px;margin-left:3px;cursor:pointer;background-repeat:no-repeat;}
|
|
#sb-nav-close{background-image:url(close.png);}
|
|
#sb-nav-next{background-image:url(../images/close.png);}
|
|
#sb-nav-previous{background-image:url(../images/previous.png);}
|
|
#sb-nav-play{background-image:url(../images/play.png);}
|
|
#sb-nav-pause{background-image:url(../images/pause.png);}
|
|
#sb-counter{float:left;width:45%;}
|
|
#sb-counter a{padding:0 4px 0 0;text-decoration:none;cursor:pointer;color:#fff;}
|
|
#sb-counter a.sb-counter-current{text-decoration:underline;}
|
|
div.sb-message{font-size:12px;padding:10px;text-align:center;}
|
|
div.sb-message a:link,div.sb-message a:visited{color:#fff;text-decoration:underline;}
|
|
#sb-content{overflow:hidden;}
|
|
#sb-player{overflow:hidden;}
|
|
|