html, body {
height: auto;
min-height:100%;
}
body {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
font-family:Arial,微軟正黑體;
height: 100%;
}
img {
width: 100%;
}
a{
text-decoration:none;
font-family:微軟正黑體;
}
p{
padding:0px;
margin:0px;
}
.row{
position:relative;
padding:0px;
margin:0px;
margin-right: 0px;
margin-left: 0px;
}
.allpage{
font-family:Arial,微軟正黑體;
}
.topall{
position:relative;
width:100%;
margin:0px auto;
}
.logo{
display: none;
}
.logo1{
width:48%;
left: 5px;
position: fixed;
z-index: 999999;
}
.logo1 img{
}
.search{
position: absolute;
top: 15px;
right: 0px;
display: none;
}
.searchphone{
font-size: 13px;
color:#8b8b8b;
display: inline-block;
padding: 0px 10px;
margin: 0px;
line-height:12px;
display: none;
}
.searchphone p{
font-size: 16px;
color:#92bd78;
margin: 0px;
}
.searchbox{
padding: 5px 10px;
display: none;
}
.searchicon{
color:#92bd78;
}
.searboxline{
border: 1px solid #ccc;
}
.form-controlformstyle01{
background:#eaeaea;
line-height:35px;
width: 96%;
padding:6px;
font-size:17px;
border: 0px solid #ddd;
font-family:Arial,微軟正黑體;
}
.searchs{
width: 100%;
position: absolute;
bottom: 50px;
display: none;
}
.searchboxs{
width: 100%;
border-top: 1px solid #cbcbcb;
background: #fff;
}
.searchicons{
color:#666;
font-size:18px;
text-align:center;
left: -8px;
}
.searboxlines{
border: 0px solid #ccc;
}
.btndf{
background: #333;
color:#fff;
}
.menuall{
/*position: fixed;
bottom: 0px;
display: inline;
height: 85px;*/
z-index: 99999;
width: 100%;
padding: 0px;
margin: 0px;
position: fixed;
background: #fff;
}
.menumain{
width:100%;
margin:0px auto;
border-bottom: 1px solid #eee;
}
#nav
{
width: 60em; /* 1000 */
font-family: 'Open Sans', sans-serif;
font-weight: 400;
position: absolute;
top: 25%;
left: 50%;
margin-left: -30em; /* 30 480 */
}
#nav > a
{
display: none;
}
#nav li
{
position: relative;
}
#nav li a
{
color: #fff;
display: block;
}
#nav li a:active
{
background-color: #eee !important;
}
#nav span:after
{
width: 0;
height: 0;
border: 0.313em solid transparent; /* 5 */
border-bottom: none;
border-top-color: #fff;
content: '';
vertical-align: middle;
display: inline-block;
position: relative;
right: -0.313em; /* 5 */
}
/* first level */
#nav > ul
{
height: 3.75em; /* 60 */
background-color: #9D2235;
}
#nav > ul > li
{
width: 25%;
height: 100%;
float: left;
}
#nav > ul > li > a
{
height: 100%;
font-size: 1.0em; /* 24 */
line-height: 2.8em; /* 60 (24) */
text-align: center;
}
#nav > ul > li:not( :last-child ) > a
{
border-right: 1px solid #eee;
}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a
{
background-color: #7d0619;
}
/* second level */
#nav li ul
{
background-color: #9D2235;
display: none;
position: absolute;
top: 100%;
}
#nav li:hover ul
{
display: block;
left: 0;
right: 0;
}
#nav li:not( :first-child ):hover ul
{
left: -1px;
}
#nav li ul a
{
font-size: 1.0em; /* 20 */
border-top: 1px solid #c0354a;
padding: 0.75em; /* 15 (20) */
}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a
{
color:#9D2235;
background-color: #fff;
}
@media only screen and ( max-width: 62.5em ) /* 1000 */
{
#nav
{
width: 100%;
position: static;
margin: 0;
text-align: -webkit-right;
}
}
html
{
font-size: 75%; /* 12 */
}
#nav
{
z-index: 999;
position: relative;
top: auto;
left: auto;
}
#nav > a
{
width: 60px; /* 50 */
height: 60px; /* 50 */
text-align: left;
text-indent: -9999px;
background-color: #9D2235;
position: relative;
}
#nav > a:before,
#nav > a:after
{
position: absolute;
border: 1px solid #fff;
top: 35%;
left: 25%;
right: 25%;
content: '';
}
#nav > a:after
{
top: 60%;
}
#nav:not( :target ) > a:first-of-type,
#nav:target > a:last-of-type
{
display: block;
}
/* first level */
#nav > ul
{
height: auto;
display: none;
position: absolute;
left: 0;
right: 0;
}
#nav:target > ul
{
display: block;
}
#nav > ul > li
{
width: 100%;
float: none;
}
#nav > ul > li > a
{
height: auto;
text-align: left;
padding: 0 0.833em; /* 20 (24) */
}
#nav > ul > li:not( :last-child ) > a
{
border-right: none;
border-bottom: 1px solid #9D2235;
}
/* second level */
#nav li ul
{
position: static;
padding: 1.25em; /* 20 */
padding-top: 0;
}
.indexiconalla{
position:relative;
width:100%;
margin:0px auto;
height:;
background:#fafafa;
box-shadow:4px 4px 12px -2px rgba(20%,20%,40%,0.2);
padding-top:60px;
}
.bannerall{
width:100%;
background-image: url("../img/bannerbg.jpg");
border-top: 2px solid #eee;
}
.abannerall{
width:100%;
margin:0px auto;
background-position:center center;
background-repeat:repeat;
border: 0px;
padding: 0px;
background-image: url("../img/aboutbg.jpg");
background-position: bottom;
background-repeat: no-repeat;
}
.bannermain{
width:100%;
margin:0px auto;
background-position:center center;
background-repeat:repeat;
border: 0px;
padding: 0px;
}
.abannermain{
width:100%;
margin:0px auto;
background-position:center center;
background-repeat:repeat;
border: 0px;
position:relative;
}
.mainimg{
border:none;
height:250px;
max-width: 100%;
margin:0px auto;
background-position:center center;
background-repeat:no-repeat;
}
.mainimg img{
width:100%;
}
.amainimg{
border:none;
height:384px;
max-width: 100%;
margin:0px auto;
background-position:-150px center;
background-repeat:no-repeat;
border-top: 2px solid #eee;
}
.amainimg img{
width:100%;
}
.amainimg1{
margin:0px;
position:absolute;
right:0px;
top: 30%;
}
.amainimg2{
margin:0px;
position:absolute;
right:0px;
top: 8%;
width: 85%;
opacity:0;
}
.amainimg1 img{
max-width: 100%;
height: auto;
}
.cmainimgaa{
display:none;
}
.lineshow01{
display:none;
}
.specall{
width:100%;
height:250px;
display:none;
background-image: url("../img/bg02.jpg");
}
.service-box{
margin: 30%;
display: inline;
max-width: 0px;
font-family: 微軟正黑體;
}
.service-box h3{
font-family:Arial,微軟正黑體;
font-size:18px;
font-weight:600;
color:#478f14;
text-align: center;
margin:0px;
}
.service-box p{
font-family:Arial,微軟正黑體;
font-size:14px;
color:#717171;
margin:0px;
}
.service-box img{
border-radius: 150px 150px;
width:150px;
height:150px;
border:5px solid #fff;
margin:5px 0px 10px 0px;
}
/* 首頁特色輪播 */
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 70%;
margin: auto;}
.carousel-indicatorsa{
bottom:-30px;
}
.carousel-indicatorsa {
position: absolute;
left: 50%;
z-index: 15;
width: 60%;
padding-left: 0;
margin-left: -30%;
text-align: center;
list-style: none;
top: 210px;
}
.carousel-indicatorsa li {
display: inline-block;
width: 10px;
height: 10px;
margin: 5px;
text-indent: -999px;
cursor: pointer;
background-color: #fff;
border: 1px solid #fff;
border-radius: 10px;
}
.carousel-indicatorsa li:active{
display: inline-block;
width: 10px;
height: 10px;
margin: 5px;
text-indent: -999px;
cursor: pointer;
background-color: #dcdcdc;
border: 1px solid #dcdcdc;
border-radius: 10px;
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
width: 70%;
margin: auto;}
/*網站特色*/
.webinfo{
width: 100%;
background:#fff;
}
.webinfoall{
width: 100%;
padding:15px;
margin:0px auto;
display: none;
}
.webinfoall p{
width: 222px;
height:222px;
padding:25px;
margin: 8px auto;
}
.webinfoalls{
width: 100%;
padding:0px 15px 0px 15px;
margin:5px auto;
background-image: url("../img/bg02.jpg");
}
.webinfoalls p{
padding:5px;
text-align:center;
margin: 0px auto 5px auto;
}
.box1{
border-radius: 150px;
width:150px;
height:150px;
border:5px solid #fff;
margin:5px 0px 10px 0px;
}
.box2{
border-radius: 150px;
width:150px;
height:150px;
border:5px solid #fff;
margin:5px 0px 10px 0px;
}
.box3{
border-radius: 150px;
width:150px;
height:150px;
border:5px solid #fff;
margin:5px 0px 10px 0px;
}
.box4{
border-radius: 150px;
width:150px;
height:150px;
border:5px solid #fff;
margin:5px 0px 10px 0px;
}
/*底部標語*/
.bottomallnote{
width:100%;
height:119px;
background-image: url("../img/bg03.jpg");
margin-bottom: 50px;
bottom:0px;
}
.bottomallnote p{
width: 100%;
font-family: Arial,微軟正黑體;
font-size: 16px;
color: #5b8845;
margin: 0px auto;
padding: 40px;
text-align: center;
}
/*底部標語*/
.bottomall{
width:100%;
height:119px;
display:none;
background-color: #edfbd3;
}
.bottomalls{
width:100%;
height:50px;
background-color: #9D2235;
position: fixed;
bottom: 0px;
z-index:9999;
}
.bottomalla{
position:relative;
width: 100%;
margin: 0px auto;
display:none;
}
.bottomallas{
position:relative;
width: 100%;
display:flex;
margin: 0px auto;
}
.bottomallas a{color:#fff;
}
.bottoma1s{
width:25%;
text-align:center;
margin: 12px 0px 0px 0px;
}
.bottomalla h1{
font-family: Arial,微軟正黑體;
font-size: 14px;
color: #6b6b6b;
margin: 0px auto;
padding: 25px 0px 10px 0px;
text-align: left;
}
.bottomalla h1 a{
color: #6b6b6b;
}
.bottomalla h1 a:hover{
color: #000;
}
.bottomalla h2{
font-family: Arial,微軟正黑體;
font-size: 12px;
color: #6b6b6b;
margin: 0px auto;
padding: 20px 0px 0px 0px;
display:flex;
}
.bottomalla p{
padding: 0px 35px 0px 0px;
margin: 0px ;
float:left;
color: #6b6b6b;
font-family: Arial,微軟正黑體;
font-size: 12px;
}
.bottomalla h3{
font-family: Arial,微軟正黑體;
font-size: 12px;
color: #6b6b6b;
margin: 5px auto;
}
.bottomalla h4{
position:absolute;
right:0px;
top: 8px;
}
/*news*/
.newsll{
padding:5px 10px;
text-align: -webkit-center;
}
.newslls{
padding:0px 10px;
}
.news-box{
margin:0px 0px;
}
.news-box img{
display:none;
}
.text-center1{
width:100%;
margin:0px;
padding:0px;
}
.newsbox{
font-family:Arial,微軟正黑體;
text-align:left;
margin:10px 0px;
}
.newsbox h3{
font-family:Arial,微軟正黑體;
font-size:14px;
color:#ff932a;
margin:2px 0px;
}
.newsbox p{
font-family:Arial,微軟正黑體;
font-size:14px;
color:#3f3f3f;
margin:0px 24px 0px 0px;
line-height:18px;
}
.newsbox p a{
color:#3f3f3f;
}
.newsbox p a:hover{
color:#5b8845;
}
.newsbox h4{
font-family:Arial,微軟正黑體;
font-size:14px;
color:#ff932a;
margin:0px 24px 0px 0px;
text-align:right;
}
.newsbox1{
font-family:Arial,微軟正黑體;
text-align:left;
margin:0px 0px;
width: 80%;
}
.newsbox2{
display:none;
}
.newsbox1a{
margin:0px 0px 20px 0px;
}
.guideline{
display:none;
}
/*關於我們*/
.aboutcontentall{
width:100%;
background-color:#fff;
padding:0px 0px 0px 0px;
height:auto;
min-height:100%;
}
.aboutcontent{
width:100%;
font-family: Arial,微軟正黑體;
font-size: 12px;
color: #666;
margin:0px auto;
padding:5px 0px;
background-color:#fff;
border-top: 2px solid #eee;
}
.abouth1{
font-family: Arial,微軟正黑體;
font-size: 16px;
line-height:16px;
border-left: 4px solid #e86625;
padding: 0px 10px;
color: #e86625;
margin:20px 0px 10px 0px;
}
.aboutline{
height:3px;
background-color:#eee;
}
.abouth1a{
font-family: Arial,微軟正黑體;
font-size: 16px;
line-height:16px;
border-left: 4px solid #e86625;
padding: 0px 10px;
color: #e86625;
margin:20px 0px 10px 0px;
}
.aboutlinea{
height:3px;
background-color:#eee;
margin:0px 0px 10px 0px;
}
.abouth1b{
font-family: Arial,微軟正黑體;
font-size: 16px;
line-height:16px;
border-left: 4px solid #e86625;
padding: 0px 10px;
color: #e86625;
margin:20px 0px 10px 0px;
display:none;
}
.abouth1bs{
font-family: Arial,微軟正黑體;
font-size: 20px;
line-height: 16px;
border-left: 4px solid #9D2235;
padding: 0px 10px;
color: #9D2235;
margin: 30px 0px 20px 0px;
}
.aboutlineb{
height:3px;
background-color:#eee;
display:none;
}
.aboutfont{
font-family: Arial,微軟正黑體;
font-size: 15px;
line-height: 25px;
margin: 20px 0px;
display: inline-block;
}
.abouth1c{
font-family: Arial,微軟正黑體;
font-size: 14px;
line-height:16px;
border-left: 4px solid #9D2235;
padding: 0px 10px;
color: #9D2235;
margin: 80px 0px -30px 0px;
}
.aboutfont img{
width:100%;
float:right;
margin: 10px;
}
.aboutfont p{
font-family: Arial,微軟正黑體;
font-size: 15px;
/*text-indent :2em ;*/
margin: 0px;
padding:5px 0px;
line-height: 25px;
}
.aboutimg{
width:100%;
}
.aboutimg img{
width: 250px;
height: 250px;
text-align: center;
padding: 20px;
border-radius: 250px;
}
.aboutsall{
width:100%;
text-align: center;
}
.aboutsall2{
width:100%;
}
.aboutsall2 img{
padding: 5%;
border-radius: 50% 50%;
width: 250px;
height: 250px;
}
.aboutsall3{
width:100%;
padding: 10px 0px;
}
.aboutsall3 img{
width: 33%;
padding: 0px 6px;
}
.abouth2{
font-family: Arial,微軟正黑體;
font-size: 16px;
line-height:16px;
font-weight:600;
padding: 0px 0;
color: #61b12e;
margin:30px 0px 10px 0px;
}
.aboutfont2{
display: inline-block;
width: 100%;
line-height: 24px;
font-family: Arial,微軟正黑體;
font-size: 15px;
padding: 10px 0px;
}
.aboutfont2 img{
padding: 5%;
border-radius: 50% 50%;
width: 250px;
height: 250px;
}
p{
margin:0px;
padding:0px;
}
.aboutimgcener{
width: 100%;
text-align:center;
}
.aboutsall4{
width:100%;
padding: 10px 0px;
margin: 5px 0px ;
display: flex;
}
.teach01{
width:100%;
background-color:#f3f3f3;
padding:10px;
font-family: Arial,微軟正黑體;
font-size: 15px;
margin: 5px 0px 0px 10px ;
}
.teach01 img{
width:100%;
margin:0px 0px;
padding:0px;}
.teach01f{
font-family: Arial,微軟正黑體;
font-size: 14px;
padding: 5px 0px;
color:#333;
}
.teach01fa{
font-family: Arial,微軟正黑體;
font-size: 16px;
padding: 5px 0px;
color:#337ab7;
}
.teach01fs{
font-family: Arial,微軟正黑體;
font-size: 12px;
padding: 0px 0px;
color:#666;
}
.prodconta {
width:90%;
margin:0px auto;
}
.prodconta img{
width:100%;
}
.prodconta p{
padding:0px;
line-height:20px;
font-size: 12px;
font-family: 微軟正黑體;
color:#666;
border-bottom: 0px solid #eee;
margin: 15px 0px;
}
.prodfont01{
font-size: 14px;
font-family: 微軟正黑體;
color:#666;
padding:0px;
margin: 0px 0px;
}
.row{
padding: 0px;
margin:0px;
margin-right: 0px;
margin-left: 0px;
}
/*NEW*/
.newsall{
width:100%;
margin:0px auto;
background-position:center center;
background-repeat:repeat;
border: 0px;
padding: 0px;
background-image: url("../img/newsbg.jpg");
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.bmainimg{
border:none;
height:384px;
max-width: 100%;
margin:0px auto;
background-position:-150px center;
background-repeat:no-repeat;
border-top: 2px solid #eee;
}
.bmainimgline{
border-top: 2px solid #eee;
}
.bmainimg img{
width:100%;
}
.bmainimg1{
margin:0px;
position:absolute;
right:0px;
top: 30%;
}
.bmainimg2{
margin:0px;
position:absolute;
right:0px;
top: 15%;
width: 80%;
opacity:0;
}
.bmainimg1 img{
max-width: 100%;
height: auto;
}
.newslist{
font-family: Arial,微軟正黑體;
padding: 5px 0px;
display: inline-block;
width: 100%;
border-bottom:1px solid #eee;
}
.newslist1{
font-family: Arial,微軟正黑體;
padding: 3px 0px;
border-bottom:0px solid #eee;
}
.newsdate{
font-family: Arial,微軟正黑體;
padding: 1px 0px;
color:#999;
font-size: 14px;
}
.newstitle{
font-family: Arial,微軟正黑體;
padding: 2px 0px;
color:#333;
font-size: 15px;
}
.newstitle a{
font-family: Arial,微軟正黑體;
padding: 5px 0px;
color:#333;
font-size: 15px;
}
.paginationnb{
font-family: Arial,微軟正黑體;
padding: 5px 5px 85px 5px;
letter-spacing:2px;
color:#999;
font-size: 13px;
text-align:center;
}
.newsconttitle{
padding: 20px 0px;
height: 100%;
}
.newsconttitleh1{
font-family: Arial,微軟正黑體;
color:#008bac;
font-size: 16px;
padding: 2px 0px;
font-weight:500;
}
.newsconttitleh2{
font-family: Arial,微軟正黑體;
color:#999;
font-size: 13px;
padding:2px 0px;
text-align:left;
}
.newsconttitlep{
font-family: Arial,微軟正黑體;
padding: 5px 0px;
color:#333;
font-size: 15px;
line-height:30px;
margin-bottom:30px;
}
.newsconttitlep img{
width:100%;
display:inline;
margin: 10px 0px;
}
.newsicon{
width: 150px;
height:35px;
line-height:25px;
margin:15px auto;
border:none;
padding:5px;
background-color:#ff6300;
font-size: 15px;
font-family: 微軟正黑體;
color:#fff;
font-weight:500;
display: block;
}
.newsiconover{
width: 150px;
height:35px;
line-height:25px;
margin:15px auto;
border:none;
padding:5px;
background-color:#333;
font-size: 15px;
font-family: 微軟正黑體;
color:#fff;
font-weight:500;
display: block;
}
.event01f{
font-family: Arial,微軟正黑體;
font-size: 16px;
padding: 5px 0px;
color:#333;
}
.event01f a{
font-family: Arial,微軟正黑體;
font-size: 16px;
padding: 5px 0px;
color:#333;
}
.event01fs{
font-family: Arial,微軟正黑體;
font-size: 12px;
padding: 0px 0px;
color:#999;
}
.main-maincontent1{
width:100%;
margin: 0px auto;
text-align:center;
}
.main-maincontent2{
width:100%;
margin: 0px auto;
text-align:center;
display: inline-block;
}
.newsfont01{
font-family: Arial,微軟正黑體;
font-size: 15px;
padding: 0px 0px;
color:#999;
}
.font04{
font-family: Arial,微軟正黑體;
font-size: 18px;
padding: 0px 0px;
color:#008bac;
}
/*product*/
.prodall{
width:100%;
margin:0px auto;
background-position:center center;
background-repeat:repeat;
border: 0px;
padding: 0px;
background-image: url("../img/prodbg.jpg");
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.cmainimg{
border:none;
height:384px;
max-width: 100%;
margin:0px auto;
background-position: -30px 50px;
background-repeat:no-repeat;
border-top: 2px solid #eee;
display:none;
}
.cmainimg img{
width:100%;
}
.cmainimg1{
margin:0px;
position:absolute;
right:0px;
top: 30%;
opacity:0;
}
.cmainimg2{
margin:0px;
position:absolute;
right: 20px;
top: 10%;
width: 90%;
}
.cmainimg1 img{
max-width: 100%;
height: auto;
}
.nav2 ul { display: none; }
.nav2 select { display: none;
width: 100%;
height: 45px;
padding: 10px;
margin: 40px 0px;
line-height:20px;
border: 2px solid #9D2235;
font-size: 15px;
font-family: 微軟正黑體;
color:#9D2235;
background-color:#fff;
}
.color1{
color:#ddd;
}
.color2{
color:#999;
}
.prodbanner{
display:none;
}
.prodbannera{
}
.prodbannerb{
}
.prodlist{
margin: 0px 0px 0px 0px;
width: 100%;
display:none;
}
.prodpic{
width: 47%;
margin: 0px 5px 20px 5px;
padding:0px 0px;
text-align:center;
line-height:35px;
float: left;
}
.prodpic img{
width: 100%;
}
.prodpic a{
margin: 0px 0px 20px 0px;
padding:0px 0px;
color:#999;
text-align:center;
line-height:35px;
}
.prodpic p{
margin: 0px 0px;
padding:5px 0px 0px 0px;
font-size: 13px;
height: 60px;
font-family: 微軟正黑體;
}
.prodhot{
padding:10px;
font-size: 18px;
font-family: 微軟正黑體;
color:#9D2235;
background-color:#eee;
margin: 10px 0px;
}
.procontallright{
width:100%;
margin: 0px auto;
}
.procontall{
width:100%;
padding-top: 0px;
}
.procontalls{
width:100%;
padding-top: 60px;
}
.modal-content {
width: 100%;
background: url(../img/dialogbg.png) top center no-repeat;
}
.prodcont {
width:90%;
margin:20px auto;
}
.prodcont img{
width:100%;
margin-bottom: 20px;
}
.itenimg{
width:100%;
}
.prodcont p{
padding:0px;
margin:0px;
line-height:20px;
font-size: 12px;
font-family: 微軟正黑體;
color:#666;
border-bottom: 1px solid #eee;
}
.prodh4{
padding:0px;
margin:10px 0px 0px 0px;
line-height:25px;
font-size: 16px;
font-family: 微軟正黑體;
color:#9D2235;
}
/*beauty*/
.beautyall{
width:100%;
margin:0px auto;
background-position:center center;
background-repeat:repeat;
border: 0px;
padding: 0px;
background-image: url("../img/beautybg.jpg");
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.dmainimg{
border:none;
height:384px;
max-width: 100%;
margin:0px auto;
background-position: right -45px;
background-repeat:no-repeat;
border-top: 2px solid #eee;
}
.dmainimg img{
width:100%;
}
.dmainimg1{
margin:0px;
position:absolute;
left:0px;
top: 30%;
}
.dmainimg2{
margin:0px;
position:absolute;
right: 0px;
top:65%;
width: 100%;
opacity:0;
}
.dmainimg1 img{
max-width: 100%;
height: auto;
}
/*health*/
.healthall{
width:100%;
margin:0px auto;
background-position:center center;
background-repeat:repeat;
border: 0px;
padding: 0px;
background-image: url("../img/healthbg.jpg");
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.emainimg{
border:none;
height:384px;
max-width: 100%;
margin:0px auto;
background-position: -30px 10px;
background-repeat:no-repeat;
border-top: 2px solid #eee;
}
.emainimg img{
width:100%;
}
.emainimg1{
margin:0px;
position:absolute;
right:0px;
top: 30%;
}
.emainimg2{
margin:0px;
position:absolute;
right: 30px;
top: 10%;
width: 100%;
opacity:0;
}
.emainimg1 img{
max-width: 100%;
height: auto;
}
/*contact*/
.contactall{
width:100%;
margin:0px auto;
background-position:center center;
background-repeat:repeat;
border: 0px;
padding: 0px;
background-image: url("../img/contactbg.jpg");
background-position: bottom;
background-repeat: no-repeat;
background-size: cover;
}
.fmainimg{
border:none;
height:384px;
max-width: 100%;
margin:0px auto;
background-position: -100px 0px;
background-repeat:no-repeat;
border-top: 2px solid #eee;
}
.fmainimg img{
width:100%;
}
.fmainimg1{
margin:0px;
position:absolute;
right:0px;
top: 30%;
}
.fmainimg2{
margin:0px;
position:absolute;
right: 0px;
top: 5%;
width: 90%;
opacity:0;
}
.fmainimg1 img{
max-width: 100%;
height: auto;
}
.map{
width:100%;
height:260px;
}
.contactallbox{
width:95%;
padding:20px;
margin:0px auto;
}
.contform01{
padding:10px;
font-size: 14px;
font-family: 微軟正黑體;
color:#666;
text-align:center;
}
.control-label{
font-size: 14px;
font-family: 微軟正黑體;
color:#666;
}
.contred{
color:#f05f40;
font-size: 14px;
font-family: 微軟正黑體;
}
.aa{
padding:12px 0px;
}
.fonta{
color:#666;
font-size: 14px;
font-family: 微軟正黑體;
}
.container-fluid{
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: 0px;
margin-left: 0px;
}
.fa-angle-up:before{content:"\f106"}
a#scrollUp {
bottom: 15px;
right: 15px;
height:60px;
width:60px;
line-height: 55px;
border-radius:50%;
padding: 5px 10px;
background: #9D2235;
color: #FFF;
text-align:center;
-webkit-animation: bounce 2s ease infinite;
animation: bounce 2s ease infinite;
}
a#scrollUp i{
font-size: 30px;
}
#scrollUp{
position: fixed; z-index: 2147483647; display: none;
}
/*相簿*/
.eventalbum{
position:relative;
width:100%;
background-color:#f5f5f5;
height:300px;
margin-top:0px;
display:none;
}
.eventalbums{
position:relative;
width:100%;
background-color:#f5f5f5;
margin-top:0px;
padding: 20px;
}
.eventalbumm{
display:none;
}
.eventalbum_title{
position:relative;
width:100%;
text-align:center;
margin:0px auto;
padding:5px 0px;
}
.event_album{
position:relative;
width:100%;
margin:0px auto;
padding:0px 0px;
}
#recommended-item-carousel .carousel-inner .item {
padding-left: 0;
}
.recommended-item-control {
position: absolute;
top: 41%;
}
.recommended-item-control i {
background: none repeat scroll 0 0 #666;
color: #FFFFFF;
font-size: 20px;
padding: 4px 10px;
}
.recommended-item-control i:hover {
background: #ccccc6;
}
.recommended_items h2 {
}
.item button:hover {
background: #;
}
.control-carousel {
position: absolute;
top: 50%;
font-size: 60px;
color: #C2C2C1;
}
.control-carousel:hover{
color: #FE980F ;
}
.right {
right: 0;
}
.fa-angle-left:before{content:"\f104"}
.fa-angle-right:before{content:"\f105"}
.fa{
display:inline-block;
font-family:FontAwesome;
font-style:normal;
font-weight:normal;line-height:1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
@font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=4.0.3');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.0.3') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=4.0.3') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.0.3') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular') format('svg');font-weight:normal;font-style:normal}
.text-centera{
width: 100%;
margin: 0px;
padding: 0px;
display: inline-block;
}
.text-centera img{
width: 100%;
}
/*相簿*/
.indexicon{
display:none;
}
.indexicons{
padding-top: ;
}
.indexiconsp{
padding-top: 60px;
width: 100%;
border-bottom: 1px solid #eee;
}
.iconbox01{
width: px;
height: 65px;
text-align: center;
background: #fff;
border-right: 1px solid #ececec;
font-size: 12px;
padding-top: 15px;
margin: 0px 3px;
/* padding: 35px 2px 0px 2px; */
}
.iconbox01 img{
width:80%;
margin-right: 7px;
}
.iconboxa{
display: flex;
width: 100%;
}
.iconbox01n{
background:#eee;
width:120px;
}
.ititle{
position:absolute;
top: -32px;
font-size: 32px;
color: #c0c0c0;
}
.about{
position:relative;
margin-top:px;
z-index:10;
padding:30px 0px 0px 0px;
}
.aboutbg{
position:relative;
width:100%;
}
.report{
position: fixed;
font-family: 微軟正黑體;
background: #5db8b4;
color: #fff;
width: 105px;
height: 105px;
border-radius: 50%;
text-align: center;
/* margin-top: -90px; */
right: 5px;
bottom: 35px;
z-index: 999;
font-weight: 600;
font-size: 15px;
padding-top: 15px;
line-height: 15px;
border: 3px solid #fff;
}
.reporte{
font-size: 12px;
line-height:9px;
}
.report a{
color:#fff;
}
.report a:hover{
color: #333;
}
.title01b{
position:absolute;
margin-top:20px;
font-size: 28px;
color: #c0c0c0;
border-bottom: 2px solid #eee;
}
.companyimg{
width:270px;
height:270px;
border-radius:99em;
background-image: url(../img/about.jpg);
background-position: center;
background-size:cover;
border:7px solid #f4f4f4;
margin:0px auto;
margin-top: 20px;
margin-bottom: 20px;
}
.companyimg2{
height: 160px;
background-image: url(../img/about2.jpg);
background-repeat: no-repeat;
background-size: contain;
background-position: center;
margin: 10px auto;
/*margin-top: -20px;*/
}
.companytext{
width:100%;
font-family: 微軟正黑體;
font-size:15px;
line-height:22px;
color:#666;
z-index: 99;
margin-top: 90px;
}
.map{
text-align:left;
padding-top: 10px;
display:none;
}
.maps{
text-align:left;
padding-top: 10px;
}
.info{
text-align:left;
padding:10px 0px;
}
.infotext{
font-family: 微軟正黑體;
font-size:14px;
margin:0px;
padding:0px;
line-height:20px;
padding-left: 20px;
}
.infotext1{
font-family: 微軟正黑體;
font-size:16px;
margin:0px;
padding:0px;
font-weight:600;
line-height:24px;
padding-left: 20px;
}
.title01c{
color:#d5975d;
font-family: 微軟正黑體;
font-weight:500;
text-align:left;
font-size: 28px;
color: #c0c0c0;
border-bottom: 2px solid #ddd;
}
.contact{
background:#eee;
padding:40px 0px 60px 0px;
}
.titlefont1{
color:#666;
font-family: 微軟正黑體;
font-size:18px;
font-weight:700;
line-height:24px;
margin-top:30px;
padding:0px 0px 10px 0px;
}
.iconstyle{
width:100%;
font-size:18px;
margin-top:20px;
}
.form-group{
margin-bottom:10px;
}
.formstyle{
text-align:left;
font-size:16px;
font-family: 微軟正黑體;
line-height: 18px;
color:#333;
width:100%;
margin-top:30px;
padding-bottom: 20px;
}
.next{
color:#9D2235;
font-size:12px;
}
.section{padding: 20px 0px 10px 0px;
}
.btn-primary{
background-color: #9D2235;
}
.modal-content{margin-top: 80px;}
.carousel-indicators {
bottom: 0px;
}
.mob{}
.pc{display:none;}
.skyimg img{
width:50px;
}
.wimg img{
width:70px;
padding:10px 0px;
}