@CHARSET "UTF-8";

body{ padding-top:0px; padding-bottom:30px; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale } #wrapper{ width:1420px; max-width:100%; margin:60px auto; } #content{ max-width:100%; padding:0 20px; } section{ padding-top:0px; margin-top:0px; }.navbar{ background-color:#fff; color:#555; } .navbar span.navbar-brand{ letter-spacing:-0.04em; color:#ffea00; font-weight:bold; } .navbar span.navbar-brand:hover{ color:#ffea00; } .navbar span.navbar-brand .glyphicon{ font-weight:normal; }.navbar .nav li.active a,.navbar .nav li.active a:hover,.navbar .nav li a:hover{ color:#0588e3; }.navbar-header .navbar-toggle .icon-bar{ background-color:#2e3332; }.navbar-header .navbar-toggle{ border-color:#fff; background-color:#fff; }.navbar-header .navbar-toggle:hover,.navbar-header .navbar-toggle:focus{ border-color:#fff; background-color:#fff; }.jumbotron{ background-image:url('/images/smb-teams-marquee-1440x598.jpg'); background-color:#ffea00; color:#fff; background-size:cover; background-position:50% 50%; }.jumbotron h1{ font-size:80px; font-weight:bold; letter-spacing:-0.06em; }.jumbotron h3{ font-size:30px; font-weight:bold; letter-spacing:-0.04em; margin-top:0; margin-bottom:30px; }.jumbotron h3 a{color:#000; text-decoration:none; }.jumbotron .desc{ margin-bottom:30px; }.jumbotron .desc a{color:#000; text-decoration:underline; }.jumbotron span.fork{ width:7px; overflow:hidden; }.btn .fa{ margin-right:2px; }.btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{ background-color:#f7f5ed; }.btn-primary{ color:#ffea00; background-color:#000; border-color:#000; }.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{ color:#ffea00; background-color:#222; border-color:#222; }.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{ background-image:none; }.btn-outline{ color:#fff; background-color:transparent; border-color:#fff; }.btn-outline:hover,.btn-outline:focus,.btn-outline:active{ color:#ffea00; background-color:#000; border-color:#000; }.feature{ margin-bottom:30px; }.feature:last-child{ margin-bottom:0; }.feature h4 .fa:before{ vertical-align:-10%; font-size:28px; display:inline-block; width:1.0714285714285714em; text-align:center; margin-right:5px; }#how-to-use h3{margin-top:40px; line-height:1.5; }#how-to-use p{ margin-bottom:20px; }#how-to-use ol,#how-to-use ul{ margin-bottom:20px }#how-to-use ol li,#how-to-use ul li{ margin-bottom:0.5em; }table.table-striped>tbody>tr:nth-child(odd)>td,table.table-striped>tbody>tr:nth-child(odd)>th{ background-color:#f7f5ed; }table.table-bordered tr:nth-child(odd) td{ background-color:#f7f5ed; }table.focus-on tbody tr.focused th,table.focus-on tfoot tr.focused th,table.focus-on tbody tr.focused td,table.focus-on tfoot tr.focused td{ background-color:#ffea00; color:#000; }.no-touch .dropdown-menu>.checkbox-row:hover,.no-touch .dropdown-menu>.checkbox-row:active{ text-decoration:none; color:#262626; background-color:#f7f5ed; }@media screen and (max-width:767px){.page-header h1{ font-size:32px; }.page-header small{ font-size:12px; }.jumbotron{ padding-left:10px; padding-right:10px; padding-top:15px; }.jumbotron h1{ font-size:50px; }.jumbotron h3{ font-size:25px; }.jumbotron .desc{ font-size:16px; }.jumbotron #download-btn,.jumbotron #fork-btn{ margin-bottom:12px; }}@media screen and (max-width:320px){.jumbotron h3{ font-size:23px; }.jumbotron .desc{ font-size:15px; }#download-btn,#fork-btn{ width:100%; }}pre{ margin-bottom:20px; }pre,code{color:#ffea00; background-color:#000; }.callout{ margin:20px 0; padding:20px; border-left:3px solid #eee; }.callout-warning{ background-color:#f7f5ed; border-color:#ffea00; }

