/*
 * iweb51 - RWD system type-00
 * http://www.iweb51.apseo.com.tw/
 *
 * Copyright 2015, evelyn wang
 * 
 * 
 * September 2015
 */


/* +header
*----------------------------------------------------------------------------*/
header #top-nav {
	padding: 10px 0;
	width: 100%;
	border-bottom: 1px #cfcfcf solid;
	text-align: right;
	font-size: 13px;
}

header #top-nav a:after {
	display: inline-block;
    content: "．";
    font-size: 12px;
    padding: 0 4px;
}

header #top-nav a.language:after ,
header #top-nav a.community:after {
	content: "";
}

header #top-nav a.community i {
	width: 20px;
	height: 20px;
	background: #dbdbdb;
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	line-height: 22px;
	font-size: 15px;
	color: #454545;
}

/**
*
* =cis
*
**/
header #cis {
	width: 100%;
	background: #454545;
	text-align: center;
}

header #cis h2 {
	text-align: center;
}

/**
*
* =header nav
*
**/
header .nav-func {
	display: none;
	margin: 10px auto;
	width: 30px;
	height: 30px;
	text-align: center;
	line-height: 30px;
	font-size: 24px;
}

header .menu {
	margin-top: 10px;
}

header .menu ul {
	height: 60px;
	border-bottom: 1px #ccc solid;
}

header .menu ul li {
	width: 12.5%;
	float: left;
	position: relative;
}

header .menu ul li a {
	padding: 0 10px 10px;
	display: block;
	text-align: center;
	font-size: 16px;
	color: #454545;
}

header .menu ul li a span {
	display: block;
	text-align: center;
	line-height: 25px;
	font-size: 13px;
	color: #bbb;
}

header .menu ul li ul.subnav {
	position: absolute;
	margin-top: 5px;
	background: rgba(255,255,255,0.7);
	border: none;
	top: 55px;
	left: 0; 
	overflow: hidden;
	width: 145px;
	height: auto;
	z-index: 50;
}

header .menu ul li ul.subnav li {
	width: 100%;
	float: none;
	line-height: 35px;
}

header .menu ul li ul.subnav li a {
	padding: 0;
	font-size: 14px;
	color: #9b9b9b;
}


/* +gotop
*----------------------------------------------------------------------------*/
#gotop {
	display: none;
	position: fixed;
	bottom: 2%;
	right: 20px;
	width: 43px;
	height: 43px;
	background: url(../../images/totop.png) no-repeat 0 0 #848484;
	border-radius: 500px;
	text-indent: -100000px;
}


/* +footer
*----------------------------------------------------------------------------*/
footer {
	background: #454545;
}

footer .row {
	padding-right: 15px;
	width: 31.46%;
	border-left: 1px #707070 solid;
	border-right: 1px #1e1e1e solid;
	float: left;
}

footer .row:nth-child(even) {
	padding-left: 15px;
}

footer .row:first-child {
	border-left: none;
}

footer .row:last-child {
	padding: 0 0 0 15px;
	border-right: none;
}

/**
*
* =footer-cis
*
**/
footer .row #footer-cis {
	margin: 0 0 15px 15px;
}

footer .row #footer-cis img {
	width: 100%;
}

/**
*
* =footer-qrcode
*
**/
footer .row #footer-qrcode {
	margin: 0 0 15px 15px;
}

footer .row #footer-qrcode img {
	max-width: 250px;
}

/**
*
* =footer info
*
**/
footer .row p {
	margin-left: 15px;
	line-height: 25px;
	color: #fff;
}

footer .row p strong {
	font-size: 18px;
}

footer .row p a {
	color: #fff;
}

/**
*
* =info
*
**/
footer .row .info {
	margin: 10px 0 0 15px;
	font-size: 12px;
}

footer .row .info a {
	color: #ccc;
}

/**
*
* =copy
*
**/
footer .row .copy {
	margin: 10px 0 0 15px;
	font-size: 12px;
	color: #ccc;
}

/**
*
* =footer nav
*
**/
footer .row ul {
	margin-top: 100px;
}

footer .row ul li {
	line-height: 35px;
	font-size: 18px;
}

footer .row ul li a {
	color: #fff;
}

/**
*
* =community
*
**/
footer .row #community {
	margin-top: 20px;
}

footer .row #community ul {
	margin: 0;
	overflow: hidden;
}

footer .row #community ul li {
	float: left;
}

/**
*
* =fb-wrap
*
**/
footer .row #fb-wrap {
	margin: 100px 0 0 15px;
	padding: 0;
	width: auto;
}

footer .row #fb-wrap .fb-page {
	width: 100%;
}

/**
*
* =g-map
*
**/
footer .row #g-map {
	margin: 20px 0 0 15px;
	padding: 0;
	width: auto;
}

footer .row #g-map iframe {
	width: 100%;
	height: 250px;
}

/**
*
* =webSeo
*
**/
footer #webSeo {
	margin: 0 10px;
	padding-top: 20px;
	clear: both;
	overflow: hidden;
	font-size: 12px;
	color: #fff;
}


/* +phoneWrap
*----------------------------------------------------------------------------*/
.phoneWrap {
	position: fixed;
	bottom: 20px;
	z-index: 999999999999999;
	left: 45%;
}

.phoneWrap ul {
	overflow: hidden;
}

.phoneWrap ul li {
	margin: 0 10px;
	float: left;
}

.phoneWrap ul li a {
	padding: 10px 15px 10px 30px;
	background: url(../../images/phone.png) #dd5842 8px 10px no-repeat;
	background-size: 20px;
	border-radius: 5px;
	display: inline-block;
	color: #fff;
}

.phoneWrap ul li.line a {
	background: url(../../images/lineicon.png) #00C300 -4px 0px no-repeat;
	background-size: 40px;
}