@charset "utf-8";
/* =reset 網頁樣式重置
------------------------------------------------------------------------------------------------------------------------------*/
html { font-size:1em;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0);-webkit-text-size-adjust:none;overflow:-moz-scrollbars-vertical;/*強制firefox出現滑動條*/}
body { font-size:0.85em;}
label { cursor:pointer;}
a:link, a:visited { text-decoration:none;}
input:focus { outline: none; }
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*強制去除表單自帶的樣式*/ }
textarea{resize:none;/*-webkit-appearance:none;*//*強制去除textarea自帶的樣式*/ }

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; } /*利用陰影來填充掉input自動填充色*/

textarea,input,select { background: none; border:none; margin: 0; padding: 0; }

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, menu, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt,
u, ul, var { margin:0; padding:0; -webkit-font-smoothing:antialiased;}

article, aside, footer, header, hgroup, nav, section, figure, figcaption { display: block;} /*html5設置*/

h1, h2, h3, h4, h5, h6, th, td, table, input, button, select, textarea, sub{ font-size:1.5em;}
body, input, button, select, textarea, sub{ font-family:Arial, sans-serif;}
em, cite, address, optgroup { font-style:normal;}
kbd, samp, code { font-family:monospace;}

img, input, button, select, textarea { vertical-align:middle;outline:none;}
ul, ol { list-style:none;}
img, fieldset { border:0;}
abbr, acronym { cursor:help; border-bottom:1px dotted black;}
table {	width:100%; border-spacing:0; border:0;}
table th, table td { border:0;}
legend, hr { overflow:hidden; position:absolute; top:0; left:0;}
legend, hr, caption { visibility:hidden; font-size:0; width:0; height:0; line-height:0;}

input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box
}

input[type="radio"],input[type="radio"]:checked,input[type="checkbox"],input[type="checkbox"]:checked{
	-webkit-appearance:button;
	        appearance:button;
	border:none; 
	vertical-align:text-bottom; 
	background-image:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADYAAAANCAYAAADi+J2zAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAbFJREFUeNpi3LRpEwMSYAPiDCCOBGIdqNgVIF4OxDOA+BdMYcs/Y7L0nfSXYti2bdt/BhKAl5cXo+6GFyTpYUFiSwPxFiA2QFNjAcWJQOwDxE/R5MnVx0ikG0nyEAwwIYU4NschA5DcViBmR4spcvTRHMA8lk7AcTCgD8SpSHxy9VEd6AmyMmx2EcHwWBSaunNISekcmlw0EptcfVQFUlzMDBPNBRn6rnzG8JgRmtpMUD6H4kw0OUMkNrn6yE9iaDmTh5WRYYqFIMO8218Z9r/4ieGxIQO2uogyuElzgNnMQE9OMBNkOPf2F8Piu1+xloqwJAQD04A4C1oiTUMz+zyWpEeqPrJB/sn3DNOtBBl4WBgZtARYGX79+8/QdukTzuJ+GZoDjaHJCRtYisQmVx/Z4NanPwxJR94xTAbmqc+//zOkH3/H8O8/7lJxFhBfJMLcS0A8G4lPrj6KwMMvfxn89r5hiD70luHL7/94i3tQrvMG4gt4zAPJeUHVMlCoj271GAO0ZWAOSsZAfAKIv0DxCaiYOZbWAyX6/hOJyQKMaG1FogFaW5FoAGor0gMABBgAP8aVC/KZ6v0AAAAASUVORK5CYII="); background-repeat:no-repeat; 
	background-size:54px 13px; 
	background-color:transparent; 
	width:14px; 
	height:13px; 
	margin-right:4px; 
	outline:none}
input[type="radio"] {background-position:0 0;}
input[type="radio"]:checked {background-position:-14px 0;}
input[type="checkbox"] {background-position:-29px 0;}
input[type="checkbox"]:checked {background-position:-42px 0;}