ul li { list-style-type:none; }
.footer { width:100%; padding:15px; height:auto; overflow:hidden; vertical-align:middle; font-size:24px; background:#292929; color:#e6e7f2; }

#copyright { display:block; }
#copyright2 { display:none; }

@media (max-width:1000px){
	.navbar-collapse { background-color:#fff; }
	.row .b1 { width:100%; }
	.footer { padding:10px; }	
}

.row .b1 { max-width:1000px; margin:0px auto 0;  }

@media (max-width:1000px){
	.row .b1 { width:100%; }
	#tb { width:100%; }
}

@media (min-width:1000px){

	#tb { max-width:1000px; }
}

@media (max-width:1000px){
	
  #copyright { width:100% !important; }
}

.mainNavi { width:100%; max-width:1000px; margin:0 auto; overflow:hidden; padding:0; }
.mainNavi li { float:left; width:25%;  max-width:243px; cursor:pointer; }
.mainNavi li img { width:100%; max-width:243px; }

.mainNavi li.ov img.over { display:none; }
.mainNavi li.ov:hover img { display:none;}
.mainNavi li.ov:hover img.over{ display:block; width:100%;  }

.mainNavi2 { width:100%; max-width:1000px; margin:0 auto; overflow:hidden; padding:0; }
.mainNavi2 li { float:left; width:33.3%;  max-width:324px; cursor:pointer; }
.mainNavi2 li img { width:100%; max-width:324px; }

.mainNavi2 li.ov img.over { display:none; }
.mainNavi2 li.ov:hover img { display:none;}
.mainNavi2 li.ov:hover img.over{ display:block; width:100%;  }

.mainNavi3 { width:100%; max-width:1000px; margin:0 auto; overflow:hidden; padding:0; }
.mainNavi3 li { float:left; width:33.3%;  max-width:324px; cursor:pointer; }
.mainNavi3 li img { width:100%; max-width:324px; }

.mainNavi3 li.ov img.over { display:none; }
.mainNavi3 li.ov:hover img { display:none;}
.mainNavi3 li.ov:hover img.over{ display:block; width:100%;  }

table.view { width:100%; max-width:1000px; border-bottom:1px solid #B2B2B2; color:#424242; margin-top:20px; }
table.view td { line-height:1.5; padding:10px; }
table.view tr.tit_header td { height:35px; border-bottom:2px dotted #B2B2B2; font-size:16px; font-weight:bold; }

table.view tr.tit_header td.contents { padding:20px 10px; }
table.view tr.tit_header td.date { font-size:13px; font-weight:normal; text-align:right; color:#B2B2B2; }
table.view tr.tit_header td.count { font-size:13px; text-align:right; }

a:link { text-decoration:none; }
.allow { width:100%; max-width:1000px; margin:25px auto 35px; text-align:center; }
.allow span { cursor:pointer; }

table.infotable { width:100%; }
table.infotable th { font-weight:normal; color:#606060; background-color:#E7F5FF; text-align:center; height:35px; border:1px solid #d0d0d0; border-top:1px solid #72C6F4; }
table.infotable th:first-child {border-left:none; }
table.infotable th:last-child {border-right:none; }
table.infotable td { text-align:right; height:30px; border:1px solid #d0d0d0; padding-right:10px; }
table.infotable td:first-child { text-align:left; border-left:none; padding-left:10px; }
table.infotable td:last-child { border-right:none; }
table.infotable td.c0 { text-align:center; padding:0px; }

table.infotable td.sub1 { padding-left:20px; }
table.infotable td.sub2 { padding-left:30px; }

#webMain { display:block; }
#webCon { display:block; }
#mobileMain { display:none; }

.navbar-nav li { position:relative; }

.pagelist {width:100%; max-width:1000px; margin:20px auto 30px; text-align:center; }

.submenu1 { position:absolute; top:80px; left:15px; background-color:#0c75c5; color:white; display:none; }
.submenu1 li { cursor:pointer; width:150px; padding:8px 0 8px 15px; }
.submenu1 li:hover { background-color:#0062ad; }

.submenu2 { position:absolute; top:80px; left:-5px; background-color:#0c75c5; color:white; display:none; }
.submenu2 li { cursor:pointer; width:150px; padding:8px 0 8px 15px; }
.submenu2 li:hover { background-color:#0062ad; }

.submenu3 { position:absolute; top:80px; left:-15px; background-color:#0c75c5; color:white; display:none; }
.submenu3 li { cursor:pointer; width:150px; padding:8px 0 8px 15px; }
.submenu3 li:hover { background-color:#0062ad; }

.submenu4 { position:absolute; top:80px; left:-12px; background-color:#0c75c5; color:white; display:none; }
.submenu4 li { cursor:pointer; width:150px; padding:8px 0 8px 15px; }
.submenu4 li:hover { background-color:#0062ad; }

.navbar-nav li.m1:hover .submenu1{ display:block; }
.navbar-nav li.m2:hover .submenu2{ display:block; }
.navbar-nav li.m3:hover .submenu3{ display:block; }
.navbar-nav li.m4:hover .submenu4{ display:block; }

.navbar-nav li.m1-sub { display:none; padding:0px 30px 0 30px;; } 
.navbar-nav li.m1-sub:hover { background-color:#0c75c5; color:#fff; cursor:pointer; } 
.navbar-nav li.m2-sub { display:none; padding:0px 30px 0 30px; }
.navbar-nav li.m2-sub:hover { background-color:#0c75c5; color:#fff; cursor:pointer; }
.navbar-nav li.m3-sub { display:none; padding:0px 30px 0 30px; }
.navbar-nav li.m3-sub:hover { background-color:#0c75c5; color:#fff; cursor:pointer; }
.navbar-nav li.m4-sub { display:none; padding:0px 30px 0 30px; }
.navbar-nav li.m4-sub:hover { background-color:#0c75c5; color:#fff; cursor:pointer; }

.navbar-nav li.tel {padding:0px 0px 0px 20px; }

#webWelmarket { display:block; }
#mobileWelmarket { display:none; }

@media (max-width:768px){
	table.infotable th { font-size:10px; }
	table.infotable td  { font-size:10px; padding-right:5px; }
	table.infotable td:first-child { padding:0; padding-left:5px; }
	
	#copyright { display:none; }
	#copyright2 { display:block; }
	#address { font-size:12px !important; }

	.custom-navigation { display:none !important; }
	
	#Enterprise {margin-top:-80px !important; background:none !important; }
	#webMain { display:none; }
	#webCon { display:none; }
	#mobileMain { display:block; }
	

	.row { margin:0px auto 0px; }
	.row .b1 { margin:20px auto 0;  }


	.navbar-nav li.m1:hover a { background-color:#2aa2e0; color:#fff !important; }
	.navbar-nav li.m2:hover a { background-color:#2aa2e0; color:#fff !important; }
	.navbar-nav li.m3:hover a { background-color:#2aa2e0; color:#fff !important; }
	.navbar-nav li.m4:hover a { background-color:#2aa2e0; color:#fff !important; }

	.navbar-nav li.m1:hover .submenu1{ display:none; }
	.navbar-nav li.m2:hover .submenu2{ display:none; }
	.navbar-nav li.m3:hover .submenu3{ display:none; }
	.navbar-nav li.m4:hover .submenu4{ display:none; }

	.navbar-nav li.m1-sub { display:block; }
	.navbar-nav li.m2-sub { display:block; }
	.navbar-nav li.m3-sub { display:block; }
	.navbar-nav li.m4-sub { display:block; }

	#webWelmarket { display:none; }
	#mobileWelmarket { display:block; }
	
	.viewImg { width:100%; max-width:768px; }
}


table.admin { width:100%;max-width:1000px; margin:15px auto 0; }
table.admin th { font-weight:normal; color:#fff; background-color:#00A0E9;  border:1px solid #00A0E9; text-align:center; height:35px; font-weight:bold; }
table.admin td { height:30px; border:1px solid #d0d0d0; padding-right:10px; text-align:center; }

.util{ background:#fff; padding:0; }
.util > div{ max-width:960px; margin:auto; overflow:hidden; }
.util .link{ float:right; }
.util .link a{ float:left; padding:5px 0px; border-left:1px solid #e2e2e2; text-align:center; width:77px; }
.util .link a:hover,
.util .link a.current{ background:#e0002a; color:#fff; }
.util .link a > span{ display:inline-block; height:19px; padding:0; font-size:12px; line-height:19px; color:#333; }
.util .link a:hover > span,
.util .link a.current span{ color:#fff; }
.util .link .language{ font-size:12px; line-height:19px; background:#999; color:#fff; }
.util .link .language:hover,
.util .link .language:focus{ background:#888; }