@charset "utf-8";
/* CSS Document */

body { font-family:'arial', "微軟正黑體"; padding: 0; color: #000; -webkit-text-size-adjust: 100%; font-size:1em; }
* { margin: 0px; padding: 0px; }
img { border: 0; }
/* link CSS start */
a:link, a:visited, a:active { color:#1b85e5; text-decoration: none; }
.index-page #content a:link, .index-page #content a:visited, .index-page #content2 a:link, .index-page #content2 a:visited, .hotnews a:link, .hotnews a:visited, .menuquick-menu a:link, .menuquick-menu a:visited { color:#333; }
.index-page #content a:hover, .index-page #content a:active, .index-page #content2 a:hover, .index-page #content2 a:active, .hotnews a:hover, .hotnews a:active, .menuquick-menu a:hover, .menuquick-menu a:active { color:#1b85e5; }
a:hover { color: #1b85e5; text-decoration: none; }
a { }
/*頭部區*/
#wrapper { }
.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.index-video { position: relative; z-index: 1000; top: 96px; display: block; left: 60%; /*for height550*/ top:98px; left:40%; }
#wrapper_boxed { /* [disabled]display: none; */ }
#headerwp { width: 100%; position: absolute; z-index: 1001; top:60px; }
#headerMenu { background-color: #FFF; width:1000px; margin:0 auto; }
#headerMenu { max-width:100%; width:1000px; }
#menuTxt { display:none; }
.headerImg { float: right; }
#headerImg { float:left; }
.logo { display: none; }
.flexslider { position:relative; width:100%; height:450px; padding:0; margin:0 auto; overflow:hidden; }
.slides { position:relative; list-style:none; height:450px; padding:0; margin:0 auto; }
.slides li { position:relative; width:100%; height:450px; overflow:hidden; }
.slides li img { position:absolute; left:50%; top:0; margin-left:-960px; }
.flex-direction-nav { position:absolute; list-style:none; z-index:3; width:100%; top:45%; }
.flex-direction-nav li a { display:block; width:30px; height:40px; overflow:hidden; cursor:pointer; position:absolute; }
.flex-direction-nav li a.flex-prev { left:40px; background:url(../images/template/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right:40px; background:url(../images/template/next.png) center center no-repeat; }
.main-com { position:relative; width:100%; padding:0; margin:0 auto; overflow:hidden; background-color:#12304c; height:550px/*暫定*/; height:400px; }
.main-com-page { /*height:300px;*/ height:115px; }
.main-com img { position: absolute; top: 0; width: 100%; left: 0; right: 0; }
.page .main-com img { height:auto; }
.love { display: none; }
.cart_content { display:none; font-size: 12px; z-index: 1000; margin-top: 5px; background-color: #fff; border: 1px solid #D9D9D9; background-color: #fff; -webkit-transition: -webkit-transform 200ms; -moz-transition: 200ms; -o-transition: 200ms; transition: 200ms; position:absolute; top:55px; width:230px; padding-top:15px; }
.cart_content p { float:left; margin-right:1.5em; }
.cart_content .col-md-4 { padding:0 0 0 10px; margin:50px 0 0 0; }
.cart_content .col-md-8 { padding-right:0; }
.cart_content input { margin-bottom:10px; }
.cart_content .checkbox { margin-top: 0px; display: inline-block; clear: both; padding-left: 16px; }
#searchtype { font-size:12px; }
.sub-search { display:none; border: 1px solid #D9D9D9; padding: 10px; top: 60px; position:absolute; background: #FFF; }
.sub-search button { float:right; margin-top:10px; }
li.member-icon { border-bottom:none!important; background:#fd822a; }
li.member-icon a:hover { background:#fd822a!important; }
li.member-icon img { margin-top:-9px; }
/*會員中心&綜合查詢*/
ul.header-Btn { list-style-type: none; margin: 0px; padding: 0px; }
ul.header-Btn li { display: inline; }
ul.header-Btn li a { display: none; height: 65px; width: 100%; float: left; color: #000; text-decoration: none; font-size: 14px; font-weight: bold; padding-left: 15px; line-height: 60px; }
ul.header-Btn li a:hover { background-color: #3476F0; color: #FFF; }
/*上方menu*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form { background-color: #FFF; }
.menuTitleLink { height: auto; float: left; width: 16.6%; }
.menuCont-1 { margin: 10px; font-size: 1.2em; font-weight: bold; color: #7ECEF4; padding-bottom: 5px; border-bottom-width: 3px; border-bottom-style: solid; border-bottom-color: #7ECEF4; }
.menuCont-1 a { color: #7ECEF4; }
.menuCont-2 { font-size: 1em; color: #FFFFFF; padding-bottom: 5px; margin: 5px; line-height: 23px; }
.menuCont-2 li { color: #FFFFFF; list-style-image: url(../images/template/741.png); margin-left: 15%; }
.menuCont-2 li a { color: #FFFFFF; }
.menuCont-2 li a:hover { color: #FFFFCC; }
.flex-direction-nav li a { display:block; width:30px; height:40px; overflow:hidden; cursor:pointer; position:absolute; }
.flex-direction-nav li a.flex-prev { left:40px; background:url(../images/template/prev.png) center center no-repeat; }
.flex-direction-nav li a.flex-next { right:40px; background:url(../images/template/next.png) center center no-repeat; }
.navbar-nav { float: left; margin: 0; }
/*登入*/
#loginForm_password4, #loginForm_username4 { padding:10px; }
/*分類&列印*/
.ContSort { height: 40px; width: 100%; background-color: #FBFBFB; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; clear:both; }
.ContSotrIn { height: 40px; width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; max-width: 100%; }
ul.sort-btn { list-style-type: none; margin: 0px; padding: 0px; }
ul.sort-btn li { display: inline; }
ul.sort-btn li a { color: #666; display: block; float: left; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCC; border-left-color: #CCC; height: 40px; width: 50px; text-indent: -9999px; background-image: url(../images/template/sort-3.png); background-repeat: no-repeat; background-position: center; }
ul.sort-btn li a:hover { background-image: url(../images/template/sort-4.png); }
ul.sort-btn2 { list-style-type: none; margin: 0px; padding: 0px; }
ul.sort-btn2 li { display: inline; }
ul.sort-btn2 li a { color: #666; display: block; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; height: 40px; padding-right: 25px; padding-left: 25px; line-height: 40px; background-image: url(../images/template/4456.png); background-repeat: no-repeat; background-position: right; }
ul.sort-btn2 li a:hover { background-color: #0085B2; color: #FFF; background-image: url(../images/template/4456-2.png); background-repeat: no-repeat; background-position: right; }
ul.sort-btn3 { list-style-type: none; margin: 0px; padding: 0px; }
ul.sort-btn3 li { display: inline; }
ul.sort-btn3 li a { color: #666; display: block; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; height: 40px; line-height: 40px; padding-right: 25px; padding-left: 25px; background-image: url(../images/template/4456.png); background-repeat: no-repeat; background-position: right; }
ul.sort-btn3 li a:hover { background-color: #0085B2; color: #FFF; background-image: url(../images/template/4456-2.png); background-repeat: no-repeat; background-position: right; }
ul.sort-btn4 { list-style-type: none; margin: 0px; padding: 0px; }
ul.sort-btn4 li { display: inline; }
ul.sort-btn4 li a { color: #666; display: block; float: left; border-right-width: 1px; border-right-style: solid; border-right-color: #CCC; height: 40px; padding-right: 15px; padding-left: 15px; line-height: 40px; }
ul.sort-btn4 li a:hover { background-color:#1b85e5; color: #FFF; }
ul.sort-btn5 { list-style-type: none; margin: 0px; padding: 0px; }
ul.sort-btn5 li { display: inline; }
ul.sort-btn5 li a { color: #666; display: block; float: right; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #CCC; border-left-color: #CCC; height: 40px; width: 50px; text-indent: -9999px; background-image: url(../images/template/sort-1.png); background-repeat: no-repeat; background-position: center; }
ul.sort-btn5 li a:hover { background-image: url(../images/template/sort-2.png); }
/*字級*/
.textsize { font-size: 14px; color: #666; float: right; }
.textsize a { font-size: 15px; padding: 5px; display: inline; color: #000000; background-color: #FFFFFF; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; border: 1px solid #CCC; font-weight: bold; }
.textsize a:hover { color: #FFFFFF; background: #333 }
.textsize a:active { color: #FFFFFF; background: #333; text-decoration: underline; }
.textsize .ts-on { color: #FFFFFF; background: #333; }
/*中間內容*/
.searchCriteria { background: #f3f7fa none repeat scroll 0 0; border-bottom: 1px dashed #cfd0d2; float: left; margin: 0 0 10px; padding: 18px 0; width: 100%; }
.searchCriteria .span1 { float: left; font-size: 0.938em; line-height: 35px; margin-left: 15px; width: 23%; }
.searchCriteria .span2 { float: left; margin-left: 1%; width: 72%; }
.searchCriteria .search-query { border: 1px solid #ccc; color: #999; font-family: "微軟正黑體", Arial, Helvetica, sans-serif; font-size: 0.938em; height: 35px; margin: 0; padding: 0 10px; width: 85%; }
.contTitle h1 { line-height:1.4em; }
.dl-horizontal dd { line-height:1.8em; }
#content { margin-top:1em; }
#contentIn, #contentIn2 { width: 1000px; margin-top: 10px; margin-right: auto; margin-bottom: 0px; margin-left: auto; max-width: 100%; height: auto; padding-top:20px; }
#content-font-size { margin-bottom: 20px; height:3em; }
.Orange { margin-bottom: 20px; color: #FC8028; }
#reports { margin-top:1em; }
#reports th, .expert_main th>h5 { color: #FD8129; font-weight:normal; vertical-align:top; }
#reports th, #reports td, .expert_main h5 { line-height: 1.8em; font-size:1em; }
.expert_main h5 { margin:0; font-weight:normal; }
.expert_float { margin-top:10px; }
.expert_float img { border: 1px solid #ddd; padding: 1px; }
.dowonloadpoint img { margin-right:1.5em; }
#contentset h2 { margin-top:2em; }
/*更多新聞/推薦閱讀/Banner輪播*/
.popularcont { width: 100%; }
.morenews-list { margin:4em 0; }
.morenews-list h4 { font-size:18px; font-weight:bold; line-height:0; }
.morenews-list ul, #publishDetail ul, #publishCatalog ul, #publishPurchase ul { margin-left:0!important; }
.morenews-list li, #publishDetail li, #publishCatalog li, #publishPurchase li { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; margin-bottom: 5px; padding-bottom: 5px; background-image: url(../images/template/333.png); background-repeat: no-repeat; padding-left: 25px; background-position: 5px 9px; list-style-type:none; line-height:2em; }
.morenews-list li a { margin-bottom: 5px; padding-bottom: 5px; width: 100%;/*color: #09C;*/ }
.morenews-list li a:hover { color: #F30; }
.pop-2 { margin-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; padding-bottom: 5px; margin-top: 5px; }
.pop-2 a { margin-bottom: 5px; padding-bottom: 5px; color:#777; font-size: 0.9em; }
.pop-2 a:hover { color:#1b85e5; }
.advertising { display: none; }
/*Banner輪播*/
.rslides { margin: 0 auto 40px; }
#slider2, #slider3 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; }
.rslides_tabs { list-style: none; padding: 0; background: rgba(0, 0, 0, .25); box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0); -moz-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0); -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .3), inset 0 0 5px rgba(0, 0, 0, 1.0); font-size: 18px; list-style: none; margin: 0 auto 50px; max-width: 540px; padding: 10px 0; text-align: center; width: 100%; }
.rslides_tabs li { display: inline; float: none; margin-right: 1px; }
.rslides_tabs a { width: auto; line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline; }
.rslides_tabs li:first-child { margin-left: 0; }
.rslides_tabs .rslides_here a { background: rgba(255, 255, 255, .1); color: #fff; font-weight: bold; }
/* Callback example */
.events { list-style: none; }
.callbacks_container { margin-bottom: 50px; position: relative; float: left; width: 100%; }
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.callbacks li { position: absolute; width: 100%; left: 0; top: 0; }
.callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0, 0, 0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); top: 52%; left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; margin-top: -45px; background-color: #333; background-image: url(../images/template/08552.jpg); background-repeat: no-repeat; background-position: left top; }
.callbacks_nav:active { opacity: 1.0; }
.callbacks_nav.next { left: auto; background-position: right top; right: 0; }
.box-4 > div > a.btn-default { color:#FFF; border:1px solid #1b85e5; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin-right: 1px; }
.box-4 a:hover, .box-4 a:focus { color:#FFF; }
#storm_mini { width:100%; }
@media screen and (max-width: 600px) {
 .callbacks_nav {
 top: 47%;
}
}
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
/*登入帳密*/
.accountnumber { background-color: #f5f5f5; border: 1px solid #CCC; width: 100%; display:inline-block;/*padding: 10px;*/ }
.accountnumberTxt { margin-left: 12%; float: left; }
.accountnumberTxt2 { margin-left: 10px; float: left; }
.accountnumberTxt3 { margin-left: 10px; float: left; }
#accountfield { border: 1px solid #CCC; padding: 2px; }
#accountbutton { border: 1px solid #333; background-color: #333; color: #FFF; cursor: pointer; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-top: 3px; padding-right: 5px; padding-bottom: 3px; padding-left: 5px; font-size: 0.9em; }
#accountbutton:hover { background-color: #FF8000; color: #FFF; }
.explanation { float: left; margin-left: 24%; }
.explanation a { color: #F00; }
.explanation a:hover { color: #1155AD; }
.explanation2 { float: left; }
.explanation2 a { color: #F00; }
.explanation2 a:hover { color: #1155AD; }
/*I會員卡*/
.Box3 { width: 100%; background-position: bottom; background-repeat: repeat-x; height: auto; background-color: #F1F1F1; }
.memberwp { margin: auto; max-width: 100%; background-image: url(../images/template/0520.png); background-repeat: no-repeat; background-position: left bottom; padding-bottom: 10px; }
.memberwpDiv1 { z-index: 1000; width: 40%; }
.memberwpDiv1 img { width: 100%; }
.memberwpDiv2 { z-index: 1001; margin-left: 260px; margin-top: 10px; margin-right: 20px; }
.memberImg { font-size: 28px; font-weight: bold; line-height: 35px; }
.memberImg img { width: 100%; }
.memberImg2 { width: 100%; line-height: 25px; font-size: 14px; }
.memberImgBtn { margin-top: 10px; }
ul.memBtn { list-style-type: none; margin: 0px; padding: 0px; }
ul.memBtn li { display: inline; }
ul.memBtn li a { display: block; height: 47px; width: 138px; float: left; margin-right: 20px; background-image: url(../images/template/btn-1.png); }
ul.memBtn li a:hover { background-image: url(../images/template/btn-1-2.png); }
ul.memBtn2 { list-style-type: none; margin: 0px; padding: 0px; }
ul.memBtn2 li { display: inline; }
ul.memBtn2 li a { display: block; height: 47px; width: 183px; float: left; background-image: url(../images/template/btn-2.png); }
ul.memBtn2 li a:hover { background-image: url(../images/template/btn-2-2.png); }
/*左側內容*/
.box-1 { float: left; width: 75%; }
.social { text-align: right; float:right; border-bottom: 1px solid #CCC; width:100%; color: #666; font-size: 0.95em; margin-bottom:2em; }
#content h1 { font-size: 1.875em; margin:0; padding-bottom: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; font-weight: bold; line-height:1.2em; }
#content h2 { font-weight:bold; line-height:1.3em; }
.module-tag li { list-style-type:none; font-size:12px!important; margin-right:0.5em; display:inline-block; background:#6F6F6F; padding:2px 5px; margin-bottom:0.5em; }
.col-md-9 .module-tag { clear:both; text-align:left; margin:0; padding:0 0 0.5em 0; }
.module-tag li, .module-tag li a { color:#FFF; }
.module-tag li a:hover { color:#FD822A; }
#content h1#title { border-bottom:none; color:#000; font-size:2em; }
#content h2#title-2 { color: #666; margin: 0; line-height: 1em; font-weight: normal; /*text-transform: capitalize;*/ }
.contTitle2 { font-size: 1.5em; margin-bottom: 6px; padding-bottom: 6px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #333; font-weight: bold; display: none; }
.conttxt-1 { margin-bottom: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; margin-top: 10px; float: left; width: 100%; }
.Horizontal { color:#666; }
.Horizontal-div { width:100%; margin: 1em 0; }
.col-md-9 .Horizontal p { font-size:0.9em; margin:0; }
.H-date { color: #FD822A; margin-right: 1em; font-size:1.2em; }
.Horizontal-div>div { margin-bottom:1em; width:100%; float:left; color: #666; font-size: 0.95em; }
.tag-more { color:#666; font-size:12px; }
.tag-more a { color:#666; }
.tag-more a:hover { color:#1b85e5 }
#SearchResult .conttxt-1 { margin-bottom: 0; padding-bottom: 0; }
.conttxt-1 h3, .conttxt-1 h3 a { color:#333; font-weight:bold; margin: 0 0 10px 0; }
.conttxt-1 h3:hover, .conttxt-1 h3 a:hover { color:#1b85e5; }
.conttxt-2 { width: 8%; float: left; font-family: Arial; font-size: 25px; font-weight: bold; position: relative; text-align: right; }
#SearchResult .conttxt-2 { width:5%; }
.conttxt-2 .noMask { position: absolute; background: url(../images/template/no-slMask.png) right bottom no-repeat; height: 15px; width: 15px; top: 12px; right: -4px; }
.conttxt-3 { width: 90%; line-height: 25px; float: right; }
#SearchResult .conttxt-3 { width: 93%; }
.conttxt-3 a { color:#333; }
.conttxt-3 a:hover { color:#0099cc; }
.conttxt-3 h3 { font-weight:bold; font-size:1.3em; margin:0; }
.conttxt-4 { margin-bottom: 50px; float: left; width: 100%; margin-top: 20px; }
.conttxt-5 { width: 100%; line-height: 25px; }
.conttxt-6 { float: left; width: 100%; font-size: 1em; }
.conttxt-7 { margin-top: 10px; }
.conttxt-3-1 { margin-bottom: 5px; font-size: 1.3em; font-weight: bold; }
#SearchResult .conttxt-3-1 { font-size:1.1em; }
.conttxt-3-1-img { float: left; margin-right: 10px; margin-top: -3px; }
.conttxt-3-2 { margin-bottom: 5px; }
.conttxt-3-2 ul li { list-style-type: none; }
.conttxt-3-3, #fontsizer, .article_comment { color:#1f1f1f; margin-top: 10px; margin-bottom: 10px; }
#SearchResult .conttxt-3-3 { margin:2px 0; font-size:15px; }
.conttxt-3-4 { color: #666; margin-top: 25px; }
.conttxt-youtube { color: #666; margin-top: 25px; }
.conttxt-youtube-1 { margin-top: 20px; margin-bottom: 20px; }
.conttxt-3-5 { color: #666; margin-top: 10px; margin-bottom: 10px; }
.conttxt-3-6 { color: #1b85e5; margin-top: -10px; margin-bottom: 10px; text-align: right; }
.conttxt-3-6 a { color: #1b85e5; }
.conttxt-3-6 a:hover { color: #fd8129; }
.conttxt-3-7 { color: #333333; text-align: lift; font-size: 18px; font-weight: bold; margin-bottom: 10px; }
.basicTable { width: 100%; border-collapse:collapse; }
.basicTable tr td { border: 1px solid #CCC; padding: 5px; }
.commppTable { width: 100%; border-collapse:collapse; }
.commppTable tr td { border: 1px solid #CCC; padding: 5px; color: #1b85e5; }
.commppTable2 { width: 100%; border-collapse: collapse; }
.commppTable2 tr td { border: 1px solid #CCC; padding: 5px; }
.commppTable3 { width: 100%; border-collapse: collapse; }
.commppTable3 tr td { border: 1px solid #C4E4F0; padding: 5px; }
.nonetable { width: 100%; border-collapse: collapse; }
.nonetable tr td { padding: 5px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; }
.basicTable2 tr td { border: 1px solid #CCC; padding: 5px; }
.basicTable2 tr td ul li { margin-left: 20px; }
.aboutCont { margin-bottom: 5px; }
.aboutCont img { width: 100%; }
.imgWp { width: 160px; float: left; margin: 10px; color: #F36; }
/*服務介紹*/
.servicesCont { margin-bottom: 5px; }
.servicesCont-1 { height: 51px; float: left; margin-right: 30px; width: 144px; max-width: 100%; margin-bottom: 20px; }
.servicesCard-1 { height: 251px; float: left; margin-right: 10px; margin-bottom: 20px; width: 201px; max-width: 100%; background-image: url(../images/template/icard.jpg); }
#servTxt1 { margin-top: 60px; margin-right: 20px; margin-bottom: 20px; margin-left: 20px; line-height: 20px; }
.servicesCard-2 { height: 251px; float: left; margin-right: 10px; margin-bottom: 20px; width: 201px; max-width: 100%; background-image: url(../images/template/kcard.jpg); }
.servicesCard-3 { height: 251px; float: left; margin-right: 10px; margin-bottom: 20px; width: 201px; max-width: 100%; background-image: url(../images/template/ecard.jpg); }
.conttxtBack { float: left; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px; }
/*聯絡我們*/
.contactMail { background-image: url(../images/template/1125.jpg); border: 1px solid #CCC; background-color: #F2F2F2; background-repeat: repeat-x; padding-right: 10px; padding-left: 10px; }
.contactCont { padding-right: 10px; padding-left: 10px; margin-top: 10px; margin-bottom: 10px; color: #1b85e5; font-weight: bold; }
.contactCont2 { padding-right: 10px; padding-left: 10px; color: #666666; margin-bottom: 10px; background-color: #F0F4F6; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #CCC; border-bottom-color: #CCC; }
.competen { padding-right: 10px; padding-left: 10px; color: #13AEBC; background-color: #F0F4F6; border-top-width: 1px; border-top-style: solid; border-top-color: #CCC; margin-top: 20px; padding-top: 5px; padding-bottom: 5px; }
.contactCont3 { padding-right: 10px; padding-left: 10px; color: #666666; margin-bottom: 10px; }
.contactCont4 { padding-right: 10px; padding-left: 10px; color: #666666; margin-bottom: 20px; }
.txt1 { font-size: 17px; color: #1b85e5; }
.txt2 { color: #FF0000; }
.txt3 { color: #1155AD; padding-left: 10px; margin-bottom: 10px; }
.txt4 { color: #F06; }
.txt5 { color: #1155AD; padding-left: 10px; }
.suggestion { width: 100%; }
.uname { width: 100%; height: 35px; }
.uname2 { width: 95%; height: 30px; }
.uname3 { width: 15%; height: 30px; }
.uname8 { width: 30%; height: 30px; }
/*.Submit {
	background-color: #3281EB;
	font-family: "微軟正黑體";
	color: #FFF;
	cursor: pointer;
	height: 25px;
	width: 80px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.Submit:hover {
	background-color: #1252A9;
	color: #FFF;
	cursor: pointer;
	height: 25px;
	width: 80px;
}*/

.SubmitDiv { text-align: center; margin-bottom: 40px; }
.formCont { margin-bottom: 10px; }
.form-1 { padding-right: 10px; padding-left: 10px; padding-top: 5px; padding-bottom: 5px; }
.form-2 { }
/*SEARCH*/
.searchCont { margin-bottom: 5px; }
.search-1 { color: #1b85e5; width: 80px; margin-bottom: 5px; margin-top: 5px; }
.search-2 { margin-bottom: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; }
.search-3 { margin-bottom: 10px; border: 1px solid #CCC; padding: 5px; background-color: #FFE; }
.search-4 { margin-bottom: 10px; border: 1px solid #CCC; padding: 5px; float: left; width: 100%; }
.search-5 { float: left; width: 100%; margin-bottom: 8px; padding-bottom: 8px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; }
.searchtxt-1 { float: left; margin-left: 10px; width: 14%; text-align: center; }
.searchtxt-2 { float: left; width: 56%; }
.searchtxt-3 { float: left; width: 15%; text-align: center; }
.searchtxt-4 { float: left; width: 13%; text-align: center; color: #F33; }
.searchtxt-1-1 { float: left; width: 14%; text-align: center; margin-left: 5px; }
.searchtxt-2-1 { float: left; width: 57.3%; text-align: center; }
.searchtxt-3-1 { float: left; width: 15%; text-align: center; }
.searchtxt-4-1 { float: left; width: 13%; text-align: center; }
/*SEARCH Criteria*/
.form-group { /*float: left;*/ width: 100%; padding: 16px 18px; margin: 0 0 0 0; background: #f3f7fa; border-bottom: 1px dashed #cfd0d2; }
.accountnumber .form-group { border:none; background:none; }
.form-inline .form-group { width:auto; }
.searchCriteria .span, .navbar-form .span1 { float: left; width: 25%; margin-left: 15px; font-size: 0.938em; line-height: 35px; }
.searchCriteria .span2 { float:left; width:72%; margin-left:1%; }
/*.searchCriteria .search-query {
	font-family: "微軟正黑體", Arial, Helvetica, sans-serif;
	font-size: 0.938em;
	color: #999;
	width: 85%;
	height: 35px;
	border: none;
	margin: 0;
	border: 1px solid #ccc;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}*/
.navbar-form .span2 { width: 70%; float: right; }
*:first-child+html .searchCriteria .search-query { float:left; }/*--for ie7--*/
.searchCriteria .search-btn { height: 35px; cursor: pointer; color: #FFF; font-family: "微軟正黑體", Arial, Helvetica, sans-serif; font-size: 0.938em; font-weight: bold; background-color:#0e58ad; border: none; width: 14%; text-align: center; float: right; }
/*網站導覽*/
.sideL { float: left; width: 47%; margin-left: 10px; }
.siteLtitle { padding: 5px; background-color: #369; font-size: 15px; font-weight: bold; color: #FFF; }
.sideLcont { }
.sideLcont ul li { margin-left: 20px; line-height: 30px; }
.sideR { float: right; width: 47%; }
/*會員中心*/
div.mb { width: 98%; clear: both; padding: 0px; height: 160px; margin-right: auto; margin-left: auto; }
div.mb .txt { float: right; font-size: 0.938em; color: #666; width: 77%; line-height: 160%; margin-top: 15px; }
div.mb .icn { float: left; padding-right: 5px; }
div.mb .txt p { padding: 0px; margin: 0px; }
div.mb .txt .tit { font-size: 2em; font-weight: bold; margin-bottom: 10px; color: #1b85e5; }
div.mb .txt .t1 { color: #fe822a; }
div.mbForm { background-color: #F0F0F0; width: 100%; padding: 20px; margin-bottom: 60px; border-top: 1px dashed #CCC; border-bottom: 1px dashed #CCC; clear: both; }
.input { font-family: "微軟正黑體", Arial, Helvetica, sans-serif; font-size: 0.938em; color: #999; width: 100%; border: none; border: 1px solid #ccc; padding: 10; height: 25px; }
.mbTable { margin-right: auto; margin-left: auto; }
.mbTable td { padding: 5px; }
/*加入會員*/
.memberSOP { margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
.memberSOPimg { height: 30px; width: 182px; float: left; text-align: center; line-height: 30px; font-size: 14px; margin-top: 10px; margin-bottom: 10px; }
.memberSOPtxt { padding: 5px; border: 1px solid #CCC; line-height: 25px; font-size: 0.9em; background-color: #FFFFF0; }
.memberCont { margin-top: 20px; margin-bottom: 20px; }
.iframeTxt { border: 1px solid #CCC; }
.personal-1 { width: 18%; height: auto; background-color: #E3F2F9; border: 1px solid #CCC; padding: 5px; }
.personal-2 { width: 75%; height: auto; padding-top: 5px; padding-bottom: 5px; border: 1px solid #CCC; padding-right: 10px; padding-left: 10px; }
.personal { width: 100%; border-collapse: collapse; }
.personal tr td { padding: 2px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
.zonenum { height: 30px; }
.nameMember { height: 30px; }
.ADMember { height: 30px; }
.group { height: 30px; }
.Department { height: 30px; }
.Titles { height: 30px; }
.Gray { color: #999; }
.addr { height: 30px; width: 100%; }
.tel1 { height: 30px; }
.tel2 { height: 30px; }
.advisory-1 { width: 32%; float: left; margin-right: 4px; margin-left: 4px; }
.memb123-1 { width: 25%; float: left; }
/*右側選單*/
.box-2 { float: right; width: 22%; }
.menuTitle, .conttxt-3-7 { font-size: 30px; color: #1b85e5; font-weight: bold; }
.menuwp { margin-top: 10px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; margin-bottom: 40px; }
ul.menuSideR-1 { list-style-type: none; margin: 0px; padding: 0px; }
ul.menuSideR-1 li { display: inline; }
ul.menuSideR-1 li a { color: #FFF; display: block; background-color: #1b85e5; padding-left: 10px; padding-right: 25px; font-weight: bold; background-image: url(../images/template/805.png); background-repeat: no-repeat; background-position: 195px 13px; padding-top: 10px; padding-bottom: 10px; }
ul.menuSideR-1 li a:hover { background-color: #135FA4; }
ul.menuSideR-2 { list-style-type: none; margin: 0px; padding: 0px; }
ul.menuSideR-2 li { display: inline; }
ul.menuSideR-2 li a { color: #666; display: block; padding-left: 15px; font-size: 15px; font-weight: bold; padding-top: 5px; padding-bottom: 5px; }
ul.menuSideR-2 li a:hover { color: #1b85e5; }
ul.menuSideR-3 { list-style-type: none; margin: 0px; padding: 0px; }
ul.menuSideR-3 li { display: inline; }
ul.menuSideR-3 li a { color: #333; display: block; border-top-width: 1px; border-top-style: dashed; border-top-color: #CCC; padding-left: 10px; font-weight: bold; padding-top: 10px; padding-bottom: 10px; }
ul.menuSideR-3 li a:hover { color: #1b85e5; }
.titleTxt-1, .dl-horizontal dt { color: #FD8129; }
/*右側廣告*/
.box-3 { width: 100%; }
.accountfree { background-color: #FFF7DC; padding: 5px; border: 1px solid #F8DE87; font-size: 0.9em; line-height: 25px; margin-bottom: 20px; }
.box-4 { float:left; width:66%; }
.box-5 { float: left; width: 32%; margin-left: 1%; }
.box-5 .panel-primary { width:100%; }
.accountfree a { color: #F00; }
.accountfree a:hover { color: #069; }
.accountfree2 { padding: 1px; margin-top: 5px; text-align:center; }
.accountfree2 img { width: 100%; border:1px solid #CCC; }
/*換頁效果*/
#page { text-align:center; }
.num { float: left; margin-bottom: 20px; }
.btn-first { padding: 5px; border: 1px solid #CCC; background-image: url(../images/template/btn-first.png); background-repeat: no-repeat; height: 30px; width: 30px; text-indent: -9999px; display: block; float: left; margin-right: 5px; background-position: center; }
.btn-prev { padding: 5px; border: 1px solid #CCC; float: left; height: 30px; width: 30px; margin-right: 5px; background-image: url(../images/template/btn-prev.png); background-repeat: no-repeat; text-indent: -9999px; display: block; background-position: center; }
.cur, .cur2 { padding: 8px 12px; margin: 0 3px; display: block; float: left; }
.cur, .cur2:hover { background-color: #1155AD; }
.cur a, .cur2:hover > a, .cur2 a:hover { color: #FFF; }
.cur2 a { color: #999; }
.btn-next { padding: 5px; border: 1px solid #CCC; float: left; width: 30px; margin-right: 5px; margin-left: 5px; background-image: url(../images/template/btn-next.png); background-repeat: no-repeat; text-indent: -9999px; display: block; background-position: center; height: 30px; }
.btn-last { padding: 5px; border: 1px solid #CCC; float: left; width: 30px; background-image: url(../images/template/btn-last.png); background-repeat: no-repeat; text-indent: -9999px; display: block; background-position: center; height: 30px; }
.total { font-size: 14px; color: #666; line-height: 30px; }
/*結尾*/
#footer { float: left; width: 100%; background-color: #000; }
.footerContIn, .footerContIn-menu { width: 1000px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; max-width: 100%; padding-right: 10px; padding-left: 10px; height: 110px; border-left-width: 1px; border-left-style: solid; border-left-color: #333; }
.footerContIn-menu { height:auto; border:none; margin-top:2.5em; font-weight:bold; }
.footerContIn-menu ul { display:inline-block; display: block; float: left; margin-right:2.2em; }
.footerContIn-menu ul ul { width:auto; }
.footerContIn-menu ul li { font-size:18px; list-style-type:none; }
.footerContIn-menu ul li a { border-bottom:1px solid #626262; width:100%; display:block; }
.footerContIn-menu ul li li { font-size:14px; line-height:1.8em; }
.footerContIn-menu ul li li a { border-bottom:none; }
.footerContIn-menu ul a { color:#FFF; }
.foo-1 { height: 34px; width: 147px; float: left; margin-top: 40px; margin-right: 20px; margin-left: 3%; }
.foo-2 { float: left; margin-right: 20px; }
.foo-2-1 { margin-top: 24px; color: #FFF; }
.foo-2-2 { margin-top: 5px; color: #FFF; background-image: url(../images/template/cv4.png); background-repeat: no-repeat; padding-left: 20px; background-position: 2px 2px; }
.foo-2-3 { margin-top: 5px; color: #FFF; background-image: url(../images/template/cv5.png); background-position: 2px 2px; padding-left: 20px; background-repeat: no-repeat; }
ul.foo-3 { list-style-type: none; margin: 0px; padding: 0px; }
ul.foo-3 li { display: inline; }
ul.foo-3 li a { height: 110px; width: 120px; float: right; background-image: url(../images/template/coImg-3.png); background-color: #555; background-repeat: no-repeat; background-position: center; }
ul.foo-3 li a:hover { background-image: url(../images/template/co3-1.jpg); background-color: #A5A5A5; }
ul.foo-4 { list-style-type: none; margin: 0px; padding: 0px; }
ul.foo-4 li { display: inline; }
ul.foo-4 li a { height: 110px; width: 120px; float: right; background-image: url(../images/template/coImg-2.png); background-repeat: no-repeat; background-position: center; background-color: #1155AD; }
ul.foo-4 li a:hover { background-image: url(../images/template/co2-2.jpg); background-color: #099; }
ul.foo-5 { list-style-type: none; margin: 0px; padding: 0px; }
ul.foo-5 li { display: inline; }
ul.foo-5 li a { height: 110px; width: 120px; float: right; background-image: url(../images/template/coImg-1.png); background-color: #000; background-repeat: no-repeat; background-position: center; border-left-width: 1px; border-left-style: dashed; border-left-color: #333; }
ul.foo-5 li a:hover { background-image: url(../images/template/coImg-1-1.png); }
.category-chart { margin-top:-27px; }
}


/*滑動間距(menu)////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 842px) and (max-width: 958px) {
	
/*左側內容*/
.contTitle2 {
 font-size: 1.5em;
 margin-bottom: 6px;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
 display:block;
}
 .navbar-nav {
 float: left;
 margin-top: 0;
 margin-right: 17%;
 margin-bottom: 0;
 margin-left: 0;
}
 .imgWp {
 float: left;
 margin: 7px;
 color: #F36;
}

/*I會員卡*/
.Box3 {
 width: 100%;
 background-position: bottom;
 background-repeat: repeat-x;
 height: auto;
 background-color: #F1F1F1;
}
.memberwp {
 margin: auto;
 max-width: 100%;
 background-image: url(../images/template/xcs.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 10px;
}
.memberwpDiv1 {
 z-index: 1000;
 width: 40%;
}
.memberwpDiv1 img {
 width: 100%;
}
 .memberwpDiv2 {
 z-index: 1001;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 20px;
}
.memberImg {
 font-size: 28px;
 font-weight: bold;
 line-height: 35px;
}
.memberImg img {
 width: 100%;
}
.memberImg2 {
 width: 100%;
 line-height: 25px;
 font-size: 14px;
}
 .memberImgBtn {
 margin-top: 10px;
}
ul.memBtn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn li {
 display: inline;
}
ul.memBtn li a {
 display: block;
 height: 47px;
 width: 138px;
 float: left;
 margin-right: 20px;
 background-image: url(../images/template/btn-1.png);
}
ul.memBtn li a:hover {
 background-image: url(../images/template/btn-1-2.png);
}
ul.memBtn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn2 li {
 display: inline;
}
ul.memBtn2 li a {
 display: block;
 height: 47px;
 width: 183px;
 float: left;
 background-image: url(../images/template/btn-2.png);
}
ul.memBtn2 li a:hover {
 background-image: url(../images/template/btn-2-2.png);
}
}




/*滑動間距(menu)////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 799px) and (max-width: 841px) {
	
/*左側內容*/
.contTitle2 {
 font-size: 1.5em;
 margin-bottom: 6px;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
 display:block;
}
 .navbar-nav {
 float: left;
 margin-top: 0;
 margin-right: 8%;
 margin-bottom: 0;
 margin-left: 0;
}
 .imgWp {
 width: 160px;
 float: left;
 margin: 20px;
 color: #F36;
}

/*I會員卡*/
.Box3 {
 width: 100%;
 background-position: bottom;
 background-repeat: repeat-x;
 height: auto;
 background-color: #F1F1F1;
}
.memberwp {
 margin: auto;
 max-width: 100%;
 background-image: url(../images/template/xcs.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 10px;
}
.memberwpDiv1 {
 z-index: 1000;
 width: 40%;
}
.memberwpDiv1 img {
 width: 100%;
}
 .memberwpDiv2 {
 z-index: 1001;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 20px;
}
.memberImg {
 font-size: 28px;
 font-weight: bold;
 line-height: 35px;
}
.memberImg img {
 width: 100%;
}
.memberImg2 {
 width: 100%;
 line-height: 25px;
 font-size: 14px;
}
 .memberImgBtn {
 margin-top: 10px;
}
ul.memBtn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn li {
 display: inline;
}
ul.memBtn li a {
 display: block;
 height: 47px;
 width: 138px;
 float: left;
 margin-right: 20px;
 background-image: url(../images/template/btn-1.png);
}
ul.memBtn li a:hover {
 background-image: url(../images/template/btn-1-2.png);
}
ul.memBtn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn2 li {
 display: inline;
}
ul.memBtn2 li a {
 display: block;
 height: 47px;
 width: 183px;
 float: left;
 background-image: url(../images/template/btn-2.png);
}
ul.memBtn2 li a:hover {
 background-image: url(../images/template/btn-2-2.png);
}

/*Banner輪播*/
.advertising {
 display: none;
}
}



/*滑動間距/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 821px) {

/*中間內容*/
.imgWp {
 width: 150px;
 float: left;
 margin: 17px;
 color: #F36;
}
}

/*滑動間距(I會員卡)////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 767px) and (max-width: 798px) {
	
/*上方Banner*/
/*.main-com{
	position: relative;
	width: auto;
	height: 180px;
	padding: 0;
	overflow: hidden;
	margin-top: 100;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}*/
.row {
 margin-right: 0;
 margin-left: 0;
}
.main-com img {
 width: 100%;
 height: 100%;
 margin-left: 0;
}
.wrapper {
width: 100%;
}
.nspArtPage {
width: 46%;
float: left;
}
.container .row .col-md-4 {
width: 38%;
padding:0;
float: left;
}
.container .row .col-md-8 {
width:62%;
float:right;
padding:0;
}
.navbar-brand {
height: 55px;
left: 261px;
position: relative;
}
/* header */
.signup .i-member-content {
 left: -118px;
 width: 88%;
 top: 62px;
}
.btn-i {
margin-top: 6px;
float:none;
}
.signup a {
 width: 170px;
 margin-right: 0;
 display: inline-block;
 margin-bottom: 7px;
}
/* main menu */
.dropdown-menu {
width: 756px;
}
.open .dm1 {
left: 0px;
}
.open .dm2 {
left: -98px;
}
.open .dm5 {
left: -360px;
}
.open .dm6 {
left: -434px;
}
.open .dm7 {
left: -527px;
}

/*I會員卡*/
.Box3 {
 width: 100%;
 background-position: bottom;
 background-repeat: repeat-x;
 height: auto;
 background-color: #F1F1F1;
}
.memberwp {
 margin: auto;
 max-width: 100%;
 background-image: url(../images/template/xcs.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 10px;
}
.memberwpDiv1 {
 z-index: 1000;
 width: 40%;
}
.memberwpDiv1 img {
 width: 100%;
}
 .memberwpDiv2 {
 z-index: 1001;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 20px;
}
.memberImg {
 font-size: 28px;
 font-weight: bold;
 line-height: 35px;
}
.memberImg img {
 width: 100%;
}
.memberImg2 {
 width: 100%;
 line-height: 25px;
 font-size: 14px;
}
 .memberImgBtn {
 margin-top: 10px;
}
ul.memBtn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn li {
 display: inline;
}
ul.memBtn li a {
 display: block;
 height: 47px;
 width: 138px;
 float: left;
 margin-right: 20px;
 background-image: url(../images/template/btn-1.png);
}
ul.memBtn li a:hover {
 background-image: url(../images/template/btn-1-2.png);
}
ul.memBtn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn2 li {
 display: inline;
}
ul.memBtn2 li a {
 display: block;
 height: 47px;
 width: 183px;
 float: left;
 background-image: url(../images/template/btn-2.png);
}
ul.memBtn2 li a:hover {
 background-image: url(../images/template/btn-2-2.png);
}

/*Banner輪播*/
.advertising {
 display: block;
}

/* index info area */
.focus_mod_h3 {
width: 100%;
}
.module_box_2_left {
margin-right: 1em;
}
.module_box_2 ul.topnews li {
padding-left: 0;
text-overflow: ellipsis;
overflow: hidden;
 width: 346px;
white-space: nowrap;
}
.focus_mod_h3_outer .readMore {
right: 0;
left:0;
}
.focus_h3_first {
font-size: 30px;
}
.module_box_2 ul.newslist li {
width:100%;
}
.main-com {
height:400px;
}
}

/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 747px) and (max-width: 767px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 17%;
 float: left;
}
 .explanation {
 float: left;
 margin-left: 24%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 727px) and (max-width: 747px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 15%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 22%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 707px) and (max-width: 727px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 14%;
 float: left;
}
 .explanation {
 float: left;
 margin-left: 21%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 687px) and (max-width: 707px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 13%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 20%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 667px) and (max-width: 687px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 10%;
 float: left;
}
 .explanation {
 float: left;
 margin-left: 18%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 647px) and (max-width: 667px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 10%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 18%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 627px) and (max-width: 646px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 7%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 43%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 16%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 607px) and (max-width: 626px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 5%;
 float: left;
}
 .explanation {
 float: left;
 margin-left: 15%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 587px) and (max-width: 607px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 4%;
 float: left;
}
 .explanation {
 float: left;
 margin-left: 14%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 567px) and (max-width: 587px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 43%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 12%;
}
.explanation {
 float: left;
 margin-left: 6%;
 margin-top: 10px;
}
.explanation2 {
 float: left;
 margin-left: 0%;
 margin-top: 10px;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 557px) and (max-width: 567px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 1%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 11%;
}
}
@media screen and (min-width: 537px) and (max-width: 557px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 10%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 11%;
}
}
 @media screen and (min-width: 521px) and (max-width: 550px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 10%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 11%;
}
}
@media screen and (min-width: 501px) and (max-width: 520px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 15%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 9%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 35%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 4%;
}
.explanation2 {
 float: left;
 margin-left: 27%;
}
}
 @media screen and (min-width: 481px) and (max-width: 500px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 4%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}




/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 768px) and (max-width: 999px) {
	
/*中間內容*/

#contentIn {
 width: 1000px;
 margin-top: 10px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 height: auto;
}
#content-font-size {
 margin-bottom: 20px;
}

/*登入帳密*/


/*I會員卡*/
.Box3 {
 width: 100%;
 background-position: bottom;
 background-repeat: repeat-x;
 height: auto;
 background-color: #F1F1F1;
}
.memberwp {
 margin: auto;
 max-width: 100%;
 background-image: url(../images/template/xcs.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 10px;
}
.memberwpDiv1 {
 z-index: 1000;
 width: 40%;
}
.memberwpDiv1 img {
 width: 100%;
}
 .memberwpDiv2 {
 z-index: 1001;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 20px;
}
.memberImg {
 font-size: 28px;
 font-weight: bold;
 line-height: 35px;
}
.memberImg img {
 width: 100%;
}
.memberImg2 {
 width: 100%;
 line-height: 25px;
 font-size: 14px;
}
 .memberImgBtn {
 margin-top: 10px;
}
ul.memBtn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn li {
 display: inline;
}
ul.memBtn li a {
 display: block;
 height: 47px;
 width: 138px;
 float: left;
 margin-right: 20px;
 background-image: url(../images/template/btn-1.png);
}
ul.memBtn li a:hover {
 background-image: url(../images/template/btn-1-2.png);
}
ul.memBtn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn2 li {
 display: inline;
}
ul.memBtn2 li a {
 display: block;
 height: 47px;
 width: 183px;
 float: left;
 background-image: url(../images/template/btn-2.png);
}
ul.memBtn2 li a:hover {
 background-image: url(../images/template/btn-2-2.png);
}

/*左側內容*/
.box-1 {
 float: left;
 width: 73%;
 margin-right: 15px;
 margin-left: 15px;
}
.contTitle2 {
 font-size: 1.5em;
 margin-bottom: 6px;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
 display:block;
}
.searchCriteria .span1 {
 float: left;
 width: 28%;
 margin-left: 15px;
 font-size: 0.938em;
 line-height: 35px;
}
.searchCriteria .span2 {
 float:left;
 width:67%;
 margin-left:1%;
}

/*服務介紹*/
.servicesCont {
 margin-bottom: 5px;
}
.servicesCont-1 {
 height: 51px;
 float: left;
 margin-right: 20px;
 width: 144px;
 max-width: 100%;
 margin-bottom: 20px;
}
.servicesCard-1 {
 height: 251px;
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
 width: 201px;
 max-width: 100%;
 background-image: url(../images/template/icard.jpg);
}
 #servTxt1 {
 margin-top: 60px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 20px;
 line-height: 20px;
}
 .servicesCard-2 {
 height: 251px;
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
 width: 201px;
 max-width: 100%;
 background-image: url(../images/template/kcard.jpg);
}
.servicesCard-3 {
 height: 251px;
 float: left;
 margin-right: 20px;
 margin-bottom: 20px;
 width: 201px;
 max-width: 100%;
 background-image: url(../images/template/ecard.jpg);
}
 .conttxtBack {
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
}

/*右側選單*/
.box-2 {
 float: right;
 width: 22%;
 margin-right: 5px;
}
.menuTitle {
 font-size: 30px;
 color: #1b85e5;
 font-weight: bold;
}
.menuwp {
 margin-top: 10px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
 margin-bottom: 40px;
}
ul.menuSideR-1 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.menuSideR-1 li {
 display: inline;
}
ul.menuSideR-1 li a {
 color: #FFF;
 display: block;
 background-color: #1b85e5;
 padding-left: 10px;
 font-weight: bold;
 background-image: url(../images/template/805.png);
 background-repeat: no-repeat;
 background-position: 195px 13px;
 padding-top: 10px;
 padding-bottom: 10px;
}
ul.menuSideR-1 li a:hover {
 background-color: #135FA4;
}
ul.menuSideR-2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.menuSideR-2 li {
 display: inline;
}
ul.menuSideR-2 li a {
 color: #666;
 display: block;
 padding-left: 15px;
 font-size: 15px;
 font-weight: bold;
 padding-top: 5px;
 padding-bottom: 5px;
}
ul.menuSideR-2 li a:hover {
 color: #1b85e5;
}
 ul.menuSideR-3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
 ul.menuSideR-3 li {
 display: inline;
}
 ul.menuSideR-3 li a {
 color: #333;
 display: block;
 border-top-width: 1px;
 border-top-style: dashed;
 border-top-color: #CCC;
 padding-left: 10px;
 font-weight: bold;
 padding-top: 10px;
 padding-bottom: 10px;
}
 ul.menuSideR-3 li a:hover {
 color: #1b85e5;
}
.titleTxt-1 {
 color: #FD8129;
}

/*結尾*/
#footer {
 float: left;
 width: 100%;
 background-color: #000;
}
.footerContIn {
 width: 980px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 padding-right: 10px;
 padding-left: 10px;
 height: 0px;
 border-left-width: 0px;
}
.foo-1 {
 height: 34px;
 width: 147px;
 float: left;
 margin-top: 3%;
 margin-right: 20px;
}
.foo-2 {
 font-size: 0.8em;
 float: left;
 margin-right: 2%;
}
.foo-2-1 {
 margin-top: 3%;
 color: #FFF;
}
.foo-2-2 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv4.png);
 background-repeat: no-repeat;
 padding-left: 20px;
 background-position: 2px 2px;
}
.foo-2-3 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv5.png);
 background-position: 2px 2px;
 padding-left: 20px;
 background-repeat: no-repeat;
}
 ul.foo-3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-3 li {
 display: inline;
}
ul.foo-3 li a {
 height: 80px;
 width: 12%;
 float: right;
 background-image: url(../images/template/coImg-3.png);
 background-color: #555;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-3 li a:hover {
 background-image: url(../images/template/co3-1.jpg);
 background-color: #A5A5A5;
}
ul.foo-4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-4 li {
 display: inline;
}
ul.foo-4 li a {
 height: 80px;
 width: 12%;
 float: right;
 background-image: url(../images/template/coImg-2.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #1155AD;
}
ul.foo-4 li a:hover {
 background-image: url(../images/template/co2-2.jpg);
 background-color: #099;
}
ul.foo-5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-5 li {
 display: inline;
}
ul.foo-5 li a {
 height: 80px;
 width: 12%;
 float: right;
 background-image: url(../images/template/coImg-1.png);
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-5 li a:hover {
 background-image: url(../images/template/coImg-1-1.png);
}

/*會員中心*/
div.mb {
 width: 98%;
 clear: both;
 padding: 0px;
 height: 180px;
 margin-right: auto;
 margin-left: auto;
}
div.mb .txt {
 float: right;
 font-size: 0.938em;
 color: #666;
 width: 72%;
 line-height: 160%;
 margin-top: 0px;
}

/*Banner輪播*/
.advertising {
 display: none;
}
}
@media screen and (min-width: 767px) and (max-width: 798px) {
 .foo-2 {
font-size:12px;
margin-right:0;
}
.footerContIn-menu ul {
margin-right:1em;
}
.footerContIn-menu {
margin-top: 6em;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 980px) and (max-width: 990px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 15%;
 float: left;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 979px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 15%;
 float: left;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 970px) and (max-width: 980px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 13%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 20%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 960px) and (max-width: 970px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 12%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 19%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 936px) and (max-width: 950px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 17%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 19%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 920px) and (max-width: 935px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 17%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 19%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}

/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 900px) and (max-width: 910px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 10%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 17%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 890px) and (max-width: 900px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 9%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 16%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 880px) and (max-width: 890px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 8%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 15%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 870px) and (max-width: 880px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 7%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 14%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 850px) and (max-width: 870px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 6%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 13%;
}
}

/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 840px) and (max-width: 850px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 5%;
 float: left;
}
 .explanation {
 float: left;
 margin-left: 13%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 820px) and (max-width: 840px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 12%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 4%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 45%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 12%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 800px) and (max-width: 820px) {
/*登入帳密*/
.accountnumberTxt {
 margin-left: 10%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 14%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}

/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 788px) and (max-width: 799px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 10%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 14%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 768px) and (max-width: 787px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 7%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 14%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 651px) and (max-width: 710px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 15%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 19%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 634px) and (max-width: 650px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 20%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 14%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 602px) and (max-width: 633px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 15%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 16%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 567px) and (max-width: 601px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 10%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 14%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 558px) and (max-width: 566px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 10%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 14%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 527px) and (max-width: 557px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 10%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 14%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 512px) and (max-width: 526px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 7%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 10%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 501px) and (max-width: 511px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 7%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 44%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 10%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}






/*平板////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 481px) and (max-width: 767px) {
	
/*頭部區*/
#headerwp {
 top:0;
}
#headerMenu {
 width:100%;
}
#menuTxt {
 display:none;
}
.flexslider {
 position:relative;
 width:100%;
 height:450px;
 padding:0;
 margin:0 auto;
 overflow:hidden;
}
#nextTxt .latest-2 .img-1-cont {
 float: left;
 width: 380px;
 margin-left: 22px;
 margin-top: 10px;
}
.slides {
 position:relative;
 list-style:none;
 height:450px;
 padding:0;
 margin:0 auto;
}
.slides li {
 position:relative;
 width:100%;
 height:450px;
 overflow:hidden;
}
.slides li img {
 position:absolute;
 left:50%;
 top:0;
 margin-left:-960px;
}
 #firstTxt {
 float: left;
 width:96%;
 margin:0 2%;
}
.main-com {
 position:relative;
 width:100%;
	/*height:305px;*/
	padding:0;
 margin:0 auto;
 overflow:hidden;
}
.main-com img {
 width:1280px;
	/*height:250px;*/ height:100%;
/*margin-left:-640px;*/
	
}
.carousel-button .prev {
margin-left: 10px;
}
.carousel-button .next {
left:700px;
}
.carousel-button {
top:131px;
}
.main-com .carousel-button img {
width:auto;
height:auto;
}
.navbar-brand {
 margin-left: 23%;
}
.love {
 height: 35px;
 width: 40px;
 float: right;
 margin-top: 20px;
 z-index: 99999;
 display: block;
 margin-right: 20px;
}

/*會員中心&綜合查詢*/
ul.header-Btn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.header-Btn li {
 display: inline;
}
ul.header-Btn li a {
 display: block;
 height: 65px;
 width: 100%;
 float: left;
 color: #000;
 text-decoration: none;
 font-size: 15px;
 font-weight: bold;
 padding-left: 15px;
 line-height: 60px;
}
ul.header-Btn li a:hover {
 background-color: #3476F0;
 color: #FFF;
}

/*上方menu*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
 background-color: #FFF;
 border-bottom-width: 4px;
 border-bottom-style: solid;
 border-bottom-color: #1F54A5;
}
 .menuTitleLink {
 height: auto;
 float: left;
 width: 50%;
}
.menuCont-1 {
 margin: 10px;
 font-size: 1.2em;
 font-weight: bold;
 color: #7ECEF4;
 padding-bottom: 5px;
 border-bottom-width: 3px;
 border-bottom-style: solid;
 border-bottom-color: #7ECEF4;
}
.menuCont-2 {
 font-size: 1em;
 color: #FFFFFF;
 padding-bottom: 5px;
 line-height: 23px;
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: -5%;
}
.menuCont-2 li {
 color: #FFFFFF;
 list-style-image: url(../images/template/741.png);
 margin-left: 15%;
}
.menuCont-2 li a {
 color: #FFFFFF;
}
.menuCont-2 li a:hover {
 color: #FFFFCC;
}
 .dropdown-menu {
 top: 100%;
 float: left;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 min-width:80%;
 background-image: url(../images/template/2052.png);
}
.dropdown-menu2 {
 top: 100%;
 float: left;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 min-width:80%;
 background-image: url(../images/template/2052.png);
 height: 850px;
}
.menu, ol, ul {
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 6px;
 margin-right: 1%;
}
.navbar-default .navbar-text {
color:#777
}
.navbar-default .navbar-nav>li>a {
 color: #333;
 height: 60px;
 font-weight: bold;
 width: 100%;
 text-align: left;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
 color: #FFF;
 height: 60px;
 background-color: #3476F0;
 width: 100%;
 text-align: left;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
 color: #FFF;
 height: 60px;
 background-color: 3476F0;
 width: 100%;
 text-align: left;
}
.navbar-nav {
 font-size: 16px;
 float: none;
 margin: 0;
}

/*分類&列印*/
.ContSort {
 height: 40px;
 width: 100%;
 background-color: #FBFBFB;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
}
.ContSotrIn {
 height: 40px;
 width: 1000px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
}
ul.sort-btn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn li {
 display: inline;
}
ul.sort-btn li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-left-style: solid;
 border-right-color: #CCC;
 border-left-color: #CCC;
 height: 40px;
 width: 50px;
 text-indent: -9999px;
 background-image: url(../images/template/sort-3.png);
 background-repeat: no-repeat;
 background-position: center;
}
ul.sort-btn li a:hover {
 background-image: url(../images/template/sort-4.png);
}
ul.sort-btn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn2 li {
 display: inline;
}
ul.sort-btn2 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 padding-right: 25px;
 padding-left: 25px;
 line-height: 40px;
 background-image: url(../images/template/4456.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn2 li a:hover {
 background-color: #0085B2;
 color: #FFF;
 background-image: url(../images/template/4456-2.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn3 li {
 display: inline;
}
ul.sort-btn3 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 line-height: 40px;
 padding-right: 25px;
 padding-left: 25px;
 background-image: url(../images/template/4456.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn3 li a:hover {
 background-color: #0085B2;
 color: #FFF;
 background-image: url(../images/template/4456-2.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn4 li {
 display: inline;
}
ul.sort-btn4 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 padding-right: 15px;
 padding-left: 15px;
 line-height: 40px;
}
ul.sort-btn4 li a:hover {
 background-color: #0085B2;
 color: #FFF;
}
ul.sort-btn5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 display: none;
}
ul.sort-btn5 li {
 display: inline;
}
ul.sort-btn5 li a {
 color: #666;
 display: block;
 float: right;
 border-right-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-left-style: solid;
 border-right-color: #CCC;
 border-left-color: #CCC;
 height: 40px;
 width: 50px;
 text-indent: -9999px;
 background-image: url(../images/template/sort-1.png);
 background-repeat: no-repeat;
 background-position: center;
}
ul.sort-btn5 li a:hover {
 background-image: url(../images/template/sort-2.png);
}

/*中間內容*/
#contentIn {
 width: 1000px;
 margin-top: 10px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 height: auto;
}
#content-font-size {
 margin-bottom: 20px;
}
.advisory-1 {
 width: 48%;
 float: left;
 margin-right: 4px;
 margin-left: 4px;
}
/*Banner輪播*/
.advertising {
 display: block;
}

/*I會員卡*/
.Box3 {
 width: 100%;
 background-position: bottom;
 background-repeat: repeat-x;
 height: auto;
 background-color: #F1F1F1;
}
.memberwp {
 margin: auto;
 max-width: 100%;
 background-image: url(../images/template/xcs.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 10px;
}
.memberwpDiv1 {
 z-index: 1000;
 width: 40%;
}
.memberwpDiv1 img {
 width: 100%;
}
 .memberwpDiv2 {
 z-index: 1001;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 20px;
}
.memberImg {
 font-size: 28px;
 font-weight: bold;
 line-height: 35px;
}
.memberImg img {
 width: 100%;
}
.memberImg2 {
 width: 100%;
 line-height: 25px;
 font-size: 14px;
}
 .memberImgBtn {
 margin-top: 10px;
}
ul.memBtn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn li {
 display: inline;
}
ul.memBtn li a {
 display: block;
 height: 47px;
 width: 138px;
 float: left;
 margin-right: 20px;
 background-image: url(../images/template/btn-1.png);
}
ul.memBtn li a:hover {
 background-image: url(../images/template/btn-1-2.png);
}
ul.memBtn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn2 li {
 display: inline;
}
ul.memBtn2 li a {
 display: block;
 height: 47px;
 width: 183px;
 float: left;
 background-image: url(../images/template/btn-2.png);
}
ul.memBtn2 li a:hover {
 background-image: url(../images/template/btn-2-2.png);
}

/*左側內容*/
.box-1 {
 float: left;
 width: 100%;
 padding-right: 10px;
 padding-left: 10px;
}
.contTitle {
 font-size: 1.875em;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
}
.contTitle2 {
 font-size: 1.5em;
 margin-bottom: 6px;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
 display:block;
}
.conttxt-1 {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
 margin-top: 10px;
 width: 100%;
float:none;
display:inline-block;
}
 .conttxt-2 {
 height: 23px;
 width: 8%;
 float: left;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 font-size: 25px;
 color: #000;
}
.conttxt-2 .noMask {
 position: absolute;
 background: url(../images/template/no-slMask.png) right bottom no-repeat;
 height: 15px;
 width: 15px;
 top: 12px;
 right: -4px;
}
.conttxt-3 {
/*width: 90%;
	float: right;
	line-height: 25px;*/
}
.conttxt-4 {
 margin-bottom: 50px;
 float: left;
 width: 100%;
 margin-top: 20px;
}
 .conttxt-3-1 {
 margin-bottom: 5px;
 font-size: 1.3em;
 font-weight: bold;
}
.conttxt-3-1-img {
 float: left;
 height: 24px;
 width: 24px;
 margin-right: 10px;
}
 .conttxt-3-2 {
 margin-bottom: 5px;
}
/*.conttxt-3-3 {
 color: #666;
}*/
 .searchCriteria .span1 {
 float: left;
 width: 38%;
 margin-left: 15px;
 font-size: 0.938em;
 line-height: 35px;
}
.searchCriteria .span2 {
 float:left;
 width:57%;
 margin-left:1%;
}


/*右側選單*/
.box-2 {
 display:none;
}

/*換頁效果*/
.num {
 float: left;
}
 .btn-first {
 padding: 5px;
 border: 1px solid #CCC;
 background-image: url(../images/template/btn-first.png);
 background-repeat: no-repeat;
 height: 30px;
 width: 30px;
 text-indent: -9999px;
 display: block;
 float: left;
 margin-right: 5px;
 background-position: center;
}
.btn-prev {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 height: 30px;
 width: 30px;
 margin-right: 5px;
 background-image: url(../images/template/btn-prev.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
}
.cur {
 background-color: #1155AD;
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 height: 30px;
}
 .cur a {
 color: #FFF;
}
.cur2 {
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 height: 30px;
 width: 30px;
}
.cur2 a {
 color: #999;
}
 .btn-next {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 width: 30px;
 margin-right: 5px;
 margin-left: 5px;
 background-image: url(../images/template/btn-next.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
 height: 30px;
}
.btn-last {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 width: 30px;
 background-image: url(../images/template/btn-last.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
 height: 30px;
}
 .total {
 float: right;
 font-size: 14px;
 color: #666;
 line-height: 30px;
}

/*結尾*/
#footer {
 float: left;
 width: 100%;
 background-color: #000;
}
.footerContIn {
 width: 980px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 padding-right: 10px;
 padding-left: 10px;
 height: 0px;
 border-left-width: 0px;
}
.foo-1 {
 height: 34px;
 width: 147px;
 float: left;
 margin-top: 3%;
 margin-right: 20px;
margin-left:0;
}
.foo-2 {
 font-size: 0.8em;
 float: left;
 margin-right: 2%;
}
.foo-2-1 {
 margin-top: 3%;
 color: #FFF;
}
.foo-2-2 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv4.png);
 background-repeat: no-repeat;
 padding-left: 20px;
 background-position: 2px 2px;
}
.foo-2-3 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv5.png);
 background-position: 2px 2px;
 padding-left: 20px;
 background-repeat: no-repeat;
}
 ul.foo-3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-3 li {
 display: inline;
}
ul.foo-3 li a {
 height: 80px;
 width: 12%;
 float: right;
 background-image: url(../images/template/coImg-3.png);
 background-color: #555;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-3 li a:hover {
 background-image: url(../images/template/co3-1.jpg);
 background-color: #A5A5A5;
}
ul.foo-4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-4 li {
 display: inline;
}
ul.foo-4 li a {
 height: 80px;
 width: 12%;
 float: right;
 background-image: url(../images/template/coImg-2.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #1155AD;
}
ul.foo-4 li a:hover {
 background-image: url(../images/template/co2-2.jpg);
 background-color: #099;
}
ul.foo-5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-5 li {
 display: inline;
}
ul.foo-5 li a {
 height: 80px;
 width: 12%;
 float: right;
 background-image: url(../images/template/coImg-1.png);
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-5 li a:hover {
 background-image: url(../images/template/coImg-1-1.png);
}

/*會員中心*/
div.mb {
 width: 98%;
 clear: both;
 padding: 0px;
 height: 160px;
 margin-right: auto;
 margin-left: auto;
}
div.mb .txt {
 float: right;
 font-size: 0.938em;
 color: #666;
 width: 70%;
 line-height: 160%;
 margin-top: 10px;
}
}

/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 481px) and (max-width: 743px) {
/*Banner輪播*/
.advertising {
 display: block;
}

/*結尾*/
#footer {
 float: left;
 width: 100%;
 background-color: #000;
}
.footerContIn {
 width: 980px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 padding-right: 10px;
 padding-left: 10px;
 height: 0px;
 border-left-width: 0px;
}
.foo-1 {
 height: 34px;
 width: 147px;
 float: left;
 margin-top: 3%;
 margin-right: 20px;
}
.foo-2 {
 font-size: 0.8em;
 float: left;
 margin-right: 2%;
}
.foo-2-1 {
 margin-top: 3%;
 color: #FFF;
}
.foo-2-2 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv4.png);
 background-repeat: no-repeat;
 padding-left: 20px;
 background-position: 2px 2px;
}
.foo-2-3 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv5.png);
 background-position: 2px 2px;
 padding-left: 20px;
 background-repeat: no-repeat;
}
 ul.foo-3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-3 li {
 display: inline;
}
ul.foo-3 li a {
 height: 80px;
 width: 36%;
 float: right;
 margin-top: 2%;
 background-image: url(../images/template/coImg-3.png);
 background-color: #555;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-3 li a:hover {
 background-image: url(../images/template/coImg-3.png);
 background-color: #A5A5A5;
}
ul.foo-4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-4 li {
 display: inline;
}
ul.foo-4 li a {
 height: 80px;
 width: 33%;
 float: right;
 margin-top: 2%;
 background-image: url(../images/template/coImg-2.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #1155AD;
}
ul.foo-4 li a:hover {
 background-image: url(../images/template/coImg-2.png);
 background-color: #099;
}
ul.foo-5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-5 li {
 display: inline;
}
ul.foo-5 li a {
 height: 80px;
 width: 30%;
 float: left;
 margin-top: 2%;
 background-image: url(../images/template/coImg-1.png);
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-5 li a:hover {
 background-image: url(../images/template/coImg-1-1.png);
}
}


/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 481px) and (max-width: 686px) {
	
/*頭部區*/
.navbar-brand {
 margin-left: 20%;
padding-top: 21px;
}

/*登入帳密*/
.explanation {
 float: left;
}
.explanation a {
 color: #F00;
}
.explanation a:hover {
 color: #1155AD;
}
.explanation2 {
 float: left;
}
.explanation2 a {
 color: #F00;
}
.explanation2 a:hover {
 color: #1155AD;
}

/*字級*/
.textsize {
 font-size: 14px;
 color: #666;
 float: right;
 display: none;
}
.textsize a {
 font-size: 15px;
 padding: 5px;
 display: inline;
 color: #000000;
 background-color: #FFFFFF;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 5px;
 border: 1px solid #CCC;
 font-weight: bold;
}
.textsize a:hover {
 color: #FFFFFF;
 background: #333
}
.textsize a:active {
 color: #FFFFFF;
 background: #333;
 text-decoration: underline;
}
.textsize .ts-on {
 color: #FFFFFF;
 background: #333;
}
 .imgWp {
 width: 160px;
 float: left;
 margin: 25px;
 color: #F36;
}

/*換頁效果*/
.num {
 float: left;
}
 .btn-first {
 padding: 5px;
 border: 1px solid #CCC;
 background-image: url(../images/template/btn-first.png);
 background-repeat: no-repeat;
 height: 30px;
 width: 30px;
 text-indent: -9999px;
 display: block;
 float: left;
 margin-right: 5px;
 background-position: center;
}
.btn-prev {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 height: 30px;
 width: 30px;
 margin-right: 5px;
 background-image: url(../images/template/btn-prev.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
}
.cur {
 background-color: #1155AD;
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 height: 30px;
}
 .cur a {
 color: #FFF;
}
.cur2 {
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 height: 30px;
 width: 30px;
}
.cur2 a {
 color: #999;
}
 .btn-next {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 width: 30px;
 margin-right: 5px;
 margin-left: 5px;
 background-image: url(../images/template/btn-next.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
 height: 30px;
}
.btn-last {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 width: 30px;
 background-image: url(../images/template/btn-last.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
 height: 30px;
}
 .total {
 display:none;
}

/*結尾*/
#footer {
 float: left;
 width: 100%;
 background-color: #000;
}
.footerContIn {
 width: 980px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 padding-right: 10px;
 padding-left: 10px;
 height: 0px;
 border-left-width: 0px;
}
.foo-1 {
 height: 34px;
 width: 147px;
 float: left;
 margin-top: 3%;
 margin-right: 20px;
}
.foo-2 {
 font-size: 0.8em;
 float: left;
 margin-right: 2%;
}
.foo-2-1 {
 margin-top: 3%;
 color: #FFF;
}
.foo-2-2 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv4.png);
 background-repeat: no-repeat;
 padding-left: 20px;
 background-position: 2px 2px;
}
.foo-2-3 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv5.png);
 background-position: 2px 2px;
 padding-left: 20px;
 background-repeat: no-repeat;
}
 ul.foo-3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-3 li {
 display: inline;
}
ul.foo-3 li a {
 height: 80px;
 width: 36%;
 float: right;
 margin-top: 2%;
 background-image: url(../images/template/coImg-3.png);
 background-color: #555;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-3 li a:hover {
 background-image: url(../images/template/coImg-3.png);
 background-color: #A5A5A5;
}
ul.foo-4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-4 li {
 display: inline;
}
ul.foo-4 li a {
 height: 80px;
 width: 33%;
 float: right;
 margin-top: 2%;
 background-image: url(../images/template/coImg-2.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #1155AD;
}
ul.foo-4 li a:hover {
 background-image: url(../images/template/coImg-2.png);
 background-color: #099;
}
ul.foo-5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-5 li {
 display: inline;
}
ul.foo-5 li a {
 height: 80px;
 width: 30%;
 float: left;
 margin-top: 2%;
 background-image: url(../images/template/coImg-1.png);
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-5 li a:hover {
 background-image: url(../images/template/coImg-1-1.png);
}
}

/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 481px) and (max-width: 500px) {

/*頭部區*/
.accountnumberTxt {
 margin-left: 2%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 4%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 43%;
 float: left;
}
.explanation {
 float: left;
 margin-left: 4%;
}
.explanation2 {
 float: left;
 margin-left: 0%;
}
}


/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 470px) and (max-width: 480px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 25%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 25%;
 float: left;
 margin-top: 10px;
}
 .accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 25%;
 margin-top: 10px;
}
.explanation2 {
 float: left;
 margin-left: 35%;
}
}
 @media screen and (max-width:480px) {
 .box-4, .box-5 {
float:none!important;
width:100%;
}
 .box-5 {
margin-left:0;
}
}

/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 460px) and (max-width: 470px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 25%;
 float: left;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 25%;
 margin-top: 10px;
}
.explanation2 {
 float: left;
 margin-left: 35%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 430px) and (max-width: 459px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 25%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 25%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 25%;
 margin-top: 10px;
}
.explanation2 {
 float: left;
 margin-left: 35%;
}
}
@media screen and (min-width: 400px) and (max-width: 429px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 20%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 20%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 25%;
 margin-top: 10px;
}
.explanation2 {
 float: left;
 margin-left: 35%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 380px) and (max-width: 399px) {
	

/*登入帳密*/
.accountnumberTxt {
 margin-left: 18%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 18%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 40%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 18%;
}
.explanation2 {
 float: left;
 margin-left: 32%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 379px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 18%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 18%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 40%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 18%;
}
.explanation2 {
 float: left;
 margin-left: 32%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 378px) and (max-width: 379px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 18%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 18%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 40%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 18%;
}
.explanation2 {
 float: left;
 margin-left: 32%;
}
}



/*滑動間距/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 632px) and (max-width: 649px) {

/*中間內容*/
.imgWp {
 width: 150px;
 float: left;
 margin: 27px;
 color: #F36;
}
}

/*滑動間距/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 631px) {

/*中間內容*/
.imgWp {
 width: 150px;
 float: left;
 margin: 24px;
 color: #F36;
}
.Horizontal-div>div {
width:100%;
}
 .social {
 text-align: left;
margin-bottom:1.5em;
}
.col-md-9 img {
max-width:100%;
}
.accountfree2 img {
max-width:100%;
width:auto;
}
}

/*滑動間距/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 613px) {

/*中間內容*/
.imgWp {
 width: 150px;
 float: left;
 margin: 15px;
 color: #F36;
}
}

/*滑動間距/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 559px) {

/*中間內容*/
.imgWp {
 width: 150px;
 float: left;
 margin: 10px;
 color: #F36;
}
}

/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 481px) and (max-width: 541px) {

/*頭部區*/
.navbar-brand {
 margin-left: 15%;
}

/*中間內容*/
.advisory-1 {
 width: 48%;
 float: right;
}
.imgWp {
 width: 160px;
 float: left;
 margin: 5px;
 color: #F36;
}
}

/*滑動間距/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 515px) and (max-width: 529px) {

/*中間內容*/
.imgWp {
 width: 150px;
 float: left;
 margin: 7px;
 color: #F36;
}
}

/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 514px) {
	
/*頭部區*/
.navbar-brand {
 margin-left: 12%;
}

/*中間內容*/
.memb123-1 {
 width: 33%;
 float: left;
}
.imgWp {
 width: 160px;
 float: left;
 margin: 2px;
 color: #F36;
}
}

/*滑動間距/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 481px) and (max-width: 511px) {

/*中間內容*/
.imgWp {
 width: 170px;
 float: left;
 margin: 30px;
 color: #F36;
}
}


/*手機/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 321px) and (max-width: 480px) {

/*頭部區*/
#headerwp {
 top:0px;
}
#headerMenu {
 width:100%;
}
.navbar-brand {
 display:none;
}
#menuTxt {
 display:block;
 margin: 20px;
}
 .logo {
 position:absolute;
 top: 0;
left:0;
 display:block;
 height: 28px;
 width: 230px;
 z-index:1100;
 margin: 20px
}
.navbar-default {
 background-color: #FFFFFF;
}
 .navbar-toggle {
 margin-top: 15px;
}
 .flexslider {
 height:300px;
}
.slides {
 height:300px;
}
.slides li {
 width:auto;
 height:300px;
}
.slides li img {
 width:1280px;
 height:300px;
 margin-left:-640px;
}
 #firstTxt {
 float: left;
 width:96%;
 margin:0 2%;
}
.Title {
 float: left;
 width: 100%;
 margin-top: 10px;
 padding-right: 10px;
 padding-left: 10px;
}
.main-com img {
 width:1280px;
 height:100%;
 margin-left:-640px;
}
.logo {
 margin-left: 22%;
}
.love {
 height: 35px;
 width: 40px;
 float: right;
 margin-top: 15px;
 z-index: 99999;
 display: block;
 margin-right: 20px;
}

/*會員中心&綜合查詢*/
ul.header-Btn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.header-Btn li {
 display: inline;
}
ul.header-Btn li a {
 display: block;
 height: 65px;
 width: 100%;
 float: left;
 color: #000;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 padding-left: 15px;
 line-height: 60px;
}
ul.header-Btn li a:hover {
 background-color: #3476F0;
 color: #FFF;
}

/*上方menu*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
 background-color: #FFF;
 border-bottom-width: 4px;
 border-bottom-style: solid;
 border-bottom-color: #1F54A5;
}
 .menuTitleLink {
 height: auto;
 float: left;
 width: 50%;
}
.menuCont-1 {
 margin: 10px;
 font-size: 1.2em;
 font-weight: bold;
 color: #7ECEF4;
 padding-bottom: 5px;
 border-bottom-width: 3px;
 border-bottom-style: solid;
 border-bottom-color: #7ECEF4;
}
.menuCont-2 {
 font-size: 1em;
 color: #FFFFFF;
 padding-bottom: 5px;
 line-height: 23px;
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: -5%;
}
.menuCont-2 li {
 color: #FFFFFF;
 list-style-image: url(../images/template/741.png);
 margin-left: 15%;
}
.menuCont-2 li a {
 color: #FFFFFF;
}
.menuCont-2 li a:hover {
 color: #FFFFCC;
}
 .dropdown-menu {
 top: 100%;
 float: left;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 min-width:80%;
 background-image: url(../images/template/2052.png); height:auto;
}
.dropdown-menu2 {
 top: 100%;
 float: left;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 min-width:80%;
 background-image: url(../images/template/2052.png);
 height: 930px;
}
.menu, ol, ul {
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 6px;
 margin-right: 1%;
}
.navbar-default .navbar-text {
color:#777
}
.navbar-default .navbar-nav>li>a {
 color: #333;
 height: 60px;
 font-weight: bold;
 width: 100%;
 text-align: left;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
 color: #FFF;
 height: 60px;
 background-color: #3476F0;
 width: 100%;
 text-align: left;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
 color: #FFF;
 height: 60px;
 background-color: 3476F0;
 width: 100%;
 text-align: left;
}
.navbar-nav {
 float: none;
 margin: 0;
 padding-right: 1%;
}

/*分類&列印*/
.ContSort {
 height: auto;
 width: 100%;
 margin-top: 0px;
 background-color: #FBFBFB;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
}
.ContSotrIn {
 height: auto;
display:inline-block;
 width: 1000px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
}
ul.sort-btn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn li {
 display: inline;
}
ul.sort-btn li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-left-style: solid;
 border-right-color: #CCC;
 border-left-color: #CCC;
 height: 40px;
 width: 50px;
 text-indent: -9999px;
 background-image: url(../images/template/sort-3.png);
 background-repeat: no-repeat;
 background-position: center;
}
ul.sort-btn li a:hover {
 background-image: url(../images/template/sort-4.png);
}
ul.sort-btn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn2 li {
 display: inline;
}
ul.sort-btn2 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 padding-right: 25px;
 padding-left: 25px;
 line-height: 40px;
 background-image: url(../images/template/4456.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn2 li a:hover {
 background-color: #0085B2;
 color: #FFF;
 background-image: url(../images/template/4456-2.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn3 li {
 display: inline;
}
ul.sort-btn3 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 line-height: 40px;
 padding-right: 25px;
 padding-left: 25px;
 background-image: url(../images/template/4456.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn3 li a:hover {
 background-color: #0085B2;
 color: #FFF;
 background-image: url(../images/template/4456-2.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn4 li {
 display: inline;
}
ul.sort-btn4 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 padding-right: 15px;
 padding-left: 15px;
 line-height: 40px;
}
ul.sort-btn4 li a:hover {
 background-color: #0085B2;
 color: #FFF;
}
ul.sort-btn5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 display: none;
}
ul.sort-btn5 li {
 display: inline;
}
ul.sort-btn5 li a {
 color: #666;
 display: block;
 float: right;
 border-right-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-left-style: solid;
 border-right-color: #CCC;
 border-left-color: #CCC;
 height: 40px;
 width: 50px;
 text-indent: -9999px;
 background-image: url(../images/template/sort-1.png);
 background-repeat: no-repeat;
 background-position: center;
}
ul.sort-btn5 li a:hover {
 background-image: url(../images/template/sort-2.png);
}

/*字級*/
.textsize {
 font-size: 14px;
 color: #666;
 float: right;
 display: none;
}
.textsize a {
 font-size: 15px;
 padding: 5px;
 display: inline;
 color: #000000;
 background-color: #FFFFFF;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 5px;
 border: 1px solid #CCC;
 font-weight: bold;
}
.textsize a:hover {
 color: #FFFFFF;
 background: #333
}
.textsize a:active {
 color: #FFFFFF;
 background: #333;
 text-decoration: underline;
}
.textsize .ts-on {
 color: #FFFFFF;
 background: #333;
}

/*中間內容*/
#contentIn {
 width: 1000px;
 margin-top: 10px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 height: auto;
}
#content-font-size {
 margin-bottom: 20px;
}
.advisory-1 {
 width: 100%;
}
 .imgWp {
 width: 160px;
 float: left;
 margin: 30px;
 color: #F36;
}

/*登入帳密*/
.explanation {
 width: 300px;
}

/*Banner輪播*/
.advertising {
 display: block;
}

/*I會員卡*/
.Box3 {
 width: 100%;
 background-position: bottom;
 background-repeat: repeat-x;
 height: auto;
 background-color: #F1F1F1;
}
.memberwp {
 margin: auto;
 max-width: 100%;
 background-image: url(../images/template/xcs.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 10px;
}
.memberwpDiv1 {
 z-index: 1000;
 width: 40%;
}
.memberwpDiv1 img {
 width: 100%;
}
 .memberwpDiv2 {
 z-index: 1001;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 20px;
}
.memberImg {
 font-size: 28px;
 font-weight: bold;
 line-height: 35px;
}
.memberImg img {
 width: 100%;
}
.memberImg2 {
 width: 100%;
 line-height: 25px;
 font-size: 14px;
}
 .memberImgBtn {
 margin-top: 10px;
}
ul.memBtn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn li {
 display: inline;
}
ul.memBtn li a {
 display: block;
 height: 47px;
 width: 138px;
 float: left;
 margin-right: 20px;
 background-image: url(../images/template/btn-1.png);
}
ul.memBtn li a:hover {
 background-image: url(../images/template/btn-1-2.png);
}
ul.memBtn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn2 li {
 display: inline;
}
ul.memBtn2 li a {
 display: block;
 height: 47px;
 width: 183px;
 float: left;
 background-image: url(../images/template/btn-2.png);
}
ul.memBtn2 li a:hover {
 background-image: url(../images/template/btn-2-2.png);
}
.signup a {
 width: 80%;
 margin-right: 0;
 display: inline-block;
 margin-bottom: 9px;
 padding: 0 16px;
}
.btn-i {
width:auto;
margin-top:11px;
}

/*左側內容*/
.box-1 {
 float: left;
 width: 100%;
 padding-right: 10px;
 padding-left: 10px;
}
.contTitle {
 font-size: 1.875em;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
}
.contTitle2 {
 font-size: 1.5em;
 margin-bottom: 6px;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
 display:block;
}
.conttxt-1 {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
 margin-top: 10px;
 float: left;
 width: 100%;
}
 .conttxt-2 {
 width: 12%;
 float: left;
 font-family: Arial;
 font-size: 25px;
 font-weight: bold;
 position: relative;
 text-align: right;
}
.conttxt-2 .noMask {
 position: absolute;
 background: url(../images/template/no-slMask.png) right bottom no-repeat;
 height: 15px;
 width: 15px;
 top: 12px;
 right: -4px;
}
.conttxt-3 {
 width: 86%;
 float: right;
 line-height: 25px;
}
.conttxt-4 {
 margin-bottom: 50px;
 float: left;
 width: 100%;
 margin-top: 20px;
}
 .conttxt-3-1 {
 margin-bottom: 5px;
 font-size: 1.3em;
 font-weight: bold;
}
.conttxt-3-1-img {
 float: left;
 height: 24px;
 width: 24px;
 margin-right: 10px;
}
 .conttxt-3-2 {
 margin-bottom: 5px;
}
/*.conttxt-3-3 {
 color: #666;
}*/

/*SEARCH*/
.searchCont {
 margin-bottom: 5px;
}
.search-1 {
 color: #1b85e5;
 width: 70px;
 margin-bottom: 5px;
 margin-top: 5px;
}
.search-2 {
 margin-bottom: 5px;
 padding-bottom: 5px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
}
.search-3 {
 margin-bottom: 10px;
 border: 1px solid #CCC;
 padding: 5px;
 background-color: #FFE;
}
.search-4 {
 margin-bottom: 10px;
 border: 1px solid #CCC;
 padding: 5px;
 float: left;
 width: 100%;
}
.search-5 {
 float: left;
 width: 100%;
 margin-bottom: 8px;
 padding-bottom: 8px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
}
.searchtxt-1 {
 float: left;
 margin-left: 10px;
 width: 18%;
 text-align: center;
}
 .searchtxt-2 {
 float: left;
 width: 40%;
}
 .searchtxt-3 {
 float: left;
 width: 15%;
 text-align: center;
}
 .searchtxt-4 {
 float: left;
 width: 24%;
 text-align: center;
 color: #F33;
}
.searchtxt-1-1 {
 float: left;
 width: 20%;
 text-align: center;
}
.searchtxt-2-1 {
 float: left;
 width: 40%;
 text-align: center;
}
.searchtxt-3-1 {
 float: left;
 width: 17%;
 text-align: center;
}
.searchtxt-4-1 {
 float: left;
 width: 21%;
 text-align: center;
}
 .searchCriteria .span1 {
 float: left;
 width: 96%;
 margin-left: 15px;
 font-size: 0.938em;
 line-height: 35px;
}
.searchCriteria .span2 {
 float:left;
 width:96%;
 margin-left:1%;
}

/*右側選單*/
.box-2 {
 display:none;
}

/*換頁效果*/

.num {
 float: left;
}
 .btn-first {
 padding: 5px;
 border: 1px solid #CCC;
 background-image: url(../images/template/btn-first.png);
 background-repeat: no-repeat;
 height: 30px;
 width: 30px;
 text-indent: -9999px;
 display: block;
 float: left;
 margin-right: 5px;
 background-position: center;
}
.btn-prev {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 height: 30px;
 width: 30px;
 margin-right: 5px;
 background-image: url(../images/template/btn-prev.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
}
.cur {
 background-color: #1155AD;
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 height: 30px;
 display:none;
}
 .cur a {
 color: #FFF;
}
.cur2 {
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 height: 30px;
 width: 30px;
 display:none;
}
.cur2 a {
 color: #999;
}
 .btn-next {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 width: 30px;
 margin-right: 5px;
 margin-left: 5px;
 background-image: url(../images/template/btn-next.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
 height: 30px;
}
.btn-last {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 width: 30px;
 background-image: url(../images/template/btn-last.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
 height: 30px;
}
 .total {
 float: right;
 font-size: 14px;
 color: #666;
 line-height: 30px;
}

/*結尾*/
#footer {
 float: left;
 width: 100%;
 background-color: #000;
 overflow:hidden;
}
.footerContIn {
	/*width: 980px;*/
 margin-top: 0px;
 margin-right: 0;
 margin-bottom: 0px;
 margin-left: 0;
 max-width: 100%;
 padding-right: 10px;
 padding-left: 10px;
 height: 0px;
 border-left-width: 0px;
}
.foo-1 {
 height: 34px;
 width: 100%;
 float: left;
 margin-top: 3%;
 margin-right: 20px;
}
.foo-1 img {
 width: 50%;
}
.foo-2 {
 float: left;
 margin-right: 2%;
 width: 100%;
 margin-top: 28px;
 margin-bottom: 15px;
 font-size: 1.15em;
}
.foo-2-1 {
 margin-top: 3%;
 color: #FFF;
}
.foo-2-2 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv4.png);
 background-repeat: no-repeat;
 padding-left: 20px;
 background-position: 2px 2px;
}
.foo-2-3 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv5.png);
 background-position: 2px 2px;
 padding-left: 20px;
 background-repeat: no-repeat;
}
 ul.foo-3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
margin-right:-12px;
}
ul.foo-3 li {
 display: inline;
}
ul.foo-3 li a {
 height: 80px;
 width: 50%;
 float: right;
 background-image: url(../images/template/coImg-3.png);
 background-color: #555;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-3 li a:hover {
 background-image: url(../images/template/co3-1.jpg);
 background-color: #A5A5A5;
}
ul.foo-4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
margin-left:-30px;
}
ul.foo-4 li {
 display: inline;
}
ul.foo-4 li a {
 height: 80px;
 width: 50%;
 float: right;
 background-image: url(../images/template/coImg-2.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #1155AD;
}
ul.foo-4 li a:hover {
 background-image: url(../images/template/co2-2.jpg);
 background-color: #099;
}
ul.foo-5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-5 li {
 display: inline;
}
ul.foo-5 li a {
 height: 80px;
 width: 12%;
 float: right;
 background-image: url(../images/template/coImg-1.png);
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center;
 display:none;
}
ul.foo-5 li a:hover {
 background-image: url(../images/template/coImg-1-1.png);
}

/*會員中心*/
div.mb {
 width: 98%;
 clear: both;
 padding: 0px;
 height: 200px;
 margin-right: auto;
 margin-left: auto;
}
div.mb .txt {
 float: right;
 font-size: 0.938em;
 color: #666;
 width: 70%;
 line-height: 160%;
 margin-top: 0px;
}
div.mb .icn {
 float: left;
 width: 30%
}
div.mb .icn img {
 width: 90%
}
div.mbForm {
 margin-bottom: 30px;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 557px) and (max-width: 570px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 25%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 25%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 25%;
}
.explanation2 {
 float: left;
 margin-left: 35%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 557px) and (max-width: 576px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 25%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 25%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 25%;
}
.explanation2 {
 float: left;
 margin-left: 35%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 537px) and (max-width: 557px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 25%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 25%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 25%;
}
.explanation2 {
 float: left;
 margin-left: 35%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 513px) and (max-width: 536px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 25%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 25%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 25%;
}
.explanation2 {
 float: left;
 margin-left: 35%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 497px) and (max-width: 516px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 25%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 25%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 25%;
}
.explanation2 {
 float: left;
 margin-left: 35%;
}
}
/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 477px) and (max-width: 496px) {
	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 25%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 25%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 42%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 25%;
}
.explanation2 {
 float: left;
 margin-left: 35%;
}
}

/*手機/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 432px) and (max-width: 459px) {

/*中間內容*/
.imgWp {
 width: 140px;
 float: left;
 margin: 30px;
 color: #F36;
}
}

/*滑動間距////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 431px) {

/*中間內容*/
.memb123-1 {
 width: 100%;
}
.imgWp {
 width: 160px;
 float: left;
 margin: 15px;
 color: #F36;
}

/*Banner輪播*/
.advertising {
 display: block;
}
}

/*手機/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 374px) and (max-width: 399px) {

/*中間內容*/
.imgWp {
 width: 130px;
 float: left;
 margin: 20px;
 color: #F36;
}
}



/*手機2/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 321px) and (max-width: 373px) {

/*頭部區*/
body {
	/*background-color:#000000;*/
	font-size: 15px;
 font-family: "微軟正黑體";
 padding: 0;
 color: #333333;
 -webkit-text-size-adjust: 100%;
}
 #headerwp {
 top:0px;
}
#headerMenu {
 width:100%;
}
.navbar-brand {
 display:none;
}
#menuTxt {
 display:block;
 margin: 20px;
}
 .logo {
 position:absolute;
 top: 0;
left:0;
 display:block;
 height: 28px;
 background-image:url(../images/template/logo2.png);
 width: 230px;
 z-index:9999;
 margin: 20px
}
.navbar-default {
 background-color: #FFF;
}
 .navbar-toggle {
 margin-top: 15px;
}
 .flexslider {
 height:300px;
}
.slides {
 height:300px;
}
.slides li {
 width:auto;
 height:300px;
}
.slides li img {
 width:1280px;
 height:300px;
 margin-left:-640px;
}
 #firstTxt {
 float: left;
 width:96%;
 margin:0 2%;
}
.Title {
 float: left;
 width: 100%;
 margin-top: 10px;
 padding-right: 10px;
 padding-left: 10px;
}
.main-com img {
 width:1280px;
 height:100%;
 margin-left:-640px;
}
.logo {
 margin-left: 15%;
 width: 0;
margin-left: 22%;
}
.logo img {
 width: 200px;
}
.love {
 height: 35px;
 width: 40px;
 float: right;
 margin-top: 15px;
 z-index: 99999;
 display: block;
 margin-right: 20px;
}

/*會員中心&綜合查詢*/
ul.header-Btn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.header-Btn li {
 display: inline;
}
ul.header-Btn li a {
 display: block;
 height: 65px;
 width: 100%;
 float: left;
 color: #000;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 padding-left: 15px;
 line-height: 60px;
}
ul.header-Btn li a:hover {
 background-color: #3476F0;
 color: #FFF;
}

/*上方menu*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
 background-color: #FFF;
 border-bottom-width: 4px;
 border-bottom-style: solid;
 border-bottom-color: #1F54A5;
}
 .menuTitleLink {
 height: auto;
 float: left;
 width: 50%;
}
.menuCont-1 {
 margin: 10px;
 font-size: 1.2em;
 font-weight: bold;
 color: #7ECEF4;
 padding-bottom: 5px;
 border-bottom-width: 3px;
 border-bottom-style: solid;
 border-bottom-color: #7ECEF4;
}
.menuCont-2 {
 font-size: 1em;
 color: #FFFFFF;
 padding-bottom: 5px;
 line-height: 23px;
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: -5%;
}
/*.menuCont-2 li {
 color: #FFFFFF;
 list-style-image: url(../images/template/741.png);
 margin-left: 15%;
}*/
.menuCont-2 li a {
 color: #FFFFFF;
}
.menuCont-2 li a:hover {
 color: #FFFFCC;
}
/* .dropdown-menu {
 top: 100%;
 float: left;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 min-width:80%;
 background-image: url(../images/template/2052.png);
 height: 930px;
}*/
.dropdown-menu2 {
 top: 100%;
 float: left;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 min-width:80%;
 background-image: url(../images/template/2052.png);
 height: 930px;
}
.menu, ol, ul {
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 6px;
 margin-right: 1%;
}
.navbar-default .navbar-text {
color:#777
}
.navbar-default .navbar-nav>li>a {
 color: #333;
 height: 60px;
 font-weight: bold;
 width: 100%;
 text-align: left;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
 color: #FFF;
 height: 60px;
 background-color: #3476F0;
 width: 100%;
 text-align: left;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
 color: #FFF;
 height: 60px;
 background-color: 3476F0;
 width: 100%;
 text-align: left;
}
.navbar-nav {
 float: none;
 margin: 0;
 padding-right: 1%;
}

/*分類&列印*/
.ContSort {
 height: auto;
 width: 100%;
 background-color: #FBFBFB;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
}
.ContSotrIn {
 height: auto;
display:inline-block;
 width: 1000px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
}
ul.sort-btn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn li {
 display: inline;
}
ul.sort-btn li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-left-style: solid;
 border-right-color: #CCC;
 border-left-color: #CCC;
 height: 40px;
 width: 50px;
 text-indent: -9999px;
 background-image: url(../images/template/sort-3.png);
 background-repeat: no-repeat;
 background-position: center;
}
ul.sort-btn li a:hover {
 background-image: url(../images/template/sort-4.png);
}
ul.sort-btn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn2 li {
 display: inline;
}
ul.sort-btn2 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 padding-right: 25px;
 padding-left: 25px;
 line-height: 40px;
 background-image: url(../images/template/4456.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn2 li a:hover {
 background-color: #0085B2;
 color: #FFF;
 background-image: url(../images/template/4456-2.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn3 li {
 display: inline;
}
ul.sort-btn3 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 line-height: 40px;
 padding-right: 25px;
 padding-left: 25px;
 background-image: url(../images/template/4456.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn3 li a:hover {
 background-color: #0085B2;
 color: #FFF;
 background-image: url(../images/template/4456-2.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn4 li {
 display: inline;
}
ul.sort-btn4 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 padding-right: 15px;
 padding-left: 15px;
 line-height: 40px;
}
ul.sort-btn4 li a:hover {
 background-color: #0085B2;
 color: #FFF;
}
ul.sort-btn5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 display: none;
}
ul.sort-btn5 li {
 display: inline;
}
ul.sort-btn5 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 width: 50px;
 text-indent: -9999px;
 background-image: url(../images/template/sort-1.png);
 background-repeat: no-repeat;
 background-position: center;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
}
ul.sort-btn5 li a:hover {
 background-image: url(../images/template/sort-2.png);
}

/*字級*/
.textsize {
 font-size: 14px;
 color: #666;
 float: right;
 display: none;
}
.textsize a {
 font-size: 15px;
 padding: 5px;
 display: inline;
 color: #000000;
 background-color: #FFFFFF;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 5px;
 border: 1px solid #CCC;
 font-weight: bold;
}
.textsize a:hover {
 color: #FFFFFF;
 background: #333
}
.textsize a:active {
 color: #FFFFFF;
 background: #333;
 text-decoration: underline;
}
.textsize .ts-on {
 color: #FFFFFF;
 background: #333;
}

/*中間內容*/
#contentIn {
 width: 1000px;
 margin-top: 10px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 height: auto;
}
#content-font-size {
 margin-bottom: 20px;
}
.advisory-1 {
 width: 100%;
}
.imgWp {
 width: 160px;
 float: left;
 color: #F36;
 margin-right: 10px;
 margin-left: 10px;
}
.ppt-image {
 height: 225px;
 width: auto;
 border: 1px solid #ccc;
 padding: 3px;
}
.ppt-image:hover {
border: 3px solid #4ae;
}

	
/*登入帳密*/
.accountnumberTxt {
 margin-left: 9%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 9%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 38%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 8%;
}
.explanation2 {
 float: left;
 margin-left: 27%;
}


/*左側內容*/
.box-1 {
 float: left;
 width: 100%;
 padding-right: 10px;
 padding-left: 10px;
 width: 125px;
}
.contTitle {
 font-size: 1.875em;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
}
.contTitle2 {
 font-size: 1.5em;
 margin-bottom: 6px;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
 display:block;
}
.conttxt-1 {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
 margin-top: 10px;
 float: left;
 width: 100%;
}
 .conttxt-2 {
 width: 16%;
 float: left;
 font-family: Arial;
 font-size: 25px;
 font-weight: bold;
 position: relative;
 text-align: right;
}
.conttxt-2 .noMask {
 position: absolute;
 background: url(../images/template/no-slMask.png) right bottom no-repeat;
 height: 15px;
 width: 15px;
 top: 12px;
 right: -4px;
}
.conttxt-3 {
 width: 86%;
 float: right;
 line-height: 25px;
}
.conttxt-4 {
 margin-bottom: 50px;
 float: left;
 width: 100%;
 margin-top: 20px;
}
 .conttxt-3-1 {
 margin-bottom: 5px;
 font-size: 1.3em;
 font-weight: bold;
}
.conttxt-3-1-img {
 float: left;
 height: 24px;
 width: 24px;
 margin-right: 10px;
}
 .conttxt-3-2 {
 margin-bottom: 5px;
}
/*.conttxt-3-3 {
 color: #666;
}*/

/*服務介紹*/
.servicesCont {
 margin-bottom: 5px;
}
.servicesCont-1 {
 height: 51px;
 float: left;
 margin-right: 10px;
 width: 144px;
 max-width: 100%;
}
.servicesCard-1 {
 height: 251px;
 float: left;
 margin-right: 10px;
 width: 201px;
 max-width: 100%;
 background-image: url(../images/template/icard.jpg);
}
 #servTxt1 {
 margin-top: 60px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 20px;
 line-height: 20px;
}
 .servicesCard-2 {
 height: 251px;
 float: left;
 margin-right: 10px;
 width: 201px;
 max-width: 100%;
 background-image: url(../images/template/kcard.jpg);
}
.servicesCard-3 {
 height: 251px;
 float: left;
 margin-right: 10px;
 width: 201px;
 max-width: 100%;
 background-image: url(../images/template/ecard.jpg);
}
 .conttxtBack {
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
}

/*SEARCH*/
.searchCont {
 margin-bottom: 5px;
}
.search-1 {
 color: #1b85e5;
 width: 70px;
 margin-bottom: 5px;
 margin-top: 5px;
}
.search-2 {
 margin-bottom: 5px;
 padding-bottom: 5px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
}
.search-3 {
 margin-bottom: 10px;
 border: 1px solid #CCC;
 padding: 5px;
 background-color: #FFE;
}
.search-4 {
 margin-bottom: 10px;
 border: 1px solid #CCC;
 padding: 5px;
 float: left;
 width: 100%;
 display: none;
}
.search-5 {
 float: left;
 width: 100%;
 margin-bottom: 8px;
 padding-bottom: 8px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
}
.searchtxt-1 {
 margin-left: 10px;
 width: 100%;
 text-align: left;
 margin-bottom: 5px;
 font-size: 15px;
 font-weight: bold;
 color: #36C;
}
 .searchtxt-2 {
 width: 100%;
 margin-bottom: 5px;
}
 .searchtxt-3 {
 width: 100%;
 text-align: left;
 margin-bottom: 5px;
}
 .searchtxt-4 {
 width: 100%;
 color: #F33;
 text-align: left;
 margin-bottom: 5px;
}
.searchtxt-1-1 {
 float: left;
 width: 20%;
 text-align: center;
 display: none;
}
.searchtxt-2-1 {
 float: left;
 width: 40%;
 text-align: center;
 display: none;
}
.searchtxt-3-1 {
 float: left;
 width: 17%;
 text-align: center;
 display: none;
}
.searchtxt-4-1 {
 float: left;
 width: 21%;
 text-align: center;
 display: none;
}

/*右側選單*/
.box-2 {
 display:none;
}

/*換頁效果*/
.num {
 float: left;
}
 .btn-first {
 padding: 5px;
 border: 1px solid #CCC;
 background-image: url(../images/template/btn-first.png);
 background-repeat: no-repeat;
 height: 30px;
 width: 30px;
 text-indent: -9999px;
 display: block;
 float: left;
 margin-right: 5px;
 background-position: center;
}
.btn-prev {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 height: 30px;
 width: 30px;
 margin-right: 5px;
 background-image: url(../images/template/btn-prev.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
}
.cur {
 background-color: #1155AD;
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 height: 30px;
 display:none;
}
 .cur a {
 color: #FFF;
}
.cur2 {
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 height: 30px;
 width: 30px;
 display:none;
}
.cur2 a {
 color: #999;
}
 .btn-next {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 width: 30px;
 margin-right: 5px;
 margin-left: 5px;
 background-image: url(../images/template/btn-next.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
 height: 30px;
}
.btn-last {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 width: 30px;
 background-image: url(../images/template/btn-last.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
 height: 30px;
}
 .total {
 float: right;
 font-size: 14px;
 color: #666;
 line-height: 30px;
}

/*結尾*/
#footer {
 float: left;
 width: 100%;
 background-color: #000;
overflow:hidden;
}
.footerContIn {
 width: 980px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 padding-right: 10px;
 padding-left: 10px;
 height: 0px;
 border-left-width: 0px;
}
.foo-1 {
 height: 34px;
 width: 100%;
 float: left;
 margin-top: 3%;
 margin-right: 20px;
}
.foo-1 img {
 width: 60%;
}
.foo-2 {
 float: left;
 margin-right: 2%;
 width: 100%;
 margin-top: 28px;
 margin-bottom: 15px;
 font-size: 0.8em;
}
.foo-2-1 {
 margin-top: 3%;
 color: #FFF;
}
.foo-2-2 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv4.png);
 background-repeat: no-repeat;
 padding-left: 20px;
 background-position: 2px 2px;
}
.foo-2-3 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv5.png);
 background-position: 2px 2px;
 padding-left: 20px;
 background-repeat: no-repeat;
}
 ul.foo-3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
margin-right:-10px;
}
ul.foo-3 li {
 display: inline;
}
ul.foo-3 li a {
 height: 80px;
 width: 50%;
 float: right;
 background-image: url(../images/template/coImg-3.png);
 background-color: #555;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-3 li a:hover {
 background-image: url(../images/template/co3-1.jpg);
 background-color: #A5A5A5;
}
ul.foo-4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
margin-left:-30px;
}
ul.foo-4 li {
 display: inline;
}
ul.foo-4 li a {
 height: 80px;
 width: 50%;
 float: right;
 background-image: url(../images/template/coImg-2.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #1155AD;
}
ul.foo-4 li a:hover {
 background-image: url(../images/template/co2-2.jpg);
 background-color: #099;
}
ul.foo-5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-5 li {
 display: inline;
}
ul.foo-5 li a {
 height: 80px;
 width: 12%;
 float: right;
 background-image: url(../images/template/coImg-1.png);
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center;
 display:none;
}
ul.foo-5 li a:hover {
 background-image: url(../images/template/coImg-1-1.png);
}
}


/*手機3/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 321px) and (max-width: 350px) {
	
/*中間內容*/
.ppt-image {
 height: 220px;
 width: auto;
 border: 1px solid #ccc;
 padding: 3px;
}
.ppt-image:hover {
border: 3px solid #4ae;
}
}
/*手機4/////////////////////////////////////////////////////////////////////////////////*/
@media screen and (min-width: 321px) and (max-width: 344px) {
	
/*中間內容*/
.ppt-image {
 height: 200px;
 width: auto;
 border: 1px solid #ccc;
 padding: 3px;
}
.ppt-image:hover {
border: 3px solid #4ae;
}
 .footable-first-column {
 width: 70%;
}


/*左側內容*/
.box-1 {
 float: left;
 width: 75%;
}
.social {
 width: 95%;
 font-size: 0.938em;
 padding-bottom: 6px;
 border-bottom: 1px solid #333;
 color: #666;
 text-align: right;
}
.contTitle {
 font-size: 1.875em;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
 width: 95%;
}
.contTitle2 {
 font-size: 1.5em;
 margin-bottom: 6px;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
 display: none;
}
 .conttxt-1 {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
 margin-top: 10px;
 float: left;
 width: 100%;
}
.conttxt-2 {
 width: 8%;
 float: left;
 font-family: Arial;
 font-size: 25px;
 font-weight: bold;
 position: relative;
 text-align: right;
}
.conttxt-2 .noMask {
 position: absolute;
 background: url(../images/template/no-slMask.png) right bottom no-repeat;
 height: 15px;
 width: 15px;
 top: 12px;
 right: -4px;
}
.conttxt-3 {
 width: 90%;
 line-height: 25px;
 float: right;
}
 .conttxt-4 {
 margin-bottom: 50px;
 float: left;
 width: 100%;
 margin-top: 20px;
}
.conttxt-5 {
 width: 100%;
 line-height: 25px;
}
.conttxt-6 {
 float: left;
 width: 100%;
 font-size: 1em;
}
.conttxt-7 {
 margin-top: 10px;
}
 .conttxt-3-1 {
 margin-bottom: 5px;
 font-size: 1.3em;
 font-weight: bold;
}
.conttxt-3-1-img {
 float: left;
 margin-right: 10px;
 margin-top: -3px;
}
 .conttxt-3-2 {
 margin-bottom: 5px;
}
.conttxt-3-2 ul li {
 list-style-type: none;
}
 .conttxt-3-3 {
 color: #666;
 margin-top: 10px;
 margin-bottom: 10px;
}
.conttxt-3-4 {
 color: #666;
 margin-top: 25px;
}
.conttxt-youtube {
 color: #666;
 margin-top: 25px;
}
.conttxt-youtube-1 {
 margin-top: 20px;
 margin-bottom: 20px;
}
.conttxt-3-5 {
 color: #666;
 margin-top: 10px;
 margin-bottom: 10px;
}
.conttxt-3-6 {
 color: #1b85e5;
 margin-top: -10px;
 margin-bottom: 10px;
 text-align: right;
}
.conttxt-3-6 a {
 color: #1b85e5;
}
.conttxt-3-6 a:hover {
 color: #fd8129;
}
.conttxt-3-7 {
 color: #333333;
 text-align: lift;
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 10px;
}
.basicTable {
 width: 100%;
 border-collapse:collapse;
}
 .basicTable tr td {
 border: 1px solid #CCC;
 padding: 5px;
}
.commppTable {
 width: 100%;
 border-collapse:collapse;
}
 .commppTable tr td {
 border: 1px solid #CCC;
 padding: 5px;
 color: #1b85e5;
}
.commppTable2 {
 width: 100%;
 border-collapse: collapse;
}
.commppTable2 tr td {
 border: 1px solid #CCC;
 padding: 5px;
}
.commppTable3 {
 width: 100%;
 border-collapse: collapse;
}
.commppTable3 tr td {
 border: 1px solid #C4E4F0;
 padding: 5px;
}
.nonetable {
 width: 100%;
 border-collapse: collapse;
}
.nonetable tr td {
 padding: 5px;
 border-top-width: 0px;
 border-right-width: 0px;
 border-bottom-width: 0px;
 border-left-width: 0px;
 border-top-color: #CCC;
 border-right-color: #CCC;
 border-bottom-color: #CCC;
 border-left-color: #CCC;
}
 .basicTable2 tr td {
 border: 1px solid #CCC;
 padding: 5px;
}
 .basicTable2 tr td ul li {
 margin-left: 20px;
}
 .aboutCont {
 margin-bottom: 5px;
}
 .aboutCont img {
 width: 100%;
}
 .imgWp {
 width: 160px;
 float: left;
 margin: 10px;
 color: #F36;
}
}

/*Iphone////////////////////////////////////////////////////////////////////////////////*/
@media screen and (max-width: 320px) {

/*頭部區*/
.wrapper {
width:100%;
}
body {
	/*background-color:#000000;*/
	font-size: 15px;
 font-family: "微軟正黑體";
 padding: 0;
 color: #333333;
 -webkit-text-size-adjust: 100%;
}
#headerwp {
top:0px;
}
#headerMenu {
width:100%;
}
.navbar-brand {
display:none;
}
#menuTxt {
 display:block;
 margin: 20px;
}
 .logo {
 position:absolute;
 top: 0;
left:0;
 display:block;
 height: 28px;
 background-image:url(../images/template/logo2.png);
 width: 230px;
 z-index:9999;
 margin: 20px
}
.navbar-default {
background-color: #FFFFFF;
}
 .navbar-toggle {
 margin-top: 15px;
margin-left: 10px;
}
 .flexslider {
 height:300px;
}
.slides {
 height:300px;
}
.slides li {
 width:auto;
 height:300px;
}
.slides li img {
 width:1280px;
 height:300px;
 margin-left:-640px;
}
 #firstTxt {
 float: left;
 width:96%;
 margin:0 2%;
}
.Title {
 float: left;
 width: 100%;
 margin-top: 10px;
 padding-right: 10px;
 padding-left: 10px;
}
.main-com {
 height:250px;
}
.main-com img {
 width:1280px;
 height:250px;
 margin-left:-640px;
}
.logo {
 margin-left: 56px;
 width: 0;
}
.logo img {
 width: 200px;
}
.love {
 height: 35px;
 width: 40px;
 float: right;
 margin-top: 15px;
 z-index: 99999;
 display: block;
 margin-right: 20px;
}

/*會員中心&綜合查詢*/
ul.header-Btn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.header-Btn li {
 display: inline;
}
ul.header-Btn li a {
 display: block;
 height: 65px;
 width: 100%;
 float: left;
 color: #000;
 text-decoration: none;
 font-size: 14px;
 font-weight: bold;
 padding-left: 15px;
 line-height: 60px;
}
ul.header-Btn li a:hover {
 background-color: #3476F0;
 color: #FFF;
}

/*上方menu*/
.navbar-default .navbar-collapse, .navbar-default .navbar-form {
 background-color: #FFF;
 border-bottom-width: 4px;
 border-bottom-style: solid;
 border-bottom-color: #1F54A5;
}
 .menuTitleLink {
 height: auto;
 float: left;
 width: 50%;
}
.menuCont-1 {
 margin: 10px;
 font-size: 1.2em;
 font-weight: bold;
 color: #7ECEF4;
 padding-bottom: 5px;
 border-bottom-width: 3px;
 border-bottom-style: solid;
 border-bottom-color: #7ECEF4;
}
.menuCont-2 {
 font-size: 1em;
 color: #FFFFFF;
 padding-bottom: 5px;
 line-height: 23px;
 margin-top: 5px;
 margin-right: 5px;
 margin-bottom: 5px;
 margin-left: -5%;
}
.menuCont-2 li {
 color: #FFFFFF;
 list-style-image: url(../images/template/741.png);
 margin-left: 15%;
}
.menuCont-2 li a {
 color: #FFFFFF;
}
.menuCont-2 li a:hover {
 color: #FFFFCC;
}
.dropdown-menu {
 top: 100%;
 float: left;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 min-width:80%;
 background-image: url(../images/template/2052.png);
/*height: 1000px;*/	
}
.dropdown-menu2 {
 top: 100%;
 float: left;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 min-width:80%;
 background-image: url(../images/template/2052.png);
 height: 1000px;
}
.menu, ol, ul {
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 6px;
 margin-right: 1%;
}
.navbar-default .navbar-text {
color:#777
}
.navbar-default .navbar-nav>li>a {
 color: #333;
 height: 60px;
 font-weight: bold;
 width: 100%;
 text-align: left;
}
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus {
 color: #FFF;
 height: 60px;
 background-color: #3476F0;
 width: 100%;
 text-align: left;
}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus {
 color: #FFF;
 height: 60px;
 background-color: 3476F0;
 width: 100%;
 text-align: left;
}
.navbar-nav {
 float: none;
 margin: 0;
 padding-right: 1%;
}

/*分類&列印*/
.ContSort {
 height: 40px;
 width: 100%;
 margin-top: 0px;
 background-color: #FBFBFB;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
}
.ContSotrIn {
 height: 40px;
 width: 1000px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
}
ul.sort-btn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn li {
 display: inline;
}
ul.sort-btn li a {
 color: #666;
 display: block;
 float: none;
 border-right-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-left-style: solid;
 border-right-color: #CCC;
 border-left-color: #CCC;
 height: 40px;
 width: 50px;
 text-indent: -9999px;
 background-image: url(../images/template/sort-3.png);
 background-repeat: no-repeat;
 background-position: center;
}
ul.sort-btn li a:hover {
 background-image: url(../images/template/sort-4.png);
}
ul.sort-btn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn2 li {
 display: inline;
}
ul.sort-btn2 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 padding-right: 25px;
 padding-left: 25px;
 line-height: 40px;
 background-image: url(../images/template/4456.png);
 background-repeat: no-repeat;
 background-position: right;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
 display: none;
}
ul.sort-btn2 li a:hover {
 background-color: #0085B2;
 color: #FFF;
 background-image: url(../images/template/4456-2.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn3 li {
 display: inline;
}
ul.sort-btn3 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 line-height: 40px;
 padding-right: 25px;
 padding-left: 25px;
 background-image: url(../images/template/4456.png);
 background-repeat: no-repeat;
 background-position: right;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
 display: none;
}
ul.sort-btn3 li a:hover {
 background-color: #0085B2;
 color: #FFF;
 background-image: url(../images/template/4456-2.png);
 background-repeat: no-repeat;
 background-position: right;
}
ul.sort-btn4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.sort-btn4 li {
 display: inline;
}
ul.sort-btn4 li a {
 color: #666;
 display: block;
 float: left;
 border-right-width: 1px;
 border-right-style: solid;
 border-right-color: #CCC;
 height: 40px;
 padding-right: 15px;
 padding-left: 15px;
 line-height: 40px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #CCC;
 display: none;
}
ul.sort-btn4 li a:hover {
 background-color: #0085B2;
 color: #FFF;
}
ul.sort-btn5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
 display: none;
}
ul.sort-btn5 li {
 display: inline;
}
ul.sort-btn5 li a {
 color: #666;
 display: block;
 float: right;
 height: 40px;
 width: 47px;
 text-indent: -9999px;
 background-image: url(../images/template/sort-1.png);
 background-repeat: no-repeat;
 background-position: center;
 border-right-width: 1px;
 border-bottom-width: 1px;
 border-left-width: 1px;
 border-right-style: solid;
 border-bottom-style: solid;
 border-left-style: solid;
 border-right-color: #CCC;
 border-bottom-color: #CCC;
 border-left-color: #CCC;
 display: none;
}
ul.sort-btn5 li a:hover {
 background-image: url(../images/template/sort-2.png);
}

/*字級*/
.textsize {
 font-size: 14px;
 color: #666;
 float: right;
 display: none;
}
.textsize a {
 font-size: 15px;
 padding: 5px;
 display: inline;
 color: #000000;
 background-color: #FFFFFF;
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 margin-left: 5px;
 border: 1px solid #CCC;
 font-weight: bold;
}
.textsize a:hover {
 color: #FFFFFF;
 background: #333
}
.textsize a:active {
 color: #FFFFFF;
 background: #333;
 text-decoration: underline;
}
.textsize .ts-on {
 color: #FFFFFF;
 background: #333;
}

/*中間內容*/
#content {
padding:0;
}
#content, #content2 {
padding:0;
}
#contentIn {
	/*width: 1000px;*/
	margin-top: 10px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 height: auto;
}
#content-font-size {
 margin-bottom: 20px;
}
.box-4, .box-5 {
width:100%;
float:none;
}
#newsFinder .STcontent {
width: 292px;
overflow: auto;
}
.module_box ul li {
background-position: left 12px;
line-height: 1.5em;
padding: 10px 0 10px 28px;
}
.nspArtPage {
width:100%;
}
.focus_mod_h3 {
width:100%;
}
.focus_mod_h3_outer .readMore {
top:-5px;
left: 243px;
float:none;
}
.focus_mod_h3_outer {
display:block;
}
.module_box_2 ul li {
overflow:hidden;
white-space:nowrap;
width:298px;
text-overflow : ellipsis;
}
.btn-i {
width:100%;
}
.signup a {
line-height: 1.5em;
display: block;
width: 175px;
margin-bottom: 0.5em;
}
.signup p {
margin:1em 0;
}
.signup .i-member-content h2 > img {
width: 33%;
margin: 10px 0 10px -7px;
}
.col-lg-12 .module_box_1 {
margin-top:1em;
padding:10px;
}
.advisory-1 {
 width: 100%;
}
.imgWp {
 width: 160px;
 float: left;
 color: #F36;
 margin-right: 10px;
 margin-left: 10px;
}
.ppt-image {
 height: 170px;
 width: 270px;
 border: 1px solid #ccc;
 padding: 3px;
}
.ppt-image:hover {
border: 3px solid #4ae;
}

/*登入帳密*/
.accountnumberTxt {
 margin-left: 9%;
 float: left;
}
.accountnumberTxt2 {
 margin-left: 9%;
 float: left;
 margin-top: 10px;
}
.accountnumberTxt3 {
 margin-left: 35%;
 float: left;
 margin-top: 10px;
}
.explanation {
 float: left;
 margin-left: 4%;
}
.explanation2 {
 float: left;
 margin-left: 27%;
}

/*Banner輪播*/
.advertising {
 display: block;
}

/*I會員卡*/
.Box3 {
 width: 100%;
 background-position: bottom;
 background-repeat: repeat-x;
 height: auto;
 background-color: #F1F1F1;
}
.memberwp {
 margin: auto;
 max-width: 100%;
 background-image: url(../images/template/xcs.jpg);
 background-repeat: no-repeat;
 background-position: left bottom;
 padding-bottom: 10px;
}
.memberwpDiv1 {
 z-index: 1000;
 width: 40%;
}
.memberwpDiv1 img {
 width: 100%;
}
 .memberwpDiv2 {
 z-index: 1001;
 margin-top: 10px;
 margin-right: 20px;
 margin-left: 20px;
}
.memberImg {
 font-size: 28px;
 font-weight: bold;
 line-height: 35px;
}
.memberImg img {
 width: 100%;
}
.memberImg2 {
 width: 100%;
 line-height: 25px;
 font-size: 14px;
}
 .memberImgBtn {
 margin-top: 10px;
}
ul.memBtn {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn li {
 display: inline;
}
ul.memBtn li a {
 display: block;
 height: 47px;
 width: 138px;
 float: left;
 margin-right: 20px;
 background-image: url(../images/template/btn-1.png);
}
ul.memBtn li a:hover {
 background-image: url(../images/template/btn-1-2.png);
}
ul.memBtn2 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.memBtn2 li {
 display: inline;
}
ul.memBtn2 li a {
 display: block;
 height: 47px;
 width: 183px;
 float: left;
 background-image: url(../images/template/btn-2.png);
}
ul.memBtn2 li a:hover {
 background-image: url(../images/template/btn-2-2.png);
}

/*左側內容*/
.box-1 {
 float: left;
 width: 100%;
 padding-right: 10px;
 padding-left: 10px;
}
.contTitle {
 font-size: 1.875em;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
}
.contTitle2 {
 font-size: 1.5em;
 margin-bottom: 6px;
 padding-bottom: 6px;
 border-bottom-width: 1px;
 border-bottom-style: solid;
 border-bottom-color: #333;
 font-weight: bold;
 display:block;
}
.conttxt-1 {
 margin-bottom: 10px;
 padding-bottom: 10px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
 margin-top: 10px;
 float: left;
 width: 100%;
}
.conttxt-2 {
 width: 20%;
 float: left;
 font-family: Arial;
 font-size: 25px;
 font-weight: bold;
 position: relative;
 text-align: right;
}
.conttxt-2 .noMask {
 position: absolute;
 background: url(../images/template/no-slMask.png) right bottom no-repeat;
 height: 15px;
 width: 15px;
 top: 12px;
 right: -4px;
}
.conttxt-3 {
 width: 83%;
 float: right;
 line-height: 25px;
}
.conttxt-4 {
 margin-bottom: 50px;
 float: left;
 width: 100%;
 margin-top: 20px;
}
 .conttxt-3-1 {
 margin-bottom: 5px;
 font-size: 1.3em;
 font-weight: bold;
}
.conttxt-3-1-img {
 float: left;
 height: 24px;
 width: 24px;
 margin-right: 10px;
}
 .conttxt-3-2 {
 margin-bottom: 5px;
}
.conttxt-3-3 {
 color: #666;
}

/*服務介紹*/
.servicesCont {
 margin-bottom: 5px;
}
.servicesCont-1 {
 height: 51px;
 margin-right: 10px;
 width: 144px;
 max-width: 100%;
 margin-bottom: 20px;
}
.servicesCard-1 {
 height: 251px;
 margin-right: auto;
 width: 201px;
 max-width: 100%;
 background-image: url(../images/template/icard.jpg);
 margin-top: 0px;
 margin-bottom: 20px;
 margin-left: auto;
}
 #servTxt1 {
 margin-top: 60px;
 margin-right: 20px;
 margin-bottom: 20px;
 margin-left: 20px;
 line-height: 20px;
}
 .servicesCard-2 {
 height: 251px;
 margin-right: 10px;
 margin-bottom: 20px;
 width: 201px;
 max-width: 100%;
 background-image: url(../images/template/kcard.jpg);
}
.servicesCard-3 {
 height: 251px;
 margin-right: 10px;
 width: 201px;
 max-width: 100%;
 background-image: url(../images/template/ecard.jpg);
}
 .conttxtBack {
 text-align: center;
 margin-top: 10px;
 margin-bottom: 10px;
}

/*SEARCH*/
.searchCont {
 margin-bottom: 5px;
}
.search-1 {
 color: #1b85e5;
 width: 70px;
 margin-bottom: 5px;
 margin-top: 5px;
}
.search-2 {
 margin-bottom: 5px;
 padding-bottom: 5px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
}
.search-3 {
 margin-bottom: 10px;
 border: 1px solid #CCC;
 padding: 5px;
 background-color: #FFE;
}
.search-4 {
 margin-bottom: 10px;
 border: 1px solid #CCC;
 padding: 5px;
 float: left;
 width: 100%;
 display: none;
}
.search-5 {
 float: left;
 width: 100%;
 margin-bottom: 8px;
 padding-bottom: 8px;
 border-bottom-width: 1px;
 border-bottom-style: dashed;
 border-bottom-color: #CCC;
}
.searchtxt-1 {
 margin-left: 10px;
 width: 100%;
 text-align: left;
 margin-bottom: 5px;
 font-size: 15px;
 font-weight: bold;
 color: #36C;
}
 .searchtxt-2 {
 width: 100%;
 margin-bottom: 5px;
}
 .searchtxt-3 {
 width: 100%;
 text-align: left;
 margin-bottom: 5px;
}
 .searchtxt-4 {
 width: 100%;
 color: #F33;
 text-align: left;
 margin-bottom: 5px;
}
.searchtxt-1-1 {
 float: left;
 width: 20%;
 text-align: center;
 display: none;
}
.searchtxt-2-1 {
 float: left;
 width: 40%;
 text-align: center;
 display: none;
}
.searchtxt-3-1 {
 float: left;
 width: 17%;
 text-align: center;
 display: none;
}
.searchtxt-4-1 {
 float: left;
 width: 21%;
 text-align: center;
 display: none;
}
 .searchCriteria .span1 {
 float: left;
 width: 96%;
 margin-left: 15px;
 font-size: 0.938em;
 line-height: 35px;
}
.searchCriteria .span2 {
 float:left;
 width:96%;
 margin-left:1%;
}

/*網站導覽*/
.sideL {
 width: 100%;
 margin-left: 0px;
}
.siteLtitle {
 padding: 5px;
 background-color: #369;
 font-size: 15px;
 font-weight: bold;
 color: #FFF;
}
.sideLcont {
}
.sideLcont ul li {
 margin-left: 20px;
 line-height: 30px;
}
 .sideR {
 width: 100%;
}

/*右側選單*/
.box-2 {
 display:none;
}

/*換頁效果*/
.num {
 float: left;
}
 .btn-first {
 padding: 5px;
 border: 1px solid #CCC;
 background-image: url(../images/template/btn-first.png);
 background-repeat: no-repeat;
 height: 30px;
 width: 30px;
 text-indent: -9999px;
 display: block;
 float: left;
 margin-right: 5px;
 background-position: center;
}
.btn-prev {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 height: 30px;
 width: 30px;
 margin-right: 5px;
 background-image: url(../images/template/btn-prev.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
}
.cur {
 background-color: #1155AD;
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 height: 30px;
 display:none;
}
 .cur a {
 color: #FFF;
}
.cur2 {
 padding-right: 10px;
 padding-left: 10px;
 padding-top: 5px;
 padding-bottom: 5px;
 float: left;
 height: 30px;
 width: 30px;
 display:none;
}
.cur2 a {
 color: #999;
}
 .btn-next {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 width: 30px;
 margin-right: 5px;
 margin-left: 5px;
 background-image: url(../images/template/btn-next.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
 height: 30px;
}
.btn-last {
 padding: 5px;
 border: 1px solid #CCC;
 float: left;
 width: 30px;
 background-image: url(../images/template/btn-last.png);
 background-repeat: no-repeat;
 text-indent: -9999px;
 display: block;
 background-position: center;
 height: 30px;
}
 .total {
 float: right;
 font-size: 14px;
 color: #666;
 line-height: 30px;
}

/*結尾*/
#footer {
 float: left;
overflow:hidden;
 width: 100%;
 background-color: #000;
}
.footerContIn {
 width: 980px;
 margin-top: 0px;
 margin-right: auto;
 margin-bottom: 0px;
 margin-left: auto;
 max-width: 100%;
 padding-right: 10px;
 padding-left: 10px;
 height: 0px;
 border-left-width: 0px;
}
.foo-1 {
 height: 34px;
 width: 100%;
 float: left;
 margin-top: 3%;
 margin-right: 20px;
}
.foo-1 img {
 width: 60%;
}
.foo-2 {
 float: left;
 margin-right: 2%;
 width: 100%;
 margin-top: 28px;
 margin-bottom: 15px;
 font-size: 0.8em;
}
.foo-2-1 {
 margin-top: 3%;
 color: #FFF;
}
.foo-2-2 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv4.png);
 background-repeat: no-repeat;
 padding-left: 20px;
 background-position: 2px 2px;
}
.foo-2-3 {
 margin-top: 5px;
 color: #FFF;
 background-image: url(../images/template/cv5.png);
 background-position: 2px 2px;
 padding-left: 20px;
 background-repeat: no-repeat;
}
 ul.foo-3 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
margin-right:-10px;
}
ul.foo-3 li {
 display: inline;
}
ul.foo-3 li a {
 height: 80px;
 width: 50%;
 float: right;
 background-image: url(../images/template/coImg-3.png);
 background-color: #555;
 background-repeat: no-repeat;
 background-position: center;
}
ul.foo-3 li a:hover {
 background-image: url(../images/template/co3-1.jpg);
 background-color: #A5A5A5;
}
ul.foo-4 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
margin-left:-29px;
}
ul.foo-4 li {
 display: inline;
}
ul.foo-4 li a {
 height: 80px;
 width: 50%;
 float: right;
 background-image: url(../images/template/coImg-2.png);
 background-repeat: no-repeat;
 background-position: center;
 background-color: #1155AD;
}
ul.foo-4 li a:hover {
 background-image: url(../images/template/co2-2.jpg);
 background-color: #099;
}
ul.foo-5 {
 list-style-type: none;
 margin: 0px;
 padding: 0px;
}
ul.foo-5 li {
 display: inline;
}
ul.foo-5 li a {
 height: 80px;
 width: 12%;
 float: right;
 background-image: url(../images/template/coImg-1.png);
 background-color: #000;
 background-repeat: no-repeat;
 background-position: center;
 display:none;
}
ul.foo-5 li a:hover {
 background-image: url(../images/template/coImg-1-1.png);
}

/*會員中心*/
div.mb {
 width: 98%;
 clear: both;
 padding: 0px;
 height: 200px;
 margin-right: auto;
 margin-left: auto;
}
div.mb .txt {
 float: right;
 font-size: 0.938em;
 color: #666;
 width: 70%;
 line-height: 160%;
 margin-top: 0px;
}
div.mb .icn {
 float: left;
 width: 30%
}
div.mb .icn img {
 width: 90%
}
div.mbForm {
 margin-bottom: 30px;
}
}
.menu_list { margin-bottom: 20px; }
.menu_head, ul.menu_head li { padding-left: 15px; margin: 0; /*padding-right: 30px;*/ padding-top:0px; padding-bottom:0px; cursor: pointer; line-height: 30px; font-size: 14px; background-color: #FFFFFF; list-style-type:none; padding-left:0; }
ul.menu_head li a { color: #000; padding-left:1em; background: url(../images/template/pro_left.png) no-repeat 90% center; line-height:3em; /*position: relative;*/ font-weight: bold; border-bottom:1px dashed #CCC; display:block; }
ul.menu_head li li { }
ul.menu_head li li a { padding:0; font-weight:normal; background:none; border-bottom:none; line-height:2em; }
ul.current li a { color: #FFF; background-color: #1b85e5; background-image: url(../images/template/pro_down.png); }
.menu_body li { height: auto; overflow: hidden; line-height: 38px; backguound: #fff; }
ul.menu_head .menu_body li a { display: block; color: #777777; background: #fff; text-decoration: none; padding-left: 25px; font-size: 14px; }
ul.menu_head .menu_body li a:hover { color: #1b85e5; }
.menu_body li a:hover { text-decoration: none; background-color: #DBECFB; color: #1b85e5; }

/*****css列印****************************************************/
@media print {
.row{ margin:2.5em 0;}
.row .row{ margin:0;}
.noprint { display:none }
.col-md-9 { text-align:left; width:85%; }
.col-md-3 { display:none; }
h1#title { font-size:32px; margin:0 0 0.2em 0;}
#title-2{ margin:0; padding:0;}
#content-font-size { width:90%; margin-bottom:10px; }
.textsize { width: 150px; }
.module-tag li{ margin:0; }
.print{	page-break-after:always; /*print分頁面*/	}
.footable > thead > tr > th, .footable > thead > tr > td, .viewtable th, .viewtable > thead > tr > td, .listtable th, .searchtable th { border-bottom:1px solid #ccc; }
/*.noprint 定義了noprint，在以下不需要列印的地方加入 class="noprint"後，用window.print()列印就會忽略 這個是用來列印底圖的CSS*/
}

/*****css列印****************************************************/
.compTxt { color: #E28705; font-weight: bold; }
.compTxt2 { color: #006699; font-weight: bold; }
.meb { margin-left: 5px; float: left; margin-right: 10px; }
.meb2 { margin-left: 5px; float: left; margin-right: 10px; color: #06C; }
.meb2 a { color: #1155AD; }
.meb2 a:hover { color: #FF0000; }
.k-Link a { color: #1b85e5; }
.k-Link a:hover { color: #FF0000; }
.mainWp { border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CCC; margin-bottom: 5px; padding-bottom: 5px; }
.corp { margin-top: 10px; margin-bottom: 10px; line-height: 25px; color: #F00; }
.corp2 { margin-top: 10px; margin-bottom: 10px; line-height: 25px; }

/*--sample css--*/
.highlight { padding: 9px 14px; margin-bottom: 14px; background-color: #f7f7f9; border: 1px solid #e1e1e8; border-radius: 4px; }
.bs-example+.highlight, .bs-example+.zero-clipboard+.highlight { margin: -15px -15px 15px; border-width: 0 0 1px; border-radius: 0; }
.nt { color: #2f6f9f; }
pre { display: block; padding: 9.5px; margin: 0 0 10px; font-size: 13px; line-height: 1.42857143; color: #333; word-break: break-all; word-wrap: break-word; background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 4px; }
.highlight pre { padding: 2em 0 1em 0; margin-top: 0; margin-bottom: 0; word-break: normal; white-space: nowrap; background-color: transparent; border: 0; }
.H1-H { margin-top: 30px!important; display: block; }
.conttxt-2 .free-img { margin: 1px -2px 0 0; }
#SearchResult .conttxt-2 .free-img { margin:-5px -5px 0 0; }
#SearchResult .conttxt-2 .free-img > img { height:18px; width:18px; }
/*出版品*/
.thumbnail-img { float:left; display:block; margin-right:10px; margin-left:14px; }
.thumbnail-img h3 { margin: 2px 0 10px 0; }
.conttxt-3-3 { clear:both; }
.conttxt-3-3 li { }
.col-md-9 ul, .col-md-9 ol { margin:1em 0 1em 2em; }
.col-md-9 p, .col-md-9 ul, .col-md-9 ol, .col-md-9 dd { text-align: justify; }
.col-md-9 p, .col-md-9 li { line-height:1.7em; font-size:1.13em; }
.col-md-9 li li { font-size:1em; }
.publications .conttxt-3-3 { margin-left:70px; }
.morenews-list li { font-size:1em; }
/*.tab-content{ display:inline-block;}*/
.tab-content ul, .tab-content ol { margin-left:1em; }
.publications-img { float: left; padding: 4px; border: 1px solid #efefef; margin: 10px 10px 10px 0; }
.dl-horizontal { display: inline-block; width: 100%; }
#content-font-size .meb, #content-font-size .meb2 { float:left; margin-right:1em; }

 @media screen and (min-width:768px) {
.bs-example {
 position: relative;
 padding: 45px 15px 15px;
 margin: 0;
 background-color: #fff;
 border-color: #ddd;
 border-width: 1px;
 border-radius: 4px 4px 0 0;
 -webkit-box-shadow: none;
 box-shadow: none;
 border-style: solid;
}
.bs-example+.highlight, .bs-example+.zero-clipboard+.highlight {
 margin-top: -16px;
 margin-right: 0;
 margin-left: 0;
 border-width: 1px;
 border-bottom-right-radius: 4px;
 border-bottom-left-radius: 4px;
}
}
@media screen and (max-width:767px) {
#content {
 padding: 0 10px;
}
.dl-horizontal {
width:100%;
}
.dl-horizontal dt {
width:90px;
float:left;
}
.index-video {
left:40%;
left:7%/*for height550*/
}
.btn-i {
margin-top: 6px;
float:none;
}
/*.signup a {
    width: 170px;
    margin-right: 0;
    display: inline-block;
    margin-bottom: 7px;
}*/

	}
@media screen and (max-width: 600px) {
  /* for height550 */
  .index-video {
left:0;
overflow:hidden;
}
 .index-video > iframe {
width:100%!important;
}
}
/*chart*/
.chart-bg { display:inline-block; border:1px solid #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #fff; -webkit-box-shadow: 0px 2px 10px -5px #000000; box-shadow: 0px 2px 10px -5px #000000; margin-bottom: 25px; margin: 0 0.2em; width: 98%; }
.chart-bg > div { width: 96%!important; overflow: hidden; margin-top: 1em; margin: 0 auto; }
#content .chart-bg h2 { border-bottom: 1px solid #dbdbdb; text-align: center; font-weight: normal; line-height: 1em; margin: 0.6em 0 0 0; padding-bottom: 0.6em; font-size: 1.3em; }
.chart-table td { padding:1.2em 0; vertical-align:top; }
.col-left { padding:0; }
.chart-table { margin:1em 0 2em 0; }
 @media screen and (max-width: 767px) {
.col-left {
margin-bottom:2em;
}
}

.statistics {
    padding: 0;
}

.cqm-category .panel-body {
    height: 222px;
}

.aboutContC {
    color: #1b85e5 !important;
    font-size: 0.9em;
    background: #daeeff;
    padding: 3px 5px;
}

#panelblock {
    display: block;
    clear: both;
}

    #panelblock .cqm-category {
        margin-bottom: 4em;
    }

.panel-more {
    font-size: 18px;
    font-weight: bold;
    float: right;
    margin-top: -28px;
}

#panel-title h1 {
    border-bottom: none;
    color: #000;
    font-size: 2em;
}

@media (max-width: 450px) {
    #panelblock .cqm-category {
        margin-bottom: 1em;
    }
}

#graphs img {
    margin-left: 3px;
}