@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC|Noto+Serif+TC:600&display=swap');

/*

font-family: 'Noto Sans TC', sans-serif;
font-family: 'Noto Serif TC', serif;


*/


/*基本設定*/
*{ margin: 0; padding: 0; }
body{ font-size:12px; font-family:Arial, Helvetica, sans-serif,新細明體;}  
body {background-color:#000000}
.seo {display:none;}
.clear{ clear:both; }
ul {list-style: disc;}
img {border-style: none;}
div,ul,li,a{ box-sizing: border-box; }

/*連結*/
a:link { color: #666666;text-decoration: none;}
a:visited {text-decoration: none;color: #666666}
a:hover {text-decoration: none;color: #999999;}
a:active {text-decoration: none;color:#666666;}

/*左邊按鈕*/
.left_list{width:22%; max-widht:225px; padding:20px 12px; float:left;}
.menu_bt{font-family:Arial, Helvetica, sans-serif;letter-spacing:2px; font-size:12.5px; min-width:185px;text-align:center; margin:1px -2px; padding:0 1px; display:inline-block}
.menu_bt a{background:#ededed;text-decoration:none;color:#1f1f1f; display:block; width:100%; height:100%; padding:10px 0 }
.menu_bt a.active{ background-color:#d2d2d2; color:#1f1f1f;}
.menu_bt a:hover{background-color:#d2d2d2;color:#1f1f1f;}

.right_content{ width:78%; float:left; text-align: center; padding:0 5% 20px 5%}

@media screen and (max-width:800px){
.left_list,.right_content{width:100%; max-width:100%; float:none;}	
.menu_bt{width:33%;}	
}
@media screen and (max-width:450px){
.menu_bt{width:50%; min-width:100px;}	
}
/*MineNew*/
.mini_newdata{font-family:"新細明體"; color:#414141;;letter-spacing:1px;font-size:12px;text-align:left;line-height:17px;}
.mini_newlist{font-family:"新細明體"; color:#808080;letter-spacing:1px;font-size:12px;text-align:left;line-height:17px;}
.mini_new{font-family:"新細明體";color:#414141;letter-spacing:1px;font-size:12px;text-align:left;line-height:17px;}
.mini_new a{ color:#414141;}
.mini_new a:hover{ color:#003399; }
.mini_new a.active{ color:#414141; }

/*熱銷小圖*/
#Casemini_slide{position:relative; width:264px; height:83px; overflow:hidden;float:left; }
.Casemini_Group{position:relative; width:5000px; height:83px;float:left; }
.Casemini_Picture {width:83px; height:83px; margin-right:5px;float:left;}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/


/*選單*/
.wap{position:  relative}
.top{ height: 184px; width:100%; max-width: 1000px; margin:auto}
.btntop{ position: fixed; bottom: 50px; right: 2.5%; z-index: 100; display: inline-table; width:45px; height:45px; border-radius: 25px;  background: rgba(0,0,0,.8);  overflow: hidden; }
.btntop a{ width: 100%; height: 100%; display: table-cell; color: #999; text-align: center;; vertical-align: middle; font-size: 12px}
.btntop a:hover{color: #fff}
.logo{ float: left; width: 24%; margin:0; padding: 80px 5px 5px 5px; position:relative; text-align: center; }
.logo img{ height:85px; max-width: 90% ; }

/*按鈕*/
.menu li a{background: rgba(0,0,0,0); 	transition: all 500ms ease-out;}	
.menu li:hover a{ background: rgba(0,0,0,.2);  }

.menu li .w1{ -webkit-perspective-origin:top;	transition: all 300ms ease-out;}
.menu li .w2{ opacity: 0;-webkit-transform:rotateX(90deg);  -webkit-perspective-origin:bottom; transition: all 500ms ease-out;}	
.menu li:not(.act):hover .w1, .menu .act .w1{ opacity: 1; -webkit-transform:rotateX(90deg); }	
.menu li:not(.act):hover .w2, .menu .act .w2{ opacity: 1; top: 15px;  -webkit-transform:rotateX(0deg); }
.menu li:not(.act) .btns a,.mobile li:not(.act) .btns a{top:+50px;	opacity: 0;	height: 0;	padding: 0;	overflow: hidden;	transition: all 400ms ease-out;}
.menu li:not(.act):hover >.btns a,.mobile li:not(.act):hover >.btns a{ 	top:0;	opacity: 1; height: auto;	padding:10px;	overflow: visible;	}


.menu{float: left;  position:relative; width:76%; display:block; min-height:25px; height:184px; margin-bottom:0; font-size: 16px; font-family: 'Noto Serif TC', serif; font-weight: bold; }
.menu ul{ height: 100%; width: 100%;  text-align:center;  font-size: 13.5px;}
.menu li{ display:inline-block; position: relative; width:120px; max-width: 16%;   text-align:center;  top: 120px; mix-blend-mode: hard-light; margin-left:-4px;}
.menu li:before{content: url(../images/btn_border.png); display: inline-block; margin: 0; padding: 0 }
.menu li a{ display:block; position:relative; z-index: 2; color: aliceblue;  width: 100%; }
.menu li .btn { padding:15px 10px; text-align:center;  position: relative; }
.menu .act{ background: rgba(0,0,0,.1); }
.menu li .btns{ position: absolute; left: 0; bottom:100%;  width: 100%; height:auto; overflow: hidden;  }
.menu li .btns a{ display:block; color: aliceblue;  position: relative;  padding:10px; border-bottom: 1px solid;  border-image:url(../images/border-b.png) 1 0 stretch;   }
.menu li .btns a:hover{ background: rgba(0,0,0,.5)}
.menu span{  display:block; }
.menu .w2{position: absolute; top:20px; left: 0;  width: 100%}
.menu .w2:before{content:' '; display: inline-block;  vertical-align: middle;   background:url(../images/dot.png) no-repeat left; background-size: 25px;  width: 30px; height:16px; }
.menu .w1{ padding-left: 30px }


.menubtn{display: none; height: 42px; width: 42px; padding: 15px 2px;  color:#fff; border-radius: 1px; border:1px  solid #fff;  background:rgba(0,0,0,.5);  z-index: 100; right: 10px; top: 5%;}
.mobile{ display: none; position: fixed; width: 180px; max-width: 100%; top: 0; right: -180px; height: 100%; background: #000; z-index: 100}
.mobile ul{margin: 100px auto 10px auto; list-style: none}
.mobile a{ display: block; width: 100%; height: 100%;  color: #aaa; text-decoration: none; font-size: 16px; border-bottom: 1px solid #333;}
.mobile a .btn{ width: 100%;  text-align: center; padding:10px 0;  }
.mobile a:hover{ color:#fff; background:  rgba(255,255,255,.1); }
.mobile li .btns a{ text-align: center; background:rgba(255,255,255,.2); ; color: #fff; padding:10px; font-size: 14px; }
.mobile li .btns a:hover{ background:rgba(255,255,255,.3); }
.mobile li .w2{ display: none }

.menus{ position:relative; margin:auto; max-width:1000px;}
.menus ul{ position:absolute;top:0; right:0; width:85px; background:rgba(0,0,0,.3)}
.menus li{font-size:12.5px; list-style:none; border-bottom:1px solid #333; }
.menus li a{  color:#ccc; padding:6px 15px;  display:block}
.menus li a:hover{ color: #fff; text-shadow:0 0 5px #fff}


.menus2{ position:absolute;bottom:0;  width:100%; padding:5%; text-align:center}
.menus2 div{font-size:10px; background:#222; display:inline-block;  margin:1px;  }
.menus2 a{  color:#ccc; padding:6px 5px;  display:block}


/*banner*/
.banner{ height:185px; width: 100%; position: relative; overflow: hidden; }
.bannerimg{ width: 100%; height: 100%; position: absolute;  mix-blend-mode:overlay; background:url(../images/banner_img01.png) no-repeat center; background-size:  auto 100%;    }
.bannerline{ width: 100%; height: 100%; position: absolute; overflow: hidden; -webkit-mask:url(../images/banner_img02.png) no-repeat center; -webkit-mask-size:auto 100%;}
.bannerline img{ position: relative;  left:-10%; opacity: .8 }
.grow{ position: relative; max-width: 1000px ; margin:auto ;mix-blend-mode:hard-light ;  }
.grow div,.twink_m{ position: absolute; opacity:0  }
.grow .grow_i{ background: url(../images/grow03.png) no-repeat; width:90px ;height: 100px;  }
.grow .grow_i:nth-child(1){ background-image: url(../images/grow02.png) }
.grow .grow_i:nth-child(4){ background-image: url(../images/grow01.png) }
.grow .twink,.twink_m{background: url(../images/grow04.png) no-repeat center center; width:95px ;height: 95px; background-size: cover; }


/*center&foot*/
.content{width:100%; min-height:445px; margin:auto; overflow:hidden; background:#fff url(../images/back.jpg)  no-repeat; background-position:center top;  } 
.content_c{max-width:990px; width: 100%; min-height:445px; margin:auto;}
.content_p1{background-image:url(../images/p1-1-back.jpg) ; } 
.content_p2{background-image:url(../images/p2-back.jpg); } 

.foot{ padding:15px 10% 30px 10%; text-align:center; color:#999; font-size:12px;}
.foot span{ display: inline-block; margin-right: 15px }

.title{ font-size:22px; font-family: 'Noto Serif TC', serif; margin-bottom:10px}
.title span{color:#0033aa}

@media screen and (max-width:1000px){
.logo{  text-align: center;float:none; width: 100%; padding:30px 3% 0 3%; text-align: left; }
.logo img{ max-width: 70%; max-height: auto  }		
.menubtn{ display: block; position: absolute}
.top{ height: 130px}
.banner{ height: 130px }
.menu{  display: none; }
.menus{ display: none;}
.btnmenu{display: none;}	
.foot{text-align: left}
.foot span{ display: block; margin-bottom: 10px; }
}


/*p1公司簡介*/


.title_about1-1{ max-width:500px;  height:24px; background-image:url(../images/p1/title-p1-1.png); background-repeat:no-repeat;}


.w_about1{font-family:"新細明體"; color:#000000;letter-spacing:0.6px;font-size:12.5px;text-align:right; padding-top:10px;}
.w_about2{font-family:"新細明體"; color:#1C1C1C;letter-spacing:0.6px;font-size:12.5px;text-align:left;line-height:22px;}
.w_about3{font-family:"新細明體"; color:#1C1C1C;letter-spacing:0.6px;font-size:12.5px;text-align:left;line-height:22px;}

@media screen and (max-width:1000px){
.content{ background-position:center 0;  } 
.text_about1-1{  height:auto; }
}


/*p2熱銷個案*/
.title_hotcase{ width:500px;  height:24px; margin-left:50px;}
.w_hotcase{font-family:"新細明體"; color:#181818;letter-spacing:0.6px;font-size:12px;text-align:right; padding-top:10px;}
.w_hotcase2{font-family:"新細明體"; color:#3a3636;letter-spacing:0px;font-size:12px;text-align: left;line-height:20px;}
.w_hotcase3{font-family:"新細明體"; color:#FFFFFF;letter-spacing:3px;font-size:20px;text-align: left;}

.next_left{width:4%; max-width:35px;  margin-top:25px;float:left;}
.next_right{width:4%; max-width:35px; margin-top:25px;float:left;}
.next_left img,.next_right img{ max-width:95%;}
.list_hotcasebt{ width:71px; height:24px; float:left; margin-left:65px;}
.list_hotcasebt2{width:71px; height:24px; float:left; margin-left:20px;}

#Case_slide{position:relative; width:92%; height:280px; overflow:hidden;float:left; margin-top:20px;}
.Case_Group{position:relative; width:5000px; height:280px;}
.Case_Picture {float:left; padding:5px;}
.Case_Picture img{ width:100%; height:100%}

@media screen and (max-width:800px){
.next_left , .next_right{  margin-top:10%;} 

}

@media screen and (max-width:450px){
.next_left , .next_right{ width:6%; margin-top:25%;} 
#Case_slide { width:88%; height:320px;}
.Case_Group{ height:320px;}
}

/*p2熱銷個案(內頁)*/
.title_hotcase2{ width:687px;  height:24px; margin-left:25px;}

#navi { background:#000 ; text-align:center;  margin-top:5px; overflow:hidden}
#navi li {color:#FFF; display:inline-block; min-width:100px; width:20%; margin-right:-4px;  padding:8px; border-right:1px dotted #adadad;cursor: pointer;}

#ticker { min-height:270px;}
.main_hotcase{ width:90%; margin:auto; margin-top:50px; padding:5px; border:1px dotted #adadad;}
.main_hotcase2{ height:80px; margin:auto; margin-top:50px; padding:5px;border:1px dotted #adadad;}
.main_hotcase3{ width:90%; min-height:90px; margin:auto; padding:10px 0; }
.main_hotcasemini{width:78px; height:52px;border:1px solid  #999999; float:left; margin-left:35px; margin-top:25px;}
.main_hotcasemini2{width:78px; height:52px;border:1px solid  #999999; float:left; margin-right:4px; margin-bottom:5px;}

.onCounter {color:#FFFFFF; background:#333}
.offCounter {color:#FFFFFF;}
.bt_hotcase{ }
.btw_hotcase{font-family:"新細明體"; color:#FFFFFF;letter-spacing:3px;font-size:15px; }


.pro_img {width:55%; float:left; min-height:270px;}
.pro_info{width:45%; float:left; min-height:270px;}
.pro_img img{width:100%; height:auto; min-height:220px;}
.pro_tit2{font-size:18px; text-align:center; padding:15px 0 0 0; color:#888800;}

@media screen and (max-width:600px){
.pro_img ,.pro_info{width:100%; float:none; min-height:150px; }
#navi li { min-width:100px; width:50%;   }
}

/*p3公司業績*/

.title_case2{  min-height:360px; margin:0 5% 30px 5%;}
.box_case{  margin:10px 0 ; }
.box_case1{ width:50%; float:left; }
.box_case1 img{ max-width:100%; min-width:100%; max-height:200px; }
.box_case2{ width:50%; float:left; padding:18px 5.5%;}
.w_case{font-family:"新細明體"; color:#000000;letter-spacing:0.6px;font-size:12px;text-align:right; padding-top:10px;}
.w_case2{font-family:"新細明體"; color:#1C1C1C;letter-spacing:0.6px;font-size:12.5px;text-align:left;line-height:22px;}
.w_case3{font-family:"新細明體"; color: #000000;letter-spacing:1px;font-size:18px;text-align:left; font-weight:bolder;}
.page_case{width:100%; margin:35px auto; text-align: center; }
.page_case a{ color: #000000;text-decoration:none; font-weight:bold;}
.page_case a:hover{ color: #003399; font-weight:bold;}
.page_case a.active{ color: #003399; font-weight:bold;}


@media screen and (max-width:600px){
.box_case1 ,.box_case2{width:100%; float:none; }
}

/*p4投資人服務*/
.title_information{ width:580px;  height:24px; margin-left:25px; margin-top:25px; margin-bottom:20px;}
.title_information2{width:627px; max-width:100%; padding:5px 5%;  background: -webkit-linear-gradient(top,#fff,#efefef,#ccc); color:#999; text-shadow:1px 1px 2px #ccc  }
.w_information{font-family:"新細明體"; color:#181818;letter-spacing:0.6px;font-size:12px;text-align:right; padding-top:10px;}
.w_information2{font-family:"新細明體"; color: #000000;letter-spacing:1px;font-size:12px;text-align:center;}
.w_information_3{font-family:"新細明體"; color: #1C1C1C;letter-spacing:1px;font-size:21px;text-align: left; padding-left:5px;}

.list_information{ height:42px; background:url(../images/p4/p4-list.png) -25px -7px; }
.list_information1{width:60%; padding:8px 5px 2px 20px;  float:left; text-align:left;}
.list_information1 a{ color:#000000;text-decoration:none;}
.list_information1 a:hover{ color: #003399;}
.list_information2{width:25%; padding:8px 5px 2px 5px;  float:left; text-align:center;}
.list_information3{width:15%; padding:8px 5px 2px 5px;  float:left; text-align:center;}
.list_information3 a{ color:#000000;text-decoration:none;}
.list_information3 a:hover{ color: #003399;}

.title_information3{ width:550px; height:22px;margin-left:25px; margin-top:10px; padding-left:30px; padding-top:10px;background-image:url(../images/p4/title-p4-2-9s.jpg); background-repeat:no-repeat;}
.w_information3{font-family:"新細明體"; color:#003f88;letter-spacing:1px;font-size:12px;text-align:left; font-weight:bold;}
.page_information{ max-width:575px;height:280px;margin-left:25px; margin-top:10px;overflow:scroll;overflow-x:hidden;}
.page_informationw{font-family:"新細明體"; color:#1C1C1C;letter-spacing:0.6px;font-size:12px;text-align:left;line-height:20px;}

.title_information4{  margin:5px 0; padding:6px 30px;background-image:url(../images/p4/title-p4-2-9s.jpg); background-repeat:no-repeat;}
.page_information2{ max-width:575px;height:350px; margin:10px 3.5%; overflow-x:hidden;}

.page{width:250px; margin-left:35px; margin-top:20px; float:left; }
.page a{ color: #000000;text-decoration:none;}
.page a:hover{ color: #003399; }
.page a.active{ color: #003399; font-weight:600;}
.data{width:150px; margin-right:10px; margin-top:20px; float:right; }

@media screen and (max-width:600px){
.page_information2{min-height:330px; height:auto;overflow:auto;}
}


.compony_bt a{
 min-height:25px; font-size:15px; text-align:center; padding:7px 20px;  border: #999999 solid 1px;display:block;font-weight:600;color: #FFF;border-radius:3px; box-shadow:1px 1px 5px 1px rgba(50%,50%,50%,0.5);letter-spacing:5px;
background: rgb(87,86,91); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(87,86,91,1) 0%, rgba(38,38,38,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(87,86,91,1)), color-stop(100%,rgba(38,38,38,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(87,86,91,1) 0%,rgba(38,38,38,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(87,86,91,1) 0%,rgba(38,38,38,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(87,86,91,1) 0%,rgba(38,38,38,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(87,86,91,1) 0%,rgba(38,38,38,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57565b', endColorstr='#262626',GradientType=0 ); /* IE6-9 */ }

.compony_bt a:hover{
background: rgb(38,38,38); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(38,38,38,1) 2%, rgba(87,86,91,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(2%,rgba(38,38,38,1)), color-stop(100%,rgba(87,86,91,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(38,38,38,1) 2%,rgba(87,86,91,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(38,38,38,1) 2%,rgba(87,86,91,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(38,38,38,1) 2%,rgba(87,86,91,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(38,38,38,1) 2%,rgba(87,86,91,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#262626', endColorstr='#57565b',GradientType=0 ); /* IE6-9 */}


/*p5貴賓專區*/
.title_service{width:375px; height:24px;margin-left:25px; margin-top:55px;}
.title_service2{width:370px;  height:40px; margin-left:30px;}
.title_service3{width:370px;  height:40px; margin-left:30px; margin-top:25px;}
.title_service4{  margin-left:35px; margin-top:-5px;}


.w_service{font-family:"新細明體"; color:#181818;letter-spacing:0.6px;font-size:12px;text-align:right; padding-top:10px;}
.w_service2{font-family:"新細明體"; color:#181818;letter-spacing:0.6px;font-size:12px;text-align:left;line-height:20px; }

.list_service4{ width:620px; max-width:100%;  margin-left:25px; margin-top:0px;}
.list_service5{ width:700px; max-width:95%; min-height:300px; margin:10px auto;  padding:20px 2.5%; background:rgba(255,255,255,.8);  border: 1px solid #ccc; text-align:left;}

.list_li_1{ width:100%; padding:2.5px 5px 5px 25px; background:url(../images/p5/o.png) left -3px no-repeat;}
.list_li_2{ width:50%; float:left; padding:2.5px 5px 5px 25px; background:url(../images/p5/o.png)  left -5px  no-repeat;}
.list_tit { display:inline-block ; min-width: 75px;}

.list_service{  height:250px; width:375px;margin-left:25px; margin-top:15px;}
.list_service1{ height:42px; width:30px; float:left; }
.list_service2{ height:32px; width:75px; float:left; padding-top:10px; padding-right:5px;}
.list_service3{ height:32px; width:260px; float:left; padding-top:10px;}

.list_contact0{ height:42px; width:30px; float:left;}
.list_contact1{ height:42px; width:30px; float:left; background-image:url(../images/p5/o.png);}
.list_contact2{ height:32px; width:80px; float:left; padding-top:10px; padding-right:5px;}
.list_contact3{ height:32px; width:200px; float:left; padding-top:5px;}
.list_contact4{ height:32px; width:320px; float:left; padding-top:10px; padding-right:5px; font-size:13px; letter-spacing:1px;}
.list_contact5{ height:32px; width:100px; float:left; padding-top:10px; padding-right:5px;}
.list_contact6{ height:32px; width:180px; float:left; padding-top:5px;}
.list_contact7{ height:32px; width:55px; float:left; padding-top:10px; padding-right:5px;}
.list_contact8{ height:32px; width:230px; float:left; padding-top:5px;}
.list_contact9{ height:75px; width:520px; float:left; padding-top:5px;}

@media screen and (max-width:600px){
.list_li_1,.list_li_2{width:100%; float:none; margin-bottom:10px }
.list_tit {  min-width: 10px;}
}


/*p6最新消息*/
.title_new{ min-height:24px; margin-top:25px;}
.title_new2{ margin-top:10px; padding:5px 0; background: -webkit-linear-gradient(left top,#F5F5F5,#cfcfcf);}
.w_new{font-family:"新細明體"; color:#181818;letter-spacing:0.6px;font-size:12px;text-align:right; padding-top:10px;}
.w_new2{font-family:"新細明體"; color: #000000;letter-spacing:1px;font-size:12px;text-align:center;}

.list_news{ min-height:40px; background:url(../images/p6/p6-list.png) no-repeat; background-position:-20px -3px ;}

.list_news1{width:70%; float:left; text-align:left; padding:9px 2.5% 8px 25px; overflow:hidden; white-space:normal;white-space:nowrap; text-overflow: ellipsis; }
.list_news1 a{ color: #000000;text-decoration:none;}
.list_news1 a:hover{ color: #003399;}
.list_news2{width:30%;  float:left; padding:9px 2.5%; text-align:center; overflow:hidden; white-space:normal;white-space:nowrap; text-overflow: ellipsis; }
.data_news{width:150px; margin-top:20px; float:right; }

.list_news3{ min-height:22px;  background:url(../images/p6/o.png) , -webkit-linear-gradient(left top,#F5F5F5,#cfcfcf) ;  background-repeat:no-repeat    }
.w_new3{ color:#003f88;letter-spacing:1px;font-size:12px;text-align:left; font-weight:bold; padding:8px 2.5% 8px 25px}
.page_news{ height:275px;padding:10px 2.5% 10px 20px;overflow:scroll;overflow-x:hidden;}
.page_newsw{font-family:"新細明體"; color:#1C1C1C;letter-spacing:0.6px;font-size:12px;text-align:left;line-height:20px;}
.page_news img{ max-width:100%}

#slider_new{position:absolute; z-index:5; width:509px;  height:158px; margin:-210px 0 0 0; background:#FFF; box-shadow:1px 1px 12px 1px rgba(20%,20%,20%,0.3); left:-482px;}
#list_new{width:482px; height:158px;}
@media screen and (max-width:600px){
#slider_new{ width:259px;  left:-232px;}
#list_new{width:232px; height:158px;}
}


/*p8推案計畫*/
.p8_main{margin:10px 2.5%;  padding:10px 5px;  overflow:hidden;}
.p8_main ul{ list-style:none; text-align:center; }
.p8_main li{box-sizing:border-box;   padding:15px 5px; margin:3px 0; }
.p8_main div{ float:left; border-left:solid 1px #FFFFFF; padding:0 10px; min-width:115px;   margin:0;}
.p8_main .tit{ border:none;}
.p8_main .list_info span{ display:none}

.p8_title{ background:url(../images/p8/listbg_title.png) repeat; color:#FFF;}
.p8_list li:nth-child(odd){ background:url(../images/p8/listbg_odd.png) repeat;}
.p8_list li:nth-child(even){ background:url(../images/p8/listbg_even.png) repeat;}
.p8_page{width:300px; text-align:center; margin:0 auto; margin-left:300px; margin-top:20px;}
.p8_page a{ padding-right:10px; color:#000; font-weight:bold;}
.p8_page a:hover{ color:#00F}

@media screen and (max-width:1000px){
.p8_title{ display:none} 
.p8_main .list_info{ text-align:left}
.p8_main .list_info span{ display:inline}
}