@charset "utf-8"; .clear{clear:both;} input,textarea{outline:none} /* template_id PAGE_001 */ /* load db model003 */ .model003 .sub_menu_list{float: right;} .model003 .sub_menu_list a{ font-size: 13px; color: #101010; font-family: 微軟正黑體; line-height: 40px; } .model003 .sub_menu_list a:hover{ color: #8a8989; } .model003 .sub_menu_list0 { font-size: 13px; color: #101010; font-family: 微軟正黑體; line-height: 40px; float: right; margin: 0px 7px; } .model003 .sub_menu_list .m_stitle{display: none;} .model003 .sub_menu_list a:hover .m_stitle{display: inline-block;} .model003 .sub_menu_list a:hover .m_title{display: none;} /*END*/ /* load db logo_img */ /** *網站LOGO **/ .logo_img {height:100%} /*END*/ /* load db model002 */ .model002 img{max-width:100%;max-height:100%;} .model002{position:relative;} /*END*/ /* load db web_menu */ .web_menu{width:1003px;margin:auto;} .web_menu_contener{position:relative;text-align: center;} .web_menu ul{display: inline-block; } .web_menu ul, .web_menu li, .web_menu a{margin: 0;padding: 0;text-decoration: none;} .web_menu ul, .web_menu li {list-style: none;} .web_menu ul.navigation li {position: relative;float: left;} .web_menu ul.navigation li a{display: block;padding: 12px 20px;min-width:55px;text-align:center; transition: background .25s ease-in-out;-moz-transition: background .25s ease-in-out;-webkit-transition: background .25s ease-in-out; } .web_menu ul.navigation ul{display: none;float: left;position: absolute;left: 0; margin: 0;z-index:9;} .web_menu ul.navigation li:hover > ul{display: block;} .web_menu ul.navigation ul li:last-child {border-bottom: none;} .web_menu ul.navigation ul {width: 120%;min-width:120px;} .web_menu ul.navigation ul li {width: 100%;} .web_menu ul.navigation ul a {text-align: left;padding: 10px 12px;} .web_menu ul.navigation ul li:hover > ul{display: block;position: absolute;top: 0;left: 100%;} .web_menu ul.navigation li .m_stitle{display:none;} .web_menu ul.navigation li:hover .m_stitle{display:block;} .web_menu ul.navigation li:hover .m_title {display:none;} /*以下為各版型配色修改*/ /*選單字體顏色*/ .web_menu ul.navigation > li > a {color:#000000;} /*選單字體大小*/ .web_menu ul.navigation > li > a {font-size: 16px;} /*選單背景顏色*/ .web_menu ul.navigation > li > a {background:transparent;} /*滑過-選單字體顏色*/ .web_menu ul.navigation > li > a:hover,.web_menu ul.navigation > li.hover > a{color:#000000;} /*滑過-選單背景顏色*/ .web_menu ul.navigation > li > a:hover,.web_menu ul.navigation > li.hover > a{background:transparent;} /*子選單-背景顏色*/ .web_menu ul.navigation ul a,.web_menu ul.navigation ul li {background: #000000;} /*子選單-字體顏色*/ .web_menu ul.navigation ul a {color: #ffffff;} /*子選單-字體大小*/ .web_menu ul.navigation ul a {font-size: 14px;} /*滑過-子選單-字體顏色*/ .web_menu ul.navigation ul a:hover{color: #ffffff;} /*滑過-子選單-背景顏色*/ .web_menu ul.navigation ul a:hover,.web_menu ul.navigation ul li:hover{background: #232e2d;} /*子選單-每一個分隔線*/ .web_menu ul.navigation ul li {border-bottom: 1px solid #0b0b0b;} /*END*/ /* load db page_banner */ .page_banner{margin:0 auto;} .page_banner .bxslider {margin-top:0px;padding:inherit;height:100%;width:100%;overflow:hidden;} .page_banner .bx-wrapper {position: relative;margin: 0 auto;padding: 0;*zoom: 1;} .page_banner .bx-wrapper li{background-repeat: no-repeat;background-size: cover;background-position: center center; float: left;width: 100%;height: 100%;} .page_banner .bx-wrapper li .solgan{background-repeat: no-repeat;background-size: cover;background-position: center center; float: left;width: 100%;height: 100%;} .page_banner .bx-wrapper img {display: none;} .page_banner .bx-wrapper .bx-viewport {left: 0;-webkit-transform: translatez(0);-moz-transform: translatez(0);-ms-transform: translatez(0);-o-transform: translatez(0);transform: translatez(0);} /* LOADER */ .page_banner .bx-wrapper .bx-loading {min-height: 50px;background: url(/public/template/PAGE_001/images/page_banner/bx_loader.gif) center center no-repeat #fff;height: 100%;width: 100%;position: absolute;top: 0;left: 0;z-index: 2000;} /* 點點{*/ .page_banner .bx-wrapper .bx-pager {text-align: center;font-size: .85em;font-family: Arial;font-weight: bold;color: #666;padding-top: 20px;} .page_banner .bx-wrapper .bx-pager .bx-pager-item,.page_banner .bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;*zoom: 1;*display: inline;} .page_banner .bx-wrapper .bx-pager.bx-default-pager a {background: #FFF;text-indent: -9999px;display: block;width: 10px;height: 10px;margin: 0 10px;outline: 0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;} .page_banner .bx-wrapper .bx-pager.bx-default-pager a:hover,.page_banner .bx-wrapper .bx-pager.bx-default-pager a.active {background: #0e0e0e;} /* 點點}*/ /* 左右箭頭 {*/ .page_banner .bx-wrapper .bx-prev {left: 10px;background: url(/public/template/PAGE_001/images/page_banner/controls.png) no-repeat 0 -32px;} .page_banner .bx-wrapper .bx-next {right: 10px;background: url(/public/template/PAGE_001/images/page_banner/controls.png) no-repeat -43px -32px;} .page_banner .bx-wrapper .bx-prev:hover {background-position: 0 0;} .page_banner .bx-wrapper .bx-next:hover {background-position: -43px 0;} .page_banner .bx-wrapper .bx-controls-direction a {position: absolute;top: 50%;margin-top: -16px;outline: 0;width: 32px;height: 32px;text-indent: -9999px;z-index: 99;} .page_banner .bx-wrapper .bx-controls-direction a.disabled {display: none;} /* 左右箭頭}*/ /*END*/ /* load db footer_map */ .footer_map{ width:auto; position:relative; margin-bottom:10px; } .footer_map_menu{ float:left; } .footer_map_menu a{ color: #8b8b8b; text-decoration: none; } .footer_map_menu a:hover{ text-decoration: underline; } .footer_map_line{ width:1px; height:10px; margin-top:1px; margin-left:10px; margin-right:10px; background-color:#8b8b8b; float:left; } .footer_map_menu .m_stitle{display:none;} .footer_map_menu a:hover .m_stitle{display:block;} .footer_map_menu a:hover .m_title {display:none;} /*END*/ /* load db web_footer */ .web_footer a{text-decoration: none;} .footer_desc{color:#6F6F6F} .footer_desc a{color:#6F6F6F} .footer_desc a:hover{color:#6F6F6F} /*END*/ /* load db copyright */ .copyright_desc,.copyright_desc a,.copyright_desc a:hover{ color:#fff; line-height: 22px; } /*END*/ /* load db web_community */ .web_community ul, .web_community li{ list-style: none; padding:0px; margin:0px; } .web_community li{ float:right; margin-left:4px; } .web_community a{ text-decoration: none; } .web_community .icon{width:16px;height:16px;background: transparent center center scroll no-repeat; background-size: cover!important;} .web_community .icon_mail {background-image: url(/public/model/sample/baseimg/web_community/icon_mail.png);} .web_community .icon_twitter {background-image: url(/public/model/sample/baseimg/web_community/icon_twitter.png);} .web_community .icon_facebook {background-image: url(/public/model/sample/baseimg/web_community/icon_facebook.png);} .web_community .icon_plurk {background-image: url(/public/model/sample/baseimg/web_community/icon_plurk.png);} .web_community .icon_gplus {background-image: url(/public/model/sample/baseimg/web_community/icon_gplus.png);} .web_community .icon_split {display:none;} .web_community .icon img{width:100%} /*END*/ /* load db web_edm002 */ .web_edm002{ background: #ff520e url(/public/template/PAGE_001/images/web_edm002/btn_edm.png) no-repeat 3% 50%; width: 30px; height: 30px; display: block; cursor:pointer; overflow: hidden; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } .web_edm002 .edm_icon{width: 30px;height: 30px;float: left;cursor: pointer;margin-left: 3px;} .web_edm002 .email{height: 30px;float: left;position:relative;} .web_edm002 .btn {line-height:30px;padding:0px 8px;float: left;cursor:pointer;font-size:12px;font-family: Arial, Helvetica, sans-serif;text-align:center;} #btn_reject_email{margin-right:10px;margin-left:1px;} .web_edm002 input{width:170px;height:30px;line-height:30px;border:0px;border: medium none;margin-left:30px;background-color:transparent;opacity: 0;} .web_edm002.open {width: auto;display:inline-block;cursor:auto;font-size: 12px;line-height: 26px;} .web_edm002.open input{opacity: 1;margin-left: 10px;} /*背景顏色*/ .web_edm002 {background-color:#ff520e} /*背景展開顏色*/ .web_edm002.open {background-color:#525250} /*文字顏色*/ .web_edm002 .email,.web_edm002 input,.web_edm002 .btn{color: #d7d7d7;} /*按鈕滑過顏色*/ .web_edm002 .btn:hover{color:#ff520e;} /*END*/ /* load db switchview */ .switchview{text-align:center;} .switchview .links{position:relative;display:inline-block;} .switchview .links a{text-decoration:none;} .switchview .link{float:left;} .switchview .link.split{margin:0px 3px;} .switchview .link,.switchview .link a{color:#111111;font-size:12px;} .switchview .link.active{color:#111111;} /*END*/