button, 
input, 
select, 
textarea {margin: 0;font: inherit;color: inherit; background-color:#FAFAFA; border: #dcdcdc 1px solid;border-radius: 5px;}
input:focus,
select:focus,
textarea:focus{border-color:#66afe9;outline:0;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}
/* =global 統一樣式
--------------------------------------------------------------------------------------------------------------------------------*/
/* 改變動畫的效果方式*/
html { height: 100%; }
body { position: relative; font-family:"Hiragino Sans GB", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; font-weight:normal; min-width: 1200px; height: 100%; width: 100%; }
body { margin: 0; padding: 0;}
/* =moudle 通用組件*/
.u-btn01 { display: inline-block; padding: 8px 42px; border: 1px solid #b2b2b2; color: #737373; font-size:14px; }
.u-btn01:hover { background-color:#b2b2b2; color:#fff; }
.u-btn02 { display: inline-block; width: 400px; height: 35px; line-height: 35px; text-align: center; background-color: #408cce ; color: #fff; border-radius: 6px; font-size: 16px; }
.u-btn03 { display: inline-block; padding: 8px 16px; background-color: #3e8cce; font-size: 14px; color: #fff; border-radius: 6px; }
.u-btn02:hover,.u-btn03:hover { background-color: #3880ab; }
/*sprite圖片合併*/
.css_spirte { background: url(/newweb4/res/img/css_spirte01.png) no-repeat; }
.css_spirte01 { background: url(/newweb4/res/img/css_spirte.png) no-repeat; }

/* =function 功能樣式 
-----------------------*/
.f-hide { display: none; }
.f-max1200 { max-width: 1200px; margin: 0 auto; }
.f-size18 { font-size: 18px !important; }
.f-no { margin-top: 30px; font-size: 16px; text-align: center; }
.f-center { left:0; right:0; margin:0 auto; }

.f-bd-radius-5 { border-radius:5px; }
.bg-green { background-color:#68CB74; }
.bg-gray { background-color:#ACACAC; }
.text-fff { color:#fff; }
.text-red { color:#F83C3F; }
.text-green { color:#55C420; }

.s-normal { color: #737373; }
.f-bg-f2 { background-color:#f9f9f9; }
.p-bannar,
.w1200,
.p-submenu{ 
   width:100%; 
   margin:0 auto; 
   clear:both; 
}
.w1200 { width:1200px; position:relative; color:#4A4A4A;}
/*****
***** header 頭部樣式
*****/
.g-hd { width: 100%; height: 55px; background-color: #272635; }
.m-header { position: relative; width: 1200px; margin: 0 auto;}
.m-logo { position: absolute; top: 10px; width: 104px; height: 36px; }
.m-logo a { display:block; width:100%; height:100%; text-indent:-9999em; background:url("data:image/png;base64,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") no-repeat 50% 50%; }
.m-menu { max-width: 900px; margin: 0 auto; text-align: center; }
.m-menu .menu-line { position: absolute; top: 10px; left: 12%; width: 1px; height: 32px; background-color: #000; }
.m-menu .menu-list > li { display: inline-block; margin-right: 5px; }
.m-menu .menu-list > li:last-child { margin-right:0; }
.m-menu .menu-list li > a { display: inline-block; padding:0 15px; height: 55px; line-height: 55px; color: #fff; font-size: 16px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.m-menu .menu-list a:hover { background-color: #1b1b25; }
.m-menu .menu-list a.on { background-color: #1b1b25; }
.m-menu .menu-item { position: relative; display: none; }
.m-menu .list-show { position: absolute; left: -999em; width: 94px; background-color: #1c1b29; z-index: 9; }
.m-menu .menu-list li:hover .list-show { left: auto; }
.m-menu .menu-list li:hover a { background-color: #1b1b25; }
.m-menu .list-show li { display: block; width:100%; }
.m-menu .list-show li a { display: block; width:100%; height: 35px; line-height: 35px; color: #fff; font-size: 14px; }
.m-menu .list-show li a:hover { background-color: #323242; }

.m-login { position: absolute; top: 13px; right: 0; }
.m-login .msg a { display:block; width:100%; line-height:26px; color: #fff; font-size:14px; text-align:center; }
.m-login .msg span { display: inline-block; width:60px; height:26px; border-radius: 6px; margin-left:4px; }
.m-login .msg .login { border: 1px solid #36b0e5; }
.m-login .msg .register { border: 1px solid #37bf61; }
.m-login .msg .login:hover { background-color: #36b0e5; }
.m-login .msg .register:hover { background-color: #37bf61; }

.m-user { position: absolute; top: 0; right: 0; height:50px;}
.m-user .msg span { position: absolute; top: 13px; width: 32px; height: 32px; cursor: pointer; }
.m-user .msg span i { position: absolute; width: 32px; height: 30px; cursor: pointer; }
.m-user .msg .new-msg { left: -82px; background-position: 0 0; }
.m-user .msg .new-msg i {}
.m-user .msg .user-msg { left: -40px; background-position: -36px 0; }
.m-user .msg .user-msg i { }
.m-user .msg .new-msg:hover { background-position: 0 -37px; }
.m-user .msg .user-msg:hover { background-position: -36px -37px; }
.m-user .msg .notice { position: absolute; top: 10px; left: -54px; width: 8px; height: 8px; border-radius: 4px; background-color: #ef1919; }

/*login彈框*/
.m-msg-popup { z-index: 6; }
.m-msg-popup .bd { display: inline-block; padding: 14px 18px; box-shadow: 0 0 6px #c0c0c0; background-color: #fff; color: #737373; text-align: center; }
.m-msg-popup .bd li { margin-bottom: 8px; }
.m-msg-popup .bd li a { display: block; color: #737373; text-align: left; }
.m-msg-popup .bd li a:hover { color: #36b0e5; }

.m-newmsg-popup { position: absolute; top: 46px; right: 0; }
.m-newmsg-popup h4 { margin-bottom: 12px; text-align: left; }
.m-newmsg-popup .msgs li { width: 250px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.m-newmsg-popup .view-more { display: inline-block; margin-top: 12px; color: #737373; }

.m-usermsg-popup { position: absolute; top: 46px; right: 0; }
.m-usermsg-popup .user li { text-align: left; }
.m-usermsg-popup .login-out { display: inline-block; width: 110px; padding-top: 8px; color: #737373; border-top: 1px solid #b2b2b2; }

/*****
***** content 頭部樣式
*****/
.g-container { overflow: hidden;}
.m-slider{ position: relative; width: 100%; height: 580px; }
.m-slider .slider-container{ position: relative; margin: 0 auto; z-index: 0; overflow: hidden; }
.m-slider .slider-container ul{ width: 100% !important;}
.m-slider .slider-container li{ width: 100% !important; height: 580px; overflow: hidden; text-align: center; background-position:center center; background-repeat:no-repeat; }
.m-slider .slider-container li a { display:block; width:100%; height:100%; font-size:0; }

.m-slider .slider-container li.slide01 { background: url(/newweb4/res/img/banner-zqgq.jpg) center center no-repeat; }
.m-slider .slider-container li.slide02 { background: url(/newweb4/res/img/slide01.jpg) center center no-repeat; }
.m-slider .slider-container li.slide03 { background: url(/newweb4/res/img/slide02.jpg) center center no-repeat; }
.m-slider .slider-container li.slide04 { background: url(/newweb4/res/img/slide03.jpg) center center no-repeat; }
.m-slider .slider-container li.slide05 { background: url(/newweb4/res/img/slide04.jpg) center center no-repeat; }
.m-slider .slider-container li.slide06 { background: url(/newweb4/upload/2015/wedding-home.jpg) center center no-repeat; }

.m-slider .prev, .m-slider .next { position: absolute; top: 210px; display: none; width: 50px; height: 100px; overflow: hidden; text-indent: -9000px; background: url('/newweb4/res/img/css_spirte01.png') no-repeat; color: transparent; cursor: pointer; opacity: 1 !important; }
.m-slider .prev { left: 14%; background-position: -430px -339px; }
.m-slider .next { right: 14%; background-position: -486px -339px; }
.m-slider:hover .prev, .m-slider:hover .next { display: block; }

.m-parts { height: 378px; overflow: hidden; }
.m-parts .parts-wrap { width: 1200px; margin: 0 auto; padding: 60px 0; }
.m-parts ul { width: 1170px; height: 100%; margin: 0 auto; overflow: hidden; }
.m-parts ul li { position: relative; float: left; width: 250px; margin-right: 56px; cursor: pointer; }
.m-parts ul li:nth-child(4n) { margin-right: 0; }
.m-parts ul li .part-img { width: 155px; height: 155px; margin: 0 auto 24px auto; }
.m-parts ul li .part-img img { display: none; }
.m-parts ul li .part-img img:first-child { display: block; }
.m-parts ul li:hover img:first-child { display: none; }
.m-parts ul li:hover img:last-child { display: block; }
.m-parts ul li:hover p:first-child { color: #37b0e5; }
.m-parts ul li .tit { text-align: center; color: #737373; font-size: 14px; }
.m-parts ul li .tit p:first-child { font-size: 20px; margin-bottom: 12px; }


.m-apps { width: 100%; background-color: #f9f9f9; }
.m-apps .app-tit { width: 1200px; margin: 0 auto; text-align: center; color: #737373; }
.m-apps .app-tit h2 { padding-top: 20px; font-size: 26px; font-weight:normal; }
.m-apps .app-tit p { padding-top: 21px; padding-bottom: 20px; }
.m-apps .app-tit p a { padding: 4px 50px 10px; color: #37b0e5; font-size: 16px; border-right: 1px solid #b2b2b2; }
.m-apps .app-tit p a:last-child { margin-right: 0; border-right: 0; }
.m-apps .app-tit p a span:hover { color: #37b0e5; }
.m-apps .app-tit p a span.on { color: #37b0e5; }
.m-apps .app-img { position: relative; width: 100%; height: 520px; overflow: hidden; }
.m-apps .app-img div { position: absolute; text-indent:-9999em; width: 100%; height: 100%; -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); transform: scale(1.0); }
.m-apps .wc-img { top: 0; background: url(/newweb4/res/img/yy01.jpg) no-repeat center center #6dcbac; }
.m-apps .bus-img { top: 632px; background: url(/newweb4/res/img/yy02.jpg) no-repeat center center #29bdc9; }
.m-apps .media-img { top: 1264px; background: url(/newweb4/res/img/yy03.jpg) no-repeat center center #f57164; }
.m-apps .num-img { top: 1896px; background: url(/newweb4/res/img/yy04.jpg) no-repeat center center #4167ae; }
.m-apps .meet-img { top: 2528px; background: url(/newweb4/res/img/yy05.jpg) no-repeat center center #7dc9eb; }
.m-apps .apps-img { top: 3106px; background: url(/newweb4/res/img/yy06.jpg) no-repeat center center #878ad1; }

.m-works { background-color: #f9f9f9; color: #737373; }
.m-works-con { width: 1200px; margin: 0 auto; padding-bottom:15px; }
.m-works-con h2 { padding: 40px 0; font-size: 26px; font-weight:normal; color: #737373; text-align: center; }
.m-works-con .list-item { padding: 0 54px; }
.m-works-con .list-item li { display: inline-block; margin-right: 18px; margin-bottom: 40px; }
.m-works-con .list-item li:nth-child(5n) { margin-right: 0; }
.m-works-con .item-top { position: relative; width: 200px; height: 200px; z-index: 1; }
.m-works-con .item-top:before,.m-works-con .item-top:after { position: absolute; content:''; width: 70%; height: 55%;  bottom: 6px; z-index: -1;
		-webkit-box-shadow: 0 8px 4px rgba(0,0,0,0.3);
		-moz-box-shadow: 0 8px 4px rgba(0,0,0,0.3);
		box-shadow: 0 8px 4px rgba(0,0,0,0.3);
 }
.m-works-con .item-top:before { left: 22px; 
		-webkit-transform: skew(-18deg) rotate(-3deg);
		-moz-transform: skew(-18deg) rotate(-3deg);
		transform: skew(-18deg) rotate(-3deg);
}
.m-works-con .item-top:after { right: 22px; 
		-webkit-transform: skew(18deg) rotate(3deg);
		-moz-transform: skew(18deg) rotate(3deg);
		transform: skew(18deg) rotate(3deg);
}
.m-works-con .item-top:hover:before { bottom: 16px; }
.m-works-con .item-top:hover:after { bottom: 16px; }
.m-works-con .item-top a { display: block; width: 100%; height: 100%; }
.m-works-con .item-top a img { width: 100%; height: 100%; }
.m-works-con .item-top a:hover .item-qr { display: block; top: 0; }
.m-works-con .item-top .item-qr { display: none; position: absolute; top: 100%; left: 0; width: 163px; height: 163px; z-index: 5; padding: 19px; background-color: rgba(0, 0, 0, 0.3); }
.m-works-con .item-top .item-qr img { width: 100%; height: 100%; }
.m-works-con .item-bottom { position: relative; margin-top: 26px; }
.m-works-con .item-bottom p { width: 200px; height: 21px; text-align: center; font-size: 14px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.m-works-con .more-btn { display:block; width:80px; margin:0 auto; text-align:center; border-radius: 6px; font-size: 14px; color: #737373; }
.m-works-con .more-btn:hover { border: 1px solid #36b0e5; }

.m-intro .intro-con { width: 1200px; margin: 0 auto; padding-bottom: 50px; }
.m-intro .intro-con h2 { padding: 40px 0; font-size: 26px; font-weight:normal; color: #737373; text-align: center; }
.m-intro .intro-con img { width: 1084px; margin-left: 70px; }


.m-footer { background-color: #59586C; color: #fff; font-size: 16px; }
.m-footer p { position:relative; padding-bottom:6px; }
.m-footer div { position: relative; }
.m-footer ul { padding-top: 30px; padding-bottom: 32px; }
.m-footer ul .link { padding-top: 32px; padding-bottom:5px; }
.m-footer ul li a { margin-right: 24px; color: #fff; font-size:14px; }
.m-footer ul li a:hover { color: #36b0e5; }
.m-footer ul li:last-child { font-size: 12px; }
.m-footer .links { position: absolute; top: 28px; right: 0; }
.m-footer .links img { width: 120px; height: 120px;padding-bottom:6px; }
.m-footer .links p { font-size: 12px; word-wrap:break-word}
.kf-time { font-size:14px; color:#EAEAEA; }
.kf-copyright { font-size:14px; }
.m-footer ul li.kf-copyright a{ padding:0 5px; margin:0; }
/*.m-footer .links a { position: absolute; top: -80px; display: inline-block; width: 52px; height: 52px; cursor: pointer; }*/
/*.m-footer .links .wechat { right: 133px; background-position: 0 -338px; }
.m-footer .links .weibo { right: 70px; background-position: -66px -338px; }
.m-footer .links .G3s { right: 6px; background-position: -133px -338px; }
.m-footer .links .wechat:hover { background-position: 0 -404px; }
.m-footer .links .weibo:hover { background-position: -66px -404px; }
.m-footer .links .G3s:hover { background-position: -133px -404px; }
.m-footer .wechat-qr { position: absolute; top: -184px; right: -52px; box-shadow: 0 0 10px #9a9a9c; display: none; }
.m-footer .wechat-qr:before { position: absolute; top: 163px; right: 70px; display: inline-block; content:''; border: 12px solid #fff; border-left-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
.m-footer .links .wechat:hover .wechat-qr{ display: block; }*/




/*登錄頁*/
.m-logins {position: relative; width: 100%; height:100%; clear:both; background-color: #ededed; }
.m-logins .login-wrap { position:absolute; left:0; right:0; top:50%; width: 1200px; height: 818px; margin: -409px auto 0 auto; background: url(/newweb4/res/img/login-bg.png) top center no-repeat;}
.m-logins .login-wrap .login { position: absolute; width: 504px; min-height: 480px; top: 100px; left: 390px; background-color: #fff; }
.m-logins .login-top { padding: 46px 52px 32px; position: relative; }
.m-logins .login-top h2 { font-size: 18px; color: #737373; margin-bottom: 30px; font-weight: normal; }
.m-logins .login-top h2 span { float:right; font-size: 14px; color: #a8a8a8;  }
.m-logins .login-top h2 a,
.m-logins .login-con .rem-pass span:last-child a { color: #36b0e5; }
.m-logins .login-top h2 a:hover,
.m-logins .login-con .rem-pass span:last-child a:hover { text-decoration: underline; }
.m-logins .login-top .login-tip { font-size: 16px; color: #e14845; text-align: center; position: absolute; top: 240px; } 
.m-logins .login-top .register-tip { position: absolute; top: 33px; left: 42px; width: 300px; font-size: 14px; color: #e14845; font-weight: normal; } 
.m-logins .login-con p { margin-bottom: 34px; padding-bottom: 8px; border-bottom: 1px solid #b2b2b2; font-size: 14px; color: #a8a8a8; }
.m-logins .login-con p.lo-email, .m-logins .login-con p.lo-pass, .m-logins .login-con p.lo-repass { position: relative; }
.m-logins .login-con p i { position: absolute; width: 24px; height: 24px; }
.m-logins .login-con .lo-email i { background-position: -199px -339px; }
.m-logins .login-con p .fail { position: absolute; right: 16px; width: 19px; height: 19px; background-position: -352px -339px; }
.m-logins .login-con p .pass { position: absolute; right: 16px; width: 19px; height: 19px; background-position: -326px -339px; }
.m-logins .login-con .lo-pass i { background-position: -240px -339px; }
.m-logins .login-con .lo-repass i { background-position: -240px -338px; }
.m-logins .login-con input { width: 300px; height:24px; line-height:24px; margin-left: 42px; font-size: 14px; border:none; background-color:transparent;}
.m-logins .login-con input:focus {-webkit-box-shadow:none;box-shadow:none;border-color:transparent; background-color:#fff;}
.m-logins .login-con input[type="checkbox"] { width:12px; height:12px; margin:0 12px 1px 0; }
.m-logins .login-con p:hover { border-bottom: 1px solid #3eb0e2; }
.m-logins .login-con .lo-email:hover i { background-position: -199px -369px; }
.m-logins .login-con .lo-pass:hover i { background-position: -240px -368px; }
.m-logins .login-con .lo-repass:hover i { background-position: -240px -399px; }
.m-logins .login-con .lo-repass:hover { border-bottom: 1px solid #37bf61; }
.m-logins .login-con .rem-pass { margin-top: -16px; margin-bottom: 44px; border-bottom: 0; }
.m-logins .login-con .rem-pass:hover { border-bottom: 0; }
.m-logins .login-con .rem-pass span { margin-left: 22px; }
.m-logins .login-con .rem-pass i { width: 10px; height: 10px; margin-top: 4px; border: 1px solid #b2b2b2; }
.m-logins .login-con .rem-pass i.on { background-position: -380px -339px; border: 0; }
.m-logins .login-con .rem-pass span:last-child { float: right;}
.m-logins .login-con .rem-pass span:last-child:hover { color: #36b0e5; text-decoration: underline; }
.m-logins .login-sure:hover { background-color: #3980ac; }
.m-logins .login-top p { margin-top: 8px; font-size: 12px; color: #a8a8a8; }

.login-bottom { position:relative; padding:0 52px;}
.login-bottom h2 { display:inline-block; height:52px; line-height:52px; color: #737373; font-size: 14px; font-weight:normal; }

.login-links { position:absolute; left:180px; top:0; display:inline-block; width:52px; height:52px; }
.login-links span { display:block; width: 100%; height: 100%;}
.login-links .QQ { background-position: -133px -471px; }
.login-links .QQ:hover { background-position: -133px -539px; }

.m-logins .return { position: absolute; top: 100px; right: 200px; color: #737373; font-size: 16px; cursor: pointer; }
.m-logins .return span { position: absolute; right: 70px; width: 22px; height: 22px; background-position: -283px -338px; }
.m-logins .return:hover span { background-position: -283px -368px; }
.m-logins .return:hover { color: #37bf61; }

/*註冊頁*/
.m-register p.security-code { position:relative; width: 226px; color: #737373; font-size: 14px; }
.m-register p.security-code input { width: 140px; color: #a8a8a8; margin-left: 22px; }
.m-register p.security-code img { position: absolute; top: 0; right: -170px; }
.m-register p.protocol { margin-top: -16px; border-bottom: 0; }
.m-register p.protocol:hover { border-bottom: 0; }
.m-register p.protocol i { width: 10px; height: 10px; margin-top: 4px; border: 1px solid #b2b2b2; }
.m-register p.protocol i.on { background-position: -380px -339px; border: 0; }
.m-register p.protocol span { margin-left: 22px; }
.m-register p.protocol a { color: #36b0e5; }
.m-register p.protocol a:hover { text-decoration: underline; }
.m-register .login-top { border-bottom: 0; }

/*置頂樣式*/
.top { display: none; position: fixed; bottom: 200px; right: 1%; width: 50px; height: 52px; background-position: -573px -338px; }
.top:hover { background-position: -640px -338px; }

/**/
.img-title { width: 100%; height: 180px; }

/*幫助中心*/
.img-help-bg { background:#3ebd64 url(/newweb4/res/img/img-help-bg.jpg) repeat-x 50% 50%; }
.img-help-bg .w1200 { height:180px; }
.img-help { top:50px; position:absolute; padding-left:100px; width:400px; height:67px; color:#fff; text-align:center; z-index:3}
.img-help p:nth-child(1) { font-size:24px; padding-bottom:20px; }
.img-help p:nth-child(2) { font-size:18px; color:#3FBE65 }
.img-help-icon { position:absolute; bottom:0; width:880px; height:142px; background: url("/newweb4/res/img/img-help-icon.png") no-repeat 0 0; z-index:2 }

/*新聞資訊*/
.img-news-bg { background:#3ca6df url(/newweb4/res/img/img-news-bg.jpg) no-repeat 50% 50%; }
.img-news-bg .w1200 { height:180px; }
.img-news { top:38px; position:absolute; width:500px; height:67px; color:#fff; text-align:center; z-index:3}
.img-news p:nth-child(1) { font-size:24px; padding-bottom:10px; }
.img-news p:nth-child(2) { font-size:18px; }
.img-news-icon1 { position:absolute; left:150px; bottom:0; width:239px; height:120px; background: url("/newweb4/res/img/img-news-icon1.png") no-repeat 0 0; z-index:2 }
.img-news-icon2 { position:absolute; right:150px; bottom:0; width:258px; height:183px; background: url("/newweb4/res/img/img-news-icon2.png") no-repeat 0 0; z-index:2 }
/*服務介紹*/
.img-service-bg { background: url(/newweb4/res/img/img-service-bg.jpg) repeat-x 50% 50%; }
.img-service-bg .w1200 { height:180px; }
.img-service { top:38px; position:absolute; width:500px; height:67px; color:#fff; text-align:center; z-index:3}
.img-service p:nth-child(1) { font-size:24px; padding-bottom:16px; }
.img-service p:nth-child(2) { font-size:18px; color:#233448 }
.img-service-icon { position:absolute; bottom:0; width:1200px; height:165px; background: url("/newweb4/res/img/img-service-icon.png") no-repeat 0 0; z-index:2 }

.m-nav { background-color: #e6e6e6; }
.m-nav .nav-item p { padding: 10px 0; }
.m-nav .nav-item a { display: inline-block; padding:0 20px; height: 20px; line-height: 20px; border-right: 1px solid #b2b2b2; }
.m-nav .nav-item a:last-child { border-right: 0; }
.m-nav .nav-item a span { display: inline-block; padding-bottom: 8px; color: #737373; font-size: 16px; }
.m-nav .nav-item a span:hover { border-bottom: 2px solid #3db1e2; }
.m-nav .nav-item a span.on { border-bottom: 2px solid #3db1e2; }

.m-content { min-height: 460px; color: #737373; }
.m-content h2 { padding-top: 32px; padding-bottom: 10px; font-size: 16px; font-weight:normal; border-bottom: 1px dotted #b2b2b2; }
.m-content h2.on { color: #696969; }
.m-content h3 { padding-top: 32px; padding-bottom: 12px; font-size: 16px; font-weight:normal; color:#4F4F4F }

/*幫助中心
*************************************************************************************
*/
.m-help .help-item li { display: inline-block; }
.m-help .help-item li:last-child { margin-right: 0; }

/*幫助中心新手指南*/
.f-pad-tb-30 { padding:30px 0; }
.help-item-new,.help-item-new dt { clear:both; width:100%; }
.help-item-new { padding-bottom:20px; }
.help-item-new dt { border-bottom:#ddd 1px dashed; padding-bottom:10px; margin-bottom:5px; font-size:15px; color:#3A3A3A }
.help-item-new dd { display:inline-block; width:33%; height:30px; line-height:30px; padding-right:30px; -webkit-box-sizing:border-box; box-sizing:border-box; white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden; }
.help-item-new dd:before { display:inline-block; content:"·"; font-family:sans-serif;}
.help-item-new dd a { color:#606060; }
.help-item-new dd a:hover { color:#2CAEE2; }


/*幫助中心視頻教學*/
.m-help .help-item-video li { width: 380px; margin: 16px 26px 24px 0; }
.m-help .help-item-video .item { border: 1px solid #e0e0e0; }
.m-help .help-item-video .item-top { position: relative; width: 100%; height: 205px; }
.m-help .help-item-video .item-top img { width: 100%; height: 100%; }
.m-help .help-item-video .item-top .video-on { position: absolute; top: 68px; left: 156px; width: 68px; height: 68px; border-radius: 34px; background-color: rgba(0, 0, 0, 0.3); }
.m-help .help-item-video .item-top .video-on p { width: 50px; height: 50px; margin: 9px; border-radius: 25px; background-color: #fff; }
.m-help .help-item-video .item-top .video-on p:before { position: absolute; top: 20px; left: 30px; display: inline-block; content: ''; border: 14px solid #474747; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; }
.m-help .help-item-video .item-bottom { padding: 12px 15px 10px; }
.m-help .help-item-video .item-bottom h3 { font-size: 16px;   height: 30px;line-height: 30px;padding: 0;white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden;}
.m-help .help-item-video .item-bottom p { display:block; height:50px; overflow:hidden; }
.m-help .help-item-video .item-bottom .p-second { width: 260px; height: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.m-help .help-item-video .item-bottom div { position: relative; margin-top: 18px; padding-top: 12px; border-top: 1px dotted #e0e0e0; }
.m-help .help-item-video .item-bottom div i { position: absolute; top: 10px; }
.m-help .help-item-video .item-bottom div .youku i { width: 22px; height: 24px; background-position: -210px -445px; }
.m-help .help-item-video .item-bottom div .tudou i { left: 112px; width: 22px; height: 24px; background-position: -255px -445px; }
.m-help .help-item-video .item-bottom div .tencent i { left: 236px; width: 22px; height: 24px; background-position: -299px -445px; }
.m-help .help-item-video .item-bottom div .youku:hover i { background-position: -210px -488px; }
.m-help .help-item-video .item-bottom div .tudou:hover i { background-position: -254px -488px; }
.m-help .help-item-video .item-bottom div .tencent:hover i { background-position: -299px -488px; }
.m-help .help-item-video .item-bottom div a span { color: #bababa; font-size: 14px; }
.m-help .help-item-video .item-bottom div a:hover span { color: #737373; }
.m-help .help-item-video .item-bottom div .youku span { margin-left: 24px; }
.m-help .help-item-video .item-bottom div .tudou span { margin-left: 52px; }
.m-help .help-item-video .item-bottom div .tencent span { margin-left: 68px; }


/*關於最酷
***************************************************************************************************
*/
.img-about-bg,
.img-operation-bg,
.img-job-bg { background: url(/newweb4/res/img/img-about-bg.jpg) repeat-x 50% 50%; }
.img-about-bg .w1200,
.img-operation-bg .w1200,
.img-job-bg .w1200 { height:180px; }
.img-about { top:55px; position:absolute; width:493px; height:67px; color:#fff; text-align:center; z-index:3 }
.img-about p:nth-child(1) { font-size:24px; padding-bottom:20px; }
.img-about p:nth-child(2) { font-size:18px; color:#35c9d7; }
.img-about-icon{ position:absolute; bottom:0; width:651px; height:153px; background: url("/newweb4/res/img/img-about.png") no-repeat 0 0; z-index:2 }

.img-operation {top:45px; position:absolute; width:493px; height:67px; color:#fff; text-align:center; z-index:3}
.img-operation p:nth-child(1) { font-size:24px; padding-bottom:10px; }
.img-operation p:nth-child(2) { font-size:18px; }
.img-operation-icon1 { position:absolute; left:100px; bottom:0; width:373px; height:171px; background: url("/newweb4/res/img/img-operation-icon1.png") no-repeat 0 0; }
.img-operation-icon2 { position:absolute; right:200px; bottom:0; width:93px; height:138px; background: url("/newweb4/res/img/img-operation-icon2.png") no-repeat 0 0; }

.img-job {top:35px; position:absolute; width:493px; height:67px; color:#fff; text-align:center; z-index:3}
.img-job p:nth-child(1) { font-size:24px; padding-bottom:17px; }
.img-job p:nth-child(2) { font-size:18px; color:#2FC3D1; padding-bottom:10px;}
.img-job p:nth-child(3) { font-size:18px; }
.img-job-icon { position:absolute; background-image:url("/newweb4/res/img/img-job-icon.png"); background-repeat: no-repeat; }
.img-job-icon1 { left:180px; top:0; width:109px; height:153px; background-position:0 0;}
.img-job-icon2 { top:80px; width:220px; height:35px; background-position:-109px 0;}
.img-job-icon3 { right:180px; bottom:20px; width:116px; height:124px; background-position:-109px -35px;}

.m-about { padding-bottom: 110px; }

/*關於我們*/
.m-about .about-intro { padding: 0 30px; padding-bottom: 40px; }
.m-about .about-intro p { font-size: 14px; line-height:1.8; padding-bottom:10px; }
.m-about .about-intro img { max-width:100%; margin-top: 24px; border:#D1D2CD 1px solid; }
.m-about .about-intro .img-us { width: 100%; height: 100%; 
	-webkit-transform: scale(1.0);
	-moz-transform: scale(1.0);
	transform: scale(1.0);
}
.m-about .about-intro p span { margin-right: 230px; }
.m-about .about-intro p .qq-contact { margin-left: 90px; }
.m-about .about-intro p .qq-contact img { margin-top: -6px; }

.addr-links a { padding-right:10px; }

/*商務合作*/
.m-about { margin-bottom: -14px; background-color: #f9f9f9; }
.m-about .about-opera { padding: 0 60px; background: url(/newweb4/res/img/opera-bg.png) center right no-repeat; }
.m-about .about-opera ul { position: relative; }
.m-about .about-opera ul i { position: absolute; top: 39px; left: -18px; display: inline-block; width: 8px; height: 8px; background-color: #3db1e2; }
.m-about .about-opera ul li { font-size: 14px; line-height:1.6 }
.m-about .about-opera table { font-size: 14px; }
.m-about .about-opera table th { position: relative; width: 68px; text-align: left; font-weight:normal;  }
.m-about .about-opera table th span { position: absolute; top: 7px; left: -10px; color: #ff0d36; }
.m-about .about-opera table th p { margin-top: -16px; }
.m-about .about-opera table th p.last { margin-top: -48px; }
.m-about .about-opera table td { width: 300px; }
.m-about .about-opera table td input[type="text"] { width: 300px; height: 22px; padding-left: 24px; padding-right: 24px; border: 1px solid #c5c5c5; margin-bottom: 16px; }
.m-about .about-opera table td.f-pad-b-10 { padding-bottom:20px; }
.m-about .about-opera table td input[type="text"] { width: 312px; height: 22px; padding-left: 14px; padding-right: 14px; border: 1px solid #c5c5c5; margin-bottom: 16px; font-size:12px; }
.m-about .about-opera table td label { display:inline-block; font-size:12px; }
.m-about .about-opera table td label:first-child { padding-right:30px; }
.m-about .about-opera table td input[type="text"]:focus { border: 1px solid #9ed8f1; }
.m-about .about-opera table .type-tit { position: relative; padding-left: 10px; }
/*.m-about .about-opera table .type-tit p { display: inline-block; margin-right: 8px; width: 12px; height: 12px; background-color: #ccc; border-radius: 6px; }
.m-about .about-opera table .type-tit p strong { position: absolute; display: inline-block; margin-top: 3px; margin-left: 3px; width: 6px; height: 6px; background-color: #fff; border-radius: 6px; }
.m-about .about-opera table .type-tit p.on { background-color: #3db1e2; }*/
/*.m-about .about-opera table .type-tit p.tit { margin-left: 36px; }*/
/*.m-about .about-opera table .type-tit input[type="radio"], 
.m-about .about-opera table .type-tit input[type="radio"]:checked{ -webkit-appearance: button; appearance: button; position: absolute; top: 15px; width: 12px; height: 13px;  }
.m-about .about-opera table .type-tit .tits { background-position: -345px -489px; }
.m-about .about-opera table .type-tit input[type="radio"]:checked { background-position: -373px -489px; }
.m-about .about-opera table td input[type="radio"] { margin-top: -10px; }*/
.m-about .about-opera table td textarea { border: 1px solid #c5c5c5; }
.m-about .about-opera table .textarea { padding-bottom: 110px; }
.m-about .about-opera table .textarea textarea { position: absolute; width:865px; padding-left: 14px; padding-top: 10px; }
.m-about .about-opera .submit { margin-top: 30px; margin-left: 90px; margin-bottom: 64px; }
.m-about .about-opera table td .radio-tit { display: inline-block; height: 22px; padding-left: 20px; padding-bottom: 10px; color: #a8a8a8; }

a.btn-hd-upload { display:inline-block; position:absolute; background-color:#a8a8a8; width:70px; height:24px; line-height:24px; font-size:12px; font-style:normal; color:#fff;  text-align:center;}
a.btn-hd-upload:hover { background-color:#737373; color:#fff; }
/*工作機會*/
.m-job { position: relative; }
.m-job .search { margin-top: 34px; font-size: 16px; color: #373737; }
.m-about .about-job .job-title label { position: absolute; width: 42px; height: 42px; background-position: -210px -536px; }
.m-about .about-job .job-title span { display: inline-block; margin: 6px 30px 14px 80px; }
.m-about .about-job .job-title span:last-child { margin-left: 0; }
.m-left-job { position: relative; top: -300px; display: inline-block; width: 20%; font-size: 16px; }
.m-left-job dd { position: relative; cursor: pointer; margin-bottom: 10px; color: #3db1e2; }
.m-left-job dd a { color:#7E7E7E; }
.m-left-job dd a:hover,
.m-left-job dd.on { color: #3db1e2; }
.m-left-job dd.on:before{ position: absolute; top: 7px; left: -16px; display: inline-block; content: ''; border: 4px solid #3db1e2;}

.m-right-job { display: inline-block; width: 74%; font-size: 14px; line-height: 180%; }
.m-right-job div h4 { padding-bottom: 10px; font-weight:normal; }
.m-right-job .job-rb, .m-right-job .job-qu { margin-bottom: 30px; }
.m-right-job .resume { font-size: 16px; }
.m-right-job .resume label { position: absolute; width: 36px; height: 33px; background-position: -274px -536px; }
.m-right-job .resume span { display: inline-block; margin-left: 60px; margin-top: 4px; }


/*新聞資訊
*******************************************************************************************
*/

/*公司新聞*/
.news-bread { position: relative; margin:26px 0; text-align:right; }
.news-bread span { margin-left: 6px; }
.news-bread a { margin-left: 6px; color: #737373; }
.news-bread a:hover { color: #37b0e5; }
.news-bread i { position: relative; top: 1px; display:inline-block; width: 13px; height: 12px; background-position: -344px -448px; }

.news-center { text-align: center; }
.news-time { margin-bottom: 38px; color: #a8a8a8; }
.news-text { margin-top: 28px; margin-bottom: 30px; font-size: 14px; }
.news-tips { padding-top: 24px; padding-bottom: 60px; border-top: 1px dotted #d8d8d8; }
.news-tips p { display: inline-block; }
.news-tips p:last-child { margin-left: 504px; }
.news-tips p a { color: #737373; }
.news-tips p a:hover { color: #37b0e5; }

.news-list { padding: 30px 0 0; }
.news-list li { position: relative; display: inline-block; width: 288px; height: 298px; border: 1px solid #eae8e8; margin-right: 8px; margin-bottom: 25px;   -webkit-box-shadow: 0 1px 3px rgba(195,195,195,0.35);
  -moz-box-shadow: 0 1px 3px rgba(195,195,195,0.35);
  box-shadow: 0 1px 3px rgba(195,195,195,0.35);}
.news-list li img { width:288px; height:236px; }
.news-list li:nth-child(4n) { margin-right: 0; }
.news-item .news-bottom { display: block; padding: 10px 12px 0 12px; font-size: 14px; }
.news-item .news-bottom p { width: 264px; height: 18px; white-space:nowrap;word-wrap:normal;text-overflow:ellipsis;overflow:hidden; padding-bottom:6px; }
.news-item .news-bottom p.date { color:#BDBDBD }
.news-item-hover { position: absolute; top: 0; left:0; width:100%; height:298px; background-color: rgba(12,12,12,0.8); color: #fff; z-index: 1; }
.news-item-hover h4 { font-size: 14px;  }
.news-item-hover span { display: block; padding-bottom: 30px; }
.news-item-hover a { display: block; width:100%; color: #fff; padding: 52px 22px 65px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.news-item-hover a:hover { color: #fff; }
.news-item-hover p.news-hover-intro { height: 80px; overflow: hidden; line-height: 1.6;}
.news-item-hover p.news-hover-more { padding-top: 20px;text-align: right;}

.news img { max-width:100%; }
/*數據報告*/
.data-list { padding: 30px 0 0px; }
.data-list li { position: relative; display: inline-block; width: 378px; height: 206px; border: 1px solid #eae8e8; margin-right: 26px; margin-bottom: 28px; -webkit-box-shadow: 0 1px 3px rgba(195,195,195,0.35);
  -moz-box-shadow: 0 1px 3px rgba(195,195,195,0.35);
  box-shadow: 0 1px 3px rgba(195,195,195,0.35);}
.data-list li:hover { -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
.data-list li:nth-child(3n) { margin-right: 0; }
.data-list li a { color:#737373; }
.data-list li a p { color:#A8A8A8; }
.data-list li img { display:inline-block; width:160px; height:206px; }
.data-tit {position: absolute;left: 175px;top: 15px; width: 190px;}
.data-tit h4 { font-weight: normal;font-size: 14px;height: 40px;overflow: hidden; margin-bottom:12px;}
.data-intro { height: 50px; margin-bottom:40px; overflow: hidden;}

/*服務介紹*/
.service-tit1 { padding-bottom:50px; text-align:center; color:#737373 }
.service-tit1 h1 { font-size:22px; font-weight:normal; padding-bottom:15px; }
.service-tit1 p { font-size:15px; }
.m-sintro1 { height:536px; background:#EDEDED url("/newweb4/res/img/service-intro1.jpg") no-repeat 50% 50%;}
.sintro1-icon { width:796px; height:370px; margin:0 auto; background: url("/newweb4/res/img/service-intro1-icon.png") no-repeat 50% 50% ;}
.m-price1 {}
.sintro1-price { width:1196px; height:802px; margin:0 auto; background: url("/newweb4/res/img/service-price-icon.jpg") no-repeat 50% 50% ; }
.service-txt1 { width:1200px; margin:30px auto; }
.service-txt1 p { font-size:14px; line-height:1.8; color:#737373}
a.btn-service-list { margin:20px auto; display:block; width:180px; height:40px; line-height:40px; text-align:center; color:#5A5A5A; font-size:14px; border:#989898 1px solid; border-radius:10px; }
a.btn-service-list:hover { border:#3DB1E2 1px solid; background-color:#3DB1E2; color:#fff; }

.m-service .service-intro ul { margin: 0 auto; margin-top: 50px; margin-bottom: 72px; text-align:center; }
.m-service .service-intro li { display: inline-block; width: 182px; height: 190px; margin-right: 87px; }
.m-service .service-intro li:nth-child(4n) { margin-right: 0; }
.m-service .service-intro li p { padding-top: 20px; text-align: center; font-size: 14px; }
.m-service .stable { width: 100%; margin: 0 auto; border-left: 1px solid #d5d5d5; font-size: 14px; }
.m-service .stable tr { border-bottom: 1px solid #d5d5d5; }
.m-service .stable .t-price { font-size: 18px; }
.m-service .stable tr { border-bottom: 1px solid #d5d5d5; }
.m-service .stable .t-bg-sblue { background-color: #f7fbff; }
.m-service .stable td, .m-service .stable th { padding-top: 6px; padding-bottom: 6px; border-right: 1px solid #d5d5d5; border-bottom: 1px solid #d5d5d5; text-align: center;}
.m-service .stable .t-top8-blue { border-top: 8px solid #5ac7f8; }
.m-service .stable img { -webkit-box-sizing: border-box; box-sizing: border-box; max-width: 100%; height: auto; vertical-align: middle; border: 0;}
.m-service .stable .t-top8-green { border-top: 8px solid #1bd1a3; color: #1bd1a3; font-size: 22px; font-weight: 500; }
.m-service .stable .t-top8-red { border-top: 8px solid #f9857c; color: #f9857c; font-size: 22px; font-weight: 500; }
.m-service .stable .t-price td:nth-child(1) p, .m-service .stable .t-price td:nth-child(2) p { color: #1bd1a3; }
.m-service .stable .t-price td:nth-child(3) p { color: #fac448; }
.m-service .stable .t-price td:nth-child(4) p { color: #f9857c; }
.m-service .stable .t-tl { text-align: left !important; padding-left: 12px; }
.m-service .stable td em { display: inline-block; width: 20px; height: 20px; margin: 0 auto; }
.m-service .stable td em.ok { background: url(/newweb4/res/img/fail.png) no-repeat 0 0; background-size: 20px 20px; }
.m-service .stable td em.no { background: url(/newweb4/res/img/pass.png) no-repeat 0 0; background-size: 20px 20px; }
.m-service .stable .f-txt-blue { color: #00a0e9; }
.m-service .stable-txt {padding-bottom: 60px; font-size: 14px; }
.m-service .stable-txt p { line-height: 180%; }

/*pmm*/
.sview-back { left:570px; top:42px; display:block; height:30px; line-height:30px; padding-left:30px; color:#6C6C6C; font-size:16px; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVCAYAAABCIB6VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NGJlZDBkNC0zMTNkLTQwNzYtODJiOS1jMTAwMGUxZWM1N2QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Qjg4NEY1MzE0NTlEMTFFNThEQjU4NEU1NDBBMTZBRjEiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Qjg4NEY1MzA0NTlEMTFFNThEQjU4NEU1NDBBMTZBRjEiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzViMjg2NDctOGE5OS04MzRjLWJmMGMtNjg4N2UxNmNkMmEyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0YmVkMGQ0LTMxM2QtNDA3Ni04MmI5LWMxMDAwZTFlYzU3ZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PnO3e00AAAJOSURBVHjahJVNSFRRGIbHHOh3UaT0a5siMNBMJKJF5ohBUAlFBQXiwgwlKBuMcq8RFhT0Z5siyKIiE5ISa6ptq8aFqasooaSfCcswR7P3g+fC6XrnzgfPXM6933nvud95zzc58Xg8kiGWiUOiShQzthgV/aJPdDKeFdGAe0vEGXFMzHfuf+W6CnaKVnFZnBUpV2SOT3SzSIpmMS2uiEpekA9zRUxcEmlyk8wNFN4oEqJAPBXrWbXdm3DyJsVLcUKsEw+Zk6Bk/wlb/Z6IheKi2CU+RbLHF3FAnGduj7cXnnCbWC0eiZPib8BexHw192JGnBL30WjzhAtFrfgpGkl0Yx4vfCFOZ1i5zTkuxtAqNOEaXnAzwDqL+Lzd4rO4G1IWe96BVo39bOfB4wDb9VGC92KbGMxS8y6ulVa7NQySTsJy8QynzLCxezOITYkH4oOjsdaE8xh8d5KPImqRg+3CwmzXIH57XxvlRK0US8U3HlwV1WITK77GioIijSMiWM4iFWWCCZeJXsefMTZuK77eIYayrLyE67Bt3isG+3xJPxB7zj68FhuyCHsaCRO+zYGwTrbClzjOars5UftDRBeLOkp3x4TfiVvU5zqb5cYfVlIhzoUIWw8ZoDkNeEe6RYyIPXS0XN+kaUo2ESJsjtgimtxeMconj2ObXsffYWE595yDEdg2kzjhIz14kCNa4djIYoEoFzfIOYjnc8Ma/RuS2hnX02d/cYDG+CoryxHmXxCllCv0rylFG7QJh/nPK8IVaXz/lhd24vlZ8U+AAQCn2YgXXunIMgAAAABJRU5ErkJggg==") no-repeat 0 50%;}
.sview-back:hover { color:#37bf61; background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAVCAYAAABCIB6VAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA3ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NTc3MiwgMjAxNC8wMS8xMy0xOTo0NDowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1NGJlZDBkNC0zMTNkLTQwNzYtODJiOS1jMTAwMGUxZWM1N2QiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUUyOTcwNUU0NTlEMTFFNUEwMDM5MkJDNDJFNjk0MjMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUUyOTcwNUQ0NTlEMTFFNUEwMDM5MkJDNDJFNjk0MjMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTQgKFdpbmRvd3MpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NzViMjg2NDctOGE5OS04MzRjLWJmMGMtNjg4N2UxNmNkMmEyIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU0YmVkMGQ0LTMxM2QtNDA3Ni04MmI5LWMxMDAwZTFlYzU3ZCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvwbtIgAAAJMSURBVHjapJXbS1RRFIdnbCDLHoqUshuBERiUGpHQQ5eRgsAIFAsMpEDpQqAIRv0BGWJBQRerhyLQQqULJFnWaK/RQ9NDt6eohwqrEbtQTma/Bd+B3fHMGcEF3+zZ56z9O/ustfY60fLBfZEMtkDUiq1iDXOzT+K5GBBdzCdZLODaPHFMHBaznOufGRfDdnFcnBUnRMoVyfGJrhdJ0SLGxTlRwQMKYKaIizMijW+StYHCJSIhlop7YiW7tmu/HL8xMSiaxArRy5oEIftP2OJ3V+SJ06JSfIhkt2GxS5xkbZ+XC0+4VSwRN0Wz+BuQi7gv5p5NiCOiG41WT7hY7BXfxCEcXcvlgY/E0Qw7tzWNYhStYhOu4wFXAkpnDq+3Q3wU10PCYvcvolVnP5u5cTug7AYIwVuxUbzKEvNbjBUWu2VMko7DQtFPpUyQ2KoMYn9Ej3jnaBSZcD6Tr47zfkTNopRdmFnZHRQ/vbeNcaIWifniCzfOi52ijB1fYEdBlqYiIpScWSrGAhNeJ+479RkncRuo623idZadlzK+seQNMan2OY0g9pA8PBarsgh7GgkTvsaBsE5W6HP8wW7vcKJqQkTninpC12nCL8VV4tNBslz7zU62iLYQ4TG0rDm9iNKPbTdPOZIdVMF4ZBqW4zTvSl79gHgglk9hvcX+hnMwAttmkkp4z2gVcJn/eY7fbLFJXOIk7qbmZ4Q1+ic4tROKeprPdw7QKG9lldTA+lNirT90QZ+mFG3QFuzhm7eaPKSp+2c09i5qfpL9E2AAGzyG058VckEAAAAASUVORK5CYII=") no-repeat 0 50%;}

/*btn*/
.btn{display:inline-block; box-sizing:border-box; padding:4px 12px;margin-bottom:0;font-size:14px;font-weight:normal;line-height:1.42857143;text-align:center;white-space:nowrap;-ms-touch-action:manipulation;touch-action:manipulation;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-image:none;border:1px solid transparent;border-radius:6px}
.btn:focus,.btn:active:focus,.btn.active:focus,.btn.focus,.btn:active.focus,.btn.active.focus{outline:thin dotted;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.btn:hover,.btn:focus,.btn.focus{color:#333;text-decoration:none}
.btn:active,.btn.active{background-image:none;outline:0;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,.125);box-shadow:inset 0 3px 5px rgba(0,0,0,.125)}
.btn.disabled,.btn[disabled],fieldset[disabled] .btn{pointer-events:none;cursor:not-allowed;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none;opacity:.65}
.btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}
.btn-primary:hover,.btn-primary:focus,.btn-primary.focus,.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{color:#fff;background-color:#3071a9;border-color:#285e8e}
.btn-primary:active,.btn-primary.active,.open>.dropdown-toggle.btn-primary{background-image:none}
.btn-primary .badge{color:#428bca;background-color:#fff}
/*u-page---後&page*/
.show-page{ width:962px; padding:20px 0 60px 0 !important; }
.design-page { width:100%; padding:20px 0 60px 0 !important; }

.u-page { text-align: center; padding:15px 0;}
.u-page a,.u-page span { display:inline-block; height: 32px; line-height: 32px; padding: 0 12px; margin-right: 3px; border: 1px solid #d6d6d6; background-color:#fff; border-radius: 4px; color: #666; vertical-align: middle; }
.u-page span { padding: 0 5px; border: none; }
.u-page input { width: 10px; padding: 10px 12px; }
.u-page a:hover,.u-page a.on { text-decoration: none; background-color:#3a8bd0; color: #fff !important; }