@import url('https://fonts.googleapis.com/css?family=Questrial');
@import url('https://fonts.googleapis.com/css?family=Philosopher');
* { margin: 0; padding: 0; }
body { margin:0; }

div, h1, h2, h3, h4, h5, h6, hr, p, form, label, input, textarea, img, span, ul, li, a , i { text-align: left; vertical-align: middle; margin: 0; padding: 0; word-wrap: normal; word-break: normal; line-height: 170%; border-width: 0; font-family: '微軟正黑體', '蘋果儷中黑', "Lucida Grande", "Arial", "Arial Narrow"; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

:before , :after { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease; }

ul, ol { list-style: none; }

fieldset { border: 0; }

input,button,select,textarea { outline:none }

img { max-width: 100%; }

a:link , a:visited , a:hover { text-decoration: none; vertical-align: initial; }

* html .clearfix { height: 1%; }

.clearfix { display: block; }

livedemo00.template-help.com/media="screen":after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.text-clamp { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; }

/* selection */
body ::selection { background: #ff7ba7; color: #fff; }
body::-webkit-scrollbar { width: 7px; } 
body::-webkit-scrollbar-track { background: #c5c5c5; } 
body::-webkit-scrollbar-thumb { background: #ff7ba7; }
body::-webkit-scrollbar-thumb:hover { background: #ff7ba7; }

/* body */
section { overflow: hidden; margin: 0 auto; width: 1163px; }
.wrapper { overflow: hidden; width: 100%; font-size: 16px; }

/* 跳一  跳三 */
#jumpDiv , #jumpIframe { position: relative; background: #fff; top: 0; left: 0; z-index: 50; }

/* a.photo */
a.photo { overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: 100% auto; display: block; }
a.photo img { width: 100%; }

/* header */
header {position: fixed;width: 100%;padding: 10px 0;background: #ff7ba7;color: #fff;z-index: 999;}
header a { color: #fff; }
header > div , header nav { width: 30%; display: inline-block; }
header nav h3 , header nav ul li .sideNav , header #userBox ul { position: absolute; display: none; }
header #cis a { margin-left: 15%; display: block; }

header nav { width: 59%; }
header nav ul li { position: relative; display: inline-block; }
header nav ul li b a { padding: 15px 60px 15px 45px; background: url(/images/28/main/icon-menu.png) no-repeat -90px 50%; display: block; font-size: 18px; font-weight: 400; }
header nav ul li:hover b a { background-position: 0 50%; }
header nav ul li:hover .sideNav { padding-top: 10px; display: block; }
header nav ul li .sideNav p , header #userBox ul li { background: #fff; border-bottom: 1px #f6f6f6 solid; }
header nav ul li .sideNav p a , header #userBox ul li a { padding: 6px 30px; display: block; font-size: 14px; color: #3f3f3f; }
header nav ul li .sideNav p:hover a { color: #f18a85; }

header #userBox { width: 180px; }
header #userBox h3 { padding: 2px 0 2px 45px; background: url(/images/28/main/icon-user.png) no-repeat 0 0; }
header #userBox h3 a { padding-right: 30px; display: inline-block; background: url(/images/28/main/icon-arrow.png) no-repeat right center; }
header #userBox h3 a.close { background-image:  url(/images/28/main/icon-arrow2.png); }
header #userBox ul { padding-top: 25px; }
header #userBox ul li { padding-right: 50px; }
header #userBox ul li a b { margin-left: 5px; width: 14px; height: 14px; background: #6cbfc2; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; line-height: 14px; text-align: center; font-size: 12px; color: #fff; }
header #userBox ul.openUser { display: block; }

/* smallP */
#smallP { padding: 50px 0; background: url(/images/28/main/img-activityBg.jpg) no-repeat 50%; background-attachment: fixed; background-size: 100% auto; }
#smallP p { margin: 50px 0 10px; text-align: center; font-size: 18px; color: #fff; }
#smallP .tit3 { margin-bottom: 30px; color: #fff; }
#smallP .tit3 h3 { font-family: 'Philosopher', sans-serif; font-size: 38px; text-align: center; }
#smallP .tit3 p { margin: 0; font-size: 25px; font-weight: bold; }
#smallP ul { text-align: center; }
#smallP ul li { overflow: hidden; position: relative; margin: 10px 2%; width: 20%; display: inline-block; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }
#smallP ul li b { position: absolute; width: 100%; display: block; text-align: center; font-size: 20px; color: #fff; -webkit-text-shadow: 0 0 13px #525252; -moz-text-shadow: 0 0 13px #525252; text-shadow: 0 0 13px #525252; top: 45%; }

/* gotop */
#gotop { position: fixed; width: 40px; height: 40px; background: #f18a85; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; right: 10px; bottom: 60px; line-height: 35px; text-align: center; z-index: 998; opacity: 0.7; }
#gotop:hover { opacity: 1; }

/* footer */
footer {padding: 15px 0 5px;/* background: url(/images/28/main/img-footerBg.jpg) #c9b1b1 no-repeat right bottom; */color: #999999;background-color: white;}
footer a {color: #000000;}
footer .row { margin-top: 20px; float: left; width: 30%; }
footer .row #community a { margin: 20px 10px; display: inline-block; font-size: 22px; color: #acacac; }
footer nav.row , footer #qrcode { width: 15%; }
footer nav.row p { margin-bottom: 10px; }
footer nav.row p font { margin-left: 5px; color: #ff7ba7; }
footer #qrcode p { margin-bottom: 10px; text-align: center; }
footer #footerInfo { width: 40%; }
footer #footerInfo p { margin-bottom: 5px; }
footer #footerInfo p.name { font-size: 16px; }
footer #footerInfo p font { margin-right: 10px; }
footer #footerInfo p span { color: #ff7ba7; vertical-align: top; }

/* phoneWrap */
#phoneWrap { position: fixed; width: 100%; background: #000; bottom: 0; display: none; z-index: 997; }
#phoneWrap ul { text-align: center; }
#phoneWrap ul li { width: 49%; display: inline-block; }
#phoneWrap ul li a { padding: 5px 0; display: block; text-align: center; font-size: 16px; color: #fff; }

/* webSeo */
section.maq { margin-top: 20px; }
#webSeo , #webSeo .seo { overflow: hidden; font-size: 12px !important; color: #999999; }
#webSeo .seo .js-marquee-wrapper { -webkit-transition: none; -moz-transition: none; -o-transition: none; transition: none; font-size: 12px !important; color: #999999; }