@charset "utf-8";
/* 簡單流變媒體
   注意: 流變媒體要求您必須移除 HTML 中媒體的高度和寬度屬性
   http://www.alistapart.com/articles/fluid-images/
*/
/*img, object, embed, video {
	max-width: 100%;
}*/
/* IE 6 不支援最大寬度，因此寬度預設為 100% */
.ie6 img {
	width:100%;
}

/*
	Dreamweaver 流變格線屬性
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;

	靈感來自於 Ethan Marcotte 的「具回應功能的網頁設計」
	http://www.alistapart.com/articles/responsive-web-design

	以及 Joni Korpi 的「黃金格線系統」
	http://goldengridsystem.com/
*/


/*色彩統一紀錄處

藍色:	#2abed8;	#06C;	ex外框#16A0E8;
橘色:	#F60;
紅色:	#F00;
綠色:	#58ae0b;	#339933;
紫色:	#9488FB;
黃色:	#FC0;

表格背景顏色:	  	background-color: #f6f6f6;
表格hover顏色:	background-color: #FFC;
*/

/*
按鈕hover統一用
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	text-decoration: none;
*/


/*fly統一CSS地方*/
body{
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	font-family:  "微軟正黑體";
	font-size: 16px;
	line-height: 1.6em;
}
#main{
	margin: -5px auto  0px auto;
	padding: 0px 10px ;
	width: 960px;
	background-color: #FFF;
	-moz-box-shadow: 0px  2px  16px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0px  2px  16px  rgba(0,0,0,0.5);
	box-shadow: 0px  2px  16px  rgba(0,0,0,0.5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
*{
    max-height: 999999px;
}
a{
	color: #06C;
	text-decoration: none;
}
a:hover{
	color: #16A0E8;
	text-decoration: underline;
}
table{
	border-radius: 5px;
	margin:0px auto;
}
table tr td{
	padding: 5px;
	height: 36px;
	vertical-align: middle;
	line-height: 1.6em;

}
table th{
	padding: 3px 0px;
	height: 40px;
	color: #FFF;
	background-color: #F60;
	vertical-align: middle;
	font-weight: bold;
}

h1{
	font-size: 24px;
	font-weight: bold;
}
h2{
	font-size: 20px;
	font-weight: bold;
}
h3{
	font-size: 18px;
	font-weight: bold;
}
h4{
	font-size: 16px;
	font-weight: bold;
}

input{
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 14px;
}
input.upload{
	border: 0px solid #ccc;
}

.inputfocus{
	border: 1px solid #12A1E5;
	box-shadow:0px 0px 4px rgba(61, 175, 227, 0.78);
}

select{
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 14px;
}
textarea{
	border-radius: 5px;
	border: 1px solid #ccc;
	padding: 3px;
	font-size: 14px;
}
span.note{
	font-size: 14px;
	color: #06C;
	float: left;
}


.red{
	color:#F00;
}
.blue{
	color:#16A0E8;
}
col.gray{
	background:#f6f6f6;
}
.bold{
	font-weight: bold;
}
.black{
	color:#000;
}
.orange{
	color:#F60;
}
.green{
	color:#58ae0b;
}
span.gray{
	color: #666;
}
span.bg{
	background-color: #FFC;
}

/*下方HEADER開始*/

header{
	padding-top: 5px;
}

#logo{
	width: 212px;
	height: 70px;
	float: left;
	margin: 20px 0px 0px 2px;
}
nav#top_menu{
	float: left;
}
nav#top_menu ul{
	overflow: auto;
}
nav#top_menu li{
	width: 75px;
	float: left;
}

nav#top_menu li a{
	color: #000;
	width: 75px;
	text-align: center;
	background-image: url(../images/nav_icon.png);
	background-repeat: no-repeat;
	padding: 68px 0px 10px 0px;
	display: block;
	background-position: 0px 6px;
}
nav#top_menu li a:hover{
	background-color: #1EA0EB;
	color: #FFF;
	text-decoration: none;
	background-position: 0px -103px;
	/*-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;*/
}
nav#top_menu li a.n01.active{
	background-position: 0px -103px;
	background-color: #1EA0EB;
	color: #FFF;
}

nav#top_menu li a.n02{
	background-position: -75px 6px;
}

nav#top_menu li a.n02:hover{
	background-position: -75px -105px;
}
nav#top_menu li a.n02.active{
	background-position: -75px -105px;
	background-color: #1EA0EB;
	color: #FFF;
}

nav#top_menu li a.n03{
	background-position: -150px 6px;
}
nav#top_menu li a.n03:hover{
	background-position: -150px -105px;
}
nav#top_menu li a.n03.active{
	background-position: -150px -105px;
	background-color: #1EA0EB;
	color: #FFF;
}

nav#top_menu li a.n04{
	background-position: -225px 6px;
}
nav#top_menu li a.n04:hover{
	background-position: -225px -101px;
}
nav#top_menu li a.n04.active{
	background-position: -225px -101px;
	background-color: #1EA0EB;
	color: #FFF;
}


nav#top_menu li a.n05{
	background-position: -300px 6px;
}
nav#top_menu li a.n05:hover{
	background-position: -300px -102px;
}
nav#top_menu li a.n05.active{
	background-position: -300px -102px;
	background-color: #1EA0EB;
	color: #FFF;
}


nav#top_menu li a.n06{
	background-position: -375px 6px;
}
nav#top_menu li a.n06:hover{
	background-position: -375px -104px;
}
nav#top_menu li a.n06.active{
	background-position: -375px -104px;
	background-color: #1EA0EB;
	color: #FFF;
}


nav#top_menu li a.n07{
	background-position: -450px 6px;
}
nav#top_menu li a.n07:hover{
	background-position: -450px -105px;
}
nav#top_menu li a.n07.active{
	background-position: -450px -105px;
	background-color: #1EA0EB;
	color: #FFF;
}

/* Added by Hank on 2016-02-03(Start) */
nav#top_menu li a{
    padding: 68px 0px 1% 0px;
}
nav#top_menu li a.n02{
    background-position: center 6px;
    background-image: url(../images/nav_icon08.png);
}
nav#top_menu li a.n02:hover{
    background-position: center -105px;
}
nav#top_menu li a.n02.active{
    background-position: center -105px;
    background-color: #1EA0EB;
    color: #FFF;
}
/* Added by Hank on 2016-02-03(End) */

.navlogin{
	width: 205px;
	float: right;
	margin-top: 18px;
}
.navlogin ul{
	width: 205px;
	height: 36px;
}

.navlogin ul li{
	float:left;
}
.navlogin ul li a{
	width: 68px;
	height: 36px;
	display: block;
	text-indent: -9999px;
}
.navlogin ul li.name {
	width: 142px;
	margin-right: 5px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;		/*right; ---> Modified by Hank on 2014-08-04*/
}
.navlogin ul li.msg {
	width: 142px;
	margin-right: 5px;
	font-size: 14px;
	line-height: 20px;
	text-align: left;		/*right; ---> Modified by Hank on 2014-10-21 */
	float:left;
}
.navlogin ul li.msg a{
	width: 98%;
	height: 16px;
	display: block;
	text-indent: 0px;
}
.navlogin ul li.logout {
	width: 50px;
	background-image: url(../images/logout.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 1px;
	margin-left: 1px;
}
.navlogin ul li.logout:hover{
	background-position: left bottom;
}
.navlogin ul li.logout a{
	height: 32px;
}
.navlogin ul li.logs {
	width: 50px;
	background-image: url(../images/logs.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 8px;
	margin-right: 7px;
	float:right;
	/*display:none;*/
}
.navlogin ul li.logs:hover{
	background-position: left bottom;
}
.navlogin ul li.logs a{
	height: 32px;
}

.navlogin ul li a.login{
	background: url(../images/login.jpg) 0px 0px;
}
.navlogin ul li a.register{
	background: url(../images/login.jpg) -68px 0px;
}
.navlogin ul li a.service{
	background: url(../images/login.jpg) -135px 0px;
}
.navlogin ul li a.login:hover{
	background: url(../images/login.jpg) 0px bottom;
}
.navlogin ul li a.register:hover{
	background: url(../images/login.jpg) -68px bottom;
}
.navlogin ul li a.service:hover{
	background: url(../images/login.jpg) -135px bottom;
}
.navlogin .googlesearch{
	margin-top: 10px;
	width: 192px;
	height: 26px;
	border-radius: 5px;
	padding: 0px 5px;
	color: #ccc;
	font-size: 14px;
}
/*未登入上方選單*/
.subnav{
	border-radius: 5px 5px 0px 0px;
	width: 100%;
	height: 37px;
	border-top: #18a1e7 3px solid;
	border-bottom: #bbb 1px solid;
}
.subnav{
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #ebebeb 100%);
}
.subnav .news{
	width:500px;
	height:37px;
	float:left;
	line-height:37px;
	padding-left:20px;
	}
.subnav .news span{
	color:#3bacdf;
	font-size:16px;
	font-weight:bold;
	margin-right:10px;
	}
.subnav .news a{
	color:#666;
}
.subnav .news a:hover{
	color:#3bacdf;
}

.subnav .number{
	float:right;
    font-size: 16px;
	line-height:35px;
	color:#666;
	text-align:center;
	margin-right:15px;

}

.subnav .number span{
	font-size:26px;
	color:#3bacdf;
	font-family:'Constantia';
	display:inline-block;
	margin:0px 10px;
	}

/*會員用上方選單*/
.menunov{
	background-image: url(../images/menu_bg.jpg);
	background-repeat: repeat-x;
	width:100%;
	height:42px;
	border-radius:5px;
}
.menunov ul{
	width: 90%;
	margin: 0px auto;
	overflow: auto;
}
.menunov li{
	float: left;
	padding: 0px 3px;
	margin: 0px 3px;
	font-weight: bold;
}
.menunov li a{
	width: 120px;
	display: block;
	text-align: center;
	margin-top: 3px;
	padding: 3px 5px 1px 5px;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-top: 7px;
}
.menunov li a img{
	display:inline-block;
	vertical-align:middle;
	margin-top:-4px;
	margin-right:3px;
}
.menunov li a:hover{
	color: #38B4E8;
	background-color: #FFF;
	text-decoration: none;
}
.menunov li a.active{
	margin-top: 4px;
	padding: 5px 5px 3px 5px;
	color: #FF0000;
	font-size: 18px;
	background-color: #FFF;
}

.menunov ul.business{
	width:90%;
	margin:0px auto;
}
.menunov ul.business li{
	margin: 0px 3px;
}


/*上方HEADER結束*/

/*中央物件開始*/
.content{
	width:960px;
	height:auto;
}
.spacing{
	width: 100%;
	height: 10px;
	border: 1px solid #ddd;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #ebebeb 100%);
	border-right: none;
	border-left: none;
	margin-bottom: 10px;
	border-radius:0px 0px  5px 5px ;
}
/*巢狀標籤*/
.section{
	height: 30px;
	margin: 10px 0px 8px 0px;
	color: #666;
	line-height: 30px;
	padding: 0px 10px;
	display: block;
	overflow: auto;
	}
.section a{
	color:#333;
	font-size:16px;
	}
.section a.active{
	color:#48b5e0;
}
.section a:hover{
	color:#48b5e0;
	text-decoration:underline;
}
/*巢狀標籤結束*/


/*左右分區放置*/
/*3:2分*/
.left_block01{
	width: 97%;
	margin:0 auto;
	float:none;
	overflow:auto;
	/*Hank width: 640px;
	margin-right: 10px;
	margin-left: 8px;
	float: left;*/
}

.right_block01{
	width: 97%;
	margin:0 auto;
	float:none;
	overflow:auto;
	/*Hank width: 290px;
	margin-right: 10px;
	margin-left: 0px;
	float: left;*/
}
/*4:1分*/
.left_block02{
	width: 97%;
	margin:0 auto;
	float:none;
	overflow:auto;
	/*width: 780px;
	margin-right: 12px;
	margin-left: 8px;
	float: left;*/
}

.right_block02{
	width: 150px;
	margin-right: 8px;
	margin-left: 2px;
	float: left;
}
/*1:4分*/
.left_block03{
	width: 97%;
	margin:0 auto;
	float:none;
	overflow:auto;
}
/*.left_block03{
	width: 150px;
	margin-right: 12px;
	margin-left: 8px;
	float: left;
}*/
.right_block03{
	width: 97%;
	margin:2% auto 0 auto;
	float:none;
	overflow:auto;
}
/*.right_block03{
	width: 780px;
	margin-right: 8px;
	margin-left: 2px;
	float: left;
}*/


/*2:2分*/
.left_block04{
	width: 465px;
	margin-right: 12px;
	margin-left: 8px;
	float: left;
}

.right_block04{
	width: 465px;
	margin-right: 8px;
	margin-left: 2px;
	float: left;
}



/*中央區塊*/
.center_block{
	width: 98%;
	margin: 0px auto;
	clear:both;
	/*Hank width: 780px;
	margin: 0px auto;*/
}
.center_block.buy{
	width: 99%;
	margin: 0px auto;
}
.center_block.buy2{
	width: 99%;
	margin: 0px auto;
}
.center_block.old{
	width: 99%;
	margin: 0px auto;
}
.center_block.corp_category{
	width: 80%;
	margin: 0px auto;
	margin-top: 50px;
}
.center_block.corp_category .text{
	width: 90%;
	margin: 0px auto;
}
.center_block02{
	width: 640px;
	margin: 0px auto;
}
.center_block02.recommand{
	width: 70%;
}
.center_block03{
	width: 100%;
	margin: 0px auto;
	clear:both;
}

/*三分用*/
.center_block01 {
	width: 62%;
	margin-right: 1%;
	margin-left: 0%;
	float: left;
}
.right03 {
	width: 35%;
	margin-right: 0px;
	margin-left: 1%;
	float: left;
}

/*左右分區放置結束*/


/*首頁獨有*/
.index_title{
	background-image: url(../images/index_titlebg.png);
	background-repeat: no-repeat;
	background-position: right+105px top;
	color: #FFF;
	padding: 5px 4px 5px 10px;
	height: 20px;
	clear: both;
	font-size: 18px;
	font-weight: bold;
	line-height: 20px;
	margin: 5px 0px;
	border-radius: 5px;
	overflow: hidden;
/*	border-radius:5px;
	background-image: url(../images/index_titlebg.png);
	background-repeat: no-repeat;
	background-position: -5px top;
	color: #FFF;
	padding: 5px 4px 5px 10px;
	height: 20px;
	clear: both;
	font-size: 18px;
	font-weight: bold;
	line-height: 21px;
	margin:5px 0px 2px 0px;*/
}
.index_title a.more{
	color: #FFF;
	background-image: url(../images/index_more.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	display: block;
	padding: 5px 10px 5px 0px;
	height: 20px;
	width: 99px;
	margin-top: -5px;
	text-align: right;
	vertical-align: middle;
	font-weight: normal;
	border-radius:0px 5px 5px 0px;
}
.index_title a.more:hover{
	text-decoration: none;
	background-position: right bottom;
}
.index_title .more{
	color: #FFF;
	background-image: url(../images/index_more.png);
	background-repeat: no-repeat;
	background-position: right top;
	float: right;
	display: block;
	padding: 6px 10px 6px 0px;
	height: 30px;
	width: 99px;
	margin-top: -5px;
	text-align: right;
	vertical-align: middle;
	font-weight: normal;
	border-radius:5px;
}
/*首頁獨有結束*/

/*關於我們獨有*/
div[class*=about]{
	position: relative;
	border-radius:5px;
	margin-right: 10px;
	margin-bottom: 20px;
	margin-left: 10px;
}
div[class*=about] .a_title{
	position: absolute;

}
.about01{
	margin-top: 30px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: justify;
	border: 2px solid #8EC31F;
}
.about01 .a_title{
	top: -30px;
	left: -38px;
}

.about02{
	margin-top: 40px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-align: justify;
	display: block;
	height: 230px;
}
.about02 .a_title{
	top: -30px;
	left: -53px;
}
div[class*=a_server]{
	border: 2px solid #FF767D;
	display: block;
	padding: 15px;
	float: left;
	width: 27%;
	margin-right: -5px;
	margin-top: 10px;
	border-radius: 5px;
	margin-left: 15px;
	height: 205px;
}
div[class*=a_server] h3{
	color: #F00;
	text-align: center;
	margin-bottom: 10px;
}


.about03{
	margin-top: 40px;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	text-align: justify;
	border: 2px solid #06C;
}
.about03 .a_title{
	top: -30px;
	left: -37px;
}

/*關於我們獨有結束*/
/*人才招募獨有*/
.recruit{
	border: 2px solid #F60;
	border-radius: 5px;
	position: relative;
	padding: 15px;
	font-size: 18px;
}
.recruit .r_pic{
	background-image: url("../images/recruit_bg-02.png");
    background-position: center center;
    background-repeat: no-repeat;
    display: block;
    height: 200px;
    left: 420px;
    position: absolute;
    top: 180px;
    width: 280px;
	/*position: absolute;
	background-image: url(../images/recruit_bg-02.png);
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	height: 200px;
	width: 280px;
	left: 410px;
	top: 210px;*/
}
.recruit h1{
	line-height: 40px;
	color: #F00;
}
.recruit h2{
	line-height: 36px;
	color: #000;
}
/*人才招募結束*/
/*業務登入頁面獨有*/
.bbg_login{
	background-image: url(../images/supercar_man_bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	display: block;
	overflow: auto;
	overflow-x: hidden;
	border: 2px solid #26AAB9;
	padding: 15px 15px 25px 15px;
	border-radius: 5px;
	background-color: #E1F4FB;
	background-size:cover;
}
.bbg_login h1{
	line-height: 1.5em;
	color: #FFF;
	font-size: 28px;
	text-align: left;
	text-shadow: 0px 3px 10px #333;
}
.bbg_login h1 span{
	color: #FF0;
}
.bbg_login .block01{
	border: 2px solid #F00;
	padding: 10px 2%;
	width:94%;
	border-radius: 5px;
	background-color: #FFF;
	font-size: 16px;
	line-height:1.5em;
	box-shadow: 0px 3px 10px #333;
	float:none;
	margin:10px auto;
}
.bbg_login .block01 .b_title{
	font-weight: bold;
	color: #F00;
	font-size: 26px;
	text-shadow: 0px 0px 15px #FFF;
	margin:10px 0px 10px 5px;
	line-height:1.2em;
}
.bbg_login .block01 ol {
	margin-left: 30px;
}
.bbg_login .block01 ol li{
	margin-bottom:3px;
	list-style-type: decimal;
}
.bbg_login .block_pic{
	padding: 0px 2%;
	width:94%;
	float:none;
	text-align:center;
}
.bbg_login .block_pic img{
	margin: 0px auto 0px auto;
	max-width:300px;
	height:auto;
	width:98%;
}
.bbg_login .block02{
	border: 2px solid #F00;
	width:98%;
	border-radius: 5px;
	background-color: #FFF;
	font-size: 16px;
	line-height:1.5em;
	box-shadow: 0px 3px 10px #333;
	float:none;
	margin:0 auto;
}
.bbg_login .block02 ol{
	margin:10px 5%;
}
.bbg_login .block02 ol li{
	margin-bottom:15px;
}
.bbg_login .block02 a.red{
	display: block;
	padding: 15px 2%;
	width: 96%;
	font-size: 30px;
	color: #FF0;
	background-color: #F00;
	text-align: center;
	line-height:1.2em;
}
.bbg_login .block02 a.red:hover{
	/*font-size: 34px;*/
}

/*.bbg_login{
	background-image: url(../images/supercar_man.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: auto;
	border: 2px solid #16A0E8;
	padding: 10px;
	border-radius: 5px;
	background-color: #E1F4FB;
}
.bbg_login h1{
	line-height: 1.5em;
	color: #000;
	font-size: 28px;
	text-align: center;
}
.bbg_login h1 span{
	color: #06C;
}
.bbg_login .block01{
	border: 2px solid #F00;
	padding: 20px;
	margin-left: 80px;
	width: 320px;
	margin-top: 60px;
	position: relative;
	border-radius: 5px;
	background-color: #FFF;
	font-size: 18px;
	line-height:1.5em;
	  box-shadow: 0px 3px 10px #333;
}
.bbg_login .block01 .b_title{
	position: absolute;
	top: -28px;
	font-weight: bold;
	color: #F00;
	font-size: 28px;
	left: 0px;
	text-shadow: 0px 0px 15px #FFF;
}
.bbg_login .block02{
	border-radius: 5px;
	padding: 10px;
	float: left;
	width: 44.5%;
	margin: 42px 10px 10px 10px;
	background-color: #FFF;
	  text-align: center;
	  box-shadow: 0px 3px 15px #333;
}
.bbg_login .block02 .b_title{
	font-weight: bold;
	color: #F00;
	font-size: 24px;
	margin-bottom: 10px;
}
.bbg_login .block03{
	clear: both;
	border-radius: 5px;
	padding: 15px 30px 0px 30px;

}*/
/*業務登入頁面結束*/
/*左側分類/文章用*/
.post_item{
	display: block;
	overflow: hidden;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}
.paper_none{
	display: block;
	height: auto;
	border: 2px solid #CCC;
	/*background-image: url(../images/marvel.jpg);*/
	background-image: url(../images/people01.png);
	background-repeat: no-repeat;
	background-position: 20px center;
	padding-top: 30px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 110px;
	font-size: 24px;
	line-height: 1.6em;
	color: #333;
	margin-top: 40px;
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: autopx;
	min-height:100px;
}
/*.paper_none2{
	text-align: center;
	display: block;
	height: auto;
	min-height: 60px;
	width: 75%;
	background-image: url(../images/marvel.jpg);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 50px;
	font-size: 26px;
	line-height: 1.6em;
	color: #333;
	margin-top: 0px auto;
	font-weight: bold;
	vertical-align: middle;
}*/
.paper_none2{
	text-align: center;
	display: block;
	height: auto;
	width: 75%;
	font-size: 26px;
	line-height: 1.6em;
	color: #333;
	margin-top: 0px auto;
	font-weight: bold;
	vertical-align: middle;
}



.post_item .pic{
	position: relative;
	display: block;
	float: left;
	margin-right: 2%;
	width: 30%;
	background-color: #CCC;
}

.pic img{
	/*max-width: 100%;
	height: auto;*/			/* Marked by Hank on 2014-09-10 */
	display: block;
}

.post_item .pic a{
	outline: 0px none;
	text-decoration: none;
}

.post_item .pic .post_left{
	text-align: center;
	width: 50px;
	position: absolute;
	top: 6px;
	left: 0px;
	z-index: 3;
}
div[class*=group]{
	padding: 2px 4px;
	font-size: 15px;
	border-radius: 2px 2px 0px 0px;
	color: #FFF;
}
.group01{
	background-color: #F60;
}
.group02{
	background-color: #639;
}
.group03{
	background-color: #F06;
}

.post_item .post_right{
	margin-left: 70px;
	padding-top: 0px;
}
h4.title{
	margin: 0px 0px 8px;
	line-height: 26px;
	font-weight: bold;
	color: #06C;
}
h3.title{
	margin: 0px 0px 8px;
	line-height: 26px;
	font-weight: bold;
	color: #06C;
}
h4.title a{
	font-weight: bold;
}
.post_meta {
	margin: 8px 0px 0px;
	font-size: 13px;
	line-height: 20px;
	color: #999;
}

span[class*=meta]{
	margin-right: 5px;
	border-radius: 5px;
	padding: 3px 8px 3px 8px;
	color: #FFF;
	letter-spacing: 1px;
	background-attachment: scroll;
	background-image: none;
	background-repeat: repeat;
	background-position: 0% 0%;
	font-size: 15px;
}
.meta01 {
	background-color: #CC3300;
}

.meta02 {
	background-color: #3366FF;
}

.meta03 {
	background-color: #339900;
}

.author{
	margin-right: 8px;
	padding: 0px 12px 0px 0px;
	color: #000;
	letter-spacing: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
.date{
	margin-right: 8px;
	padding: 0px 15px 0px 5px;
	color: #000;
	letter-spacing: 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}

.browse{
	margin-right: 8px;
	letter-spacing: 1px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/browse.jpg);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 40px;
	color: #CC9933;
}
.people{
	margin-right: 8px;
	letter-spacing: 1px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/people.jpg);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 40px;
}
.time{
	margin-right: 8px;
	letter-spacing: 1px;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/time.jpg);
	background-repeat: no-repeat;
	background-position: 2px 1px;
	margin-left: 5px;
	padding-top: 0px;
	padding-right: 12px;
	padding-bottom: 0px;
	padding-left: 40px;
}


.post_description{
	margin: 5px 10px 15px 25%;
	line-height: 25px;
	text-align: justify;
	text-justify:distribute;
	height: 4.5em;
	overflow: hidden;
}
.more-link {
	padding: 0px;
	float: right;
	font-size: 15px;
	margin-right: 10px;
}
.more-link:hover{
	text-decoration: none;
}
.more-link span{
	color: #FFF;
	background-color: #18A1E7;
	padding: 2px 5px;
	margin-left: 5px;
	border-radius: 5px;
}
.more-link:hover>span,.more-link span:hover{
	background-color: #FF6600;
	text-decoration: none;
}

/*內文用*/
.post_text img{
	/*width: 100%;*/
	/*max-width: 780px;*/
	max-width: 700px;
	height: auto;
	margin: 10px auto;
}
.post_text p{
	max-width: 700px;
	height: auto;
	margin: 10px auto;
}



/*右側分類/文章用*/
form.search{
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 150px;
	position: relative;
	overflow: hidden;
}
form.search input{
	width: 140px;
}

.button_search {
	position: absolute;
	float: right;
	padding: 0px;
	width: 16px;
	height: 16px;
	cursor: pointer;
	border: medium none;
	z-index: 100;
	box-shadow: none;
	background-attachment: scroll;
	background-color: transparent;
	background-image: url(../images/SB01.png);
	background-repeat: no-repeat;
	background-position: center center;
	right: 18px;
	top: 5px;
}
.button_search:hover{
	background-image: url(../images/SB02.png);
}
.class_list{
	margin-bottom: 10px;
}
.class_list h4{
	color: #FFF;
	background-color: #F60;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	border-radius:5px;
}
/*.class_list h4{
	color: #FFF;
	background-color: #16A0E8;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	border-radius:5px;
}*/
.class_list ul {
	padding: 5px 0px 0px 0px;
}

.class_list ul li{
	padding: 1px 5px;
}

.class_list ul li a{
	background-image: url(../images/icon_btn01-1.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
	color: #333;
	font-size: 15px;
}

.class_list ul li a:hover,.class_list ul li a.active{
	background-image: url(../images/icon_btn01-2.png);
	color: #F60;
}

.class_hot h4{
	color: #FFF;
	background-color: #FF6600;
	padding-top: 6px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
	border-radius:5px;
}
.class_hot ol {
	padding: 3px 5px 0px 5px;
}
.class_hot ol li{
	list-style-type: decimal;
	list-style-position: inside;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: -5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
	text-align: justify;
	text-justify: distribute;
	line-height: 18px;
}
.class_hot ol li:last-child{
	border-bottom-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #999;
}
.class_hot ol li a{
	color: #333;
	font-size: 14px;
}
.class_hot ol li a:hover{
	color: #F60;
}
/*文章用結束*/

/*使用教學用搜索*/
.header{
	position: relative;
	float: right;
}

.search{
	position: absolute;
	background-image: url(../images/search.png);
	width: 160px;
	height: 30px;
	background-repeat: no-repeat;
	right: 5px;
	top: -5px;
}
.search_form{
	position: relative;
	border-top-stylpe: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	width: 148px;
	margin-top: 4px;
	margin-left: 8px;
}

.search_btn a{
	position: absolute;
	right: 4px;
	top: 9px;
	background-image: url(../images/SB01.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 16px;
	width: 16px;
	text-indent: -9999px;
}
.search_btn a:hover{
	background-image: url(../images/SB02.png);
}
/*放右側的搜索微調*/
.right_block02 .search{
	position: relative;
	background-image: url(../images/search.png);
	width: 160px;
	height: 30px;
	background-repeat: no-repeat;
	right: 0px;
	top: 0px;
}
/*搜索結束*/

.right_block01 img{
	margin: 0% 0% 1.5% 0%;
	width:30%
}

/*放右側的廣告圖片微調*/
.right_block02 img{
	margin:0px auto 10px auto;
	display: block;
}
/*廣告圖片微調結束*/

/*菜單搜尋用*/
.search_menu{
	padding: 5px;
	vertical-align: middle;
	font-size: 16px;
	margin-bottom: 5px;
	overflow: auto;
	margin-top: 10px;
}
.search_menu02{
	padding: 5px;
	vertical-align: middle;
	font-size: 15px;
	margin: 0px 0px -1px 0px;
	overflow: auto;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 0px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F60;
	border-right-color: #F60;
	border-bottom-color: #F60;
	border-left-color: #F60;
	border-radius:5px
}

.search_menu02 ul{
	float: left;
	width: 365px;
	display: block;
	margin: 0px;
	padding: 0px;
}
.search_menu02 ul li{
	float: left;
	padding: 3px 0px;
	display: block;
	width: 360px;
}
.search_menu02 ul.detail{
	border: 2px solid #CCC;
	margin-top: 5px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 0px;
	height: 85px;
	width: 375px;
	float: right;
}
.search_menu02 ul.detail li{
	width: 375px;
	text-align: center;
	color: #F00;
	line-height: 22px;
	padding: 3px 0px;
	font-weight: bold;
}
.search_menu02 ul.detail li .text img{
	display: inline-block;
	vertical-align: middle;
	margin-top: -3px;
	margin-right: 4px;
	margin-left: 3px;
}

.search_menu02 ul.detail li .text{
	margin: 0px auto 8px auto;
	text-align: center;
}

.search_menu02 ul.detail li a.explain{
	display: block;
	color: #F00;
	padding: 2px 5px;
	width: 150px;
	margin: 0px auto;
	border: 2px solid #F00;
}

.search_menu02 ul.detail li a.explain:hover{
	color: #FF0;
	background-color: #F00;
}
/*菜單搜尋結束*/

/*優惠車款特殊設定*/
.remind2{
	clear: both;
	width: 99%;
	color: #0066CC;
	font-weight: bold;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: auto;
	text-align: center;
	border: 2px solid #0066CC;
	border-radius:5px;
}
.remind2 .text{
	float: left;
	width: 78%;
}
/*設定結束*/

/*一般步驟用*/
.step{
	width: 620px;
	display: block;
	clear: both;
	margin:15px auto;
}
.step ul{
	overflow: auto;
}
.step ul li{}
.step ul li span{
	display: inline-block;
	padding: 0px;
	font-size: 16px;
	float: left;
	line-height: 23px;
}
.step ul li span.bigfont{
	background-color: #fff;
	border: thin solid #999;
	color: #999;
	font-size: 24px;
	line-height: 34px;
	font-weight: bold;
	display: block;
	height: 34px;
	width: 34px;
	text-align: center;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	position: relative;
}
.step ul li span.bg{
	background-color: #fff;
	color: #999;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #999;
	border-right-color: #999;
	border-bottom-color: #999;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-right-radius: 17px;
	-moz-border-radius-topright: 17px;
	-moz-border-radius-bottomright: 17px;
	border-top-right-radius: 17px;
	border-bottom-right-radius: 17px;
	display: block;
	width: 150px;
	height: 24px;
	margin-top: 5px;
	left: -5px;
	position: relative;
	text-align: center;
}
.step ul li.active span.bigfont{
	background-color: #16a0e8;
	border: thin solid #16A0E8;
	color: #FFF;
}
.step ul li.active span.bg{
	background-color: #16a0e8;
	border: thin solid #16A0E8;
	color: #FFF;
}

.step ul li span.separate{
	font-size: 16px;
	color: #999;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 5px;
}
/*懸賞單步驟*/
.right_block04 .step{
	width: 465px;
	margin: 10px 0px 15px 0px;
}
.right_block04 .step h3{
	padding: 5px;
}

.right_block04 .step ul{
	overflow: auto;
	width: 465px;
	margin: 0px auto;

}
.right_block04 .step ul li{
	float: left;
	margin: 8px 0px 0px 0px;
	padding: 5px 2px;
	border: 2px solid #FFF;
}
.right_block04 .step ul li .img{
	height: 91px;
	width: 91px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 3px;
	margin-left: auto;
}
.right_block04 .step ul li .text{
	height: auto;
	width: 115px;
	display: block;
	text-align: center;
	line-height: 20px;
}

.right_block04 .step ul li.next{
	padding-top: 50px;
	margin-right: 5px;
	margin-left: 5px;
}

.right_block04 .step ul li.now{
	border: 2px solid #F60;
	border-radius:5px;
}

/*有圖步驟用*/
.step2{
	width: 100%;
	margin-bottom: 10px;
}
.step2 ul{
	width: 620px;
	margin: 0px auto;
	overflow: auto;
}
.step2 ul li{
	height: 35px;
	width: 140px;
	float: left;
	padding-top: 110px;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	color: #000000;
	position: relative;
}
.step2 ul li.a01{
	background-image: url(../images/icon01.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
}
.step2 ul li.a01::before{
	content: "Step 1";
	position: absolute;
	top: 0px;
	left: 40px;
	font-size: 22px;
}

.step2 ul li.a02{
	background-image: url(../images/icon02.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
}
.step2 ul li.a02::before{
	content: "Step 2";
	position: absolute;
	top: 0px;
	left: 40px;
	font-size: 22px;
}

.step2 ul li.a03{
	background-image: url(../images/icon03.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
}
.step2 ul li.a03::before{
	content: "Step 3";
	position: absolute;
	top: 0px;
	left: 40px;
	font-size: 22px;
}

.step2 ul li.a04{
	background-image: url(../images/icon04.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
}
.step2 ul li.a04::before{
	content: "Step 4";
	position: absolute;
	top: 0px;
	left: 40px;
	font-size: 22px;
}
.step2 ul li.a05{
	background-image: url(../images/icon04.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
}
.step2 ul li.a05::before{
	content: "Step 3";
	position: absolute;
	top: 0px;
	right: 23%;
	font-size: 16px;
}
.step2 ul li.a06{
	background-image: url(../images/icon05.jpg);
	background-repeat: no-repeat;
	background-position: center 20px;
}
.step2 ul li.a06::before{
	content: "Step 4";
	position: absolute;
	top: 0px;
	right: 23%;
	font-size: 16px;
}
.step2 ul li.separate{
	margin: 0px;
	width: 15px;
	background-image: url(../images/separate.png);
	background-repeat: no-repeat;
	background-position: center;
	text-indent: -9999px;
	padding-top: 80px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*中古車用*/
ul.oldcar_blue table.reservation td{
	display:table-cell;
	text-align:left;
	height:auto;
}


ul.oldcar_blue table.reservation tr td:first-child{
	width:25%;
}

ul.oldcar_blue table.reservation select{
	width:auto;
	margin:0 auto;
}
ul.oldcar_blue table.reservation textarea{
	width:auto;
}
ul.oldcar_blue table.reservation input{
	width:auto;
}

/*中古車用結束*/



/*業務帳號特殊步驟*/
.right_block03 .step {
	width: 100%;
}

.right_block03 .step a{
	display: block;
	margin: 15px 0px;
	border-radius: 5px;
	border: 2px solid #F90;
	min-height: 85px;
	height:auto;
	overflow:hidden;
	width:100%;
	/*Hank display: block;
	margin: 15px 5px;
	border-radius: 5px;
	border: 2px solid #F90;
	height: 85px;*/
}

.right_block03 .step a:hover{
	box-shadow:0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity:0.8;
}

.right_block03 .step a .title{
	font-size: 16px;
	color: #FFF;
	background-color: #F90;
	font-weight: bold;
	min-height: 65px;
	height:auto;
	padding-top: 10px;
	padding-right: 2%;
	padding-bottom: 160px;
	padding-left: 2%;
	width: 25%;
	float: left;
	line-height: 28px;
	margin-bottom:-150px
	/*Hank font-size: 16px;
	color: #FFF;
	background-color: #F90;
	font-weight: bold;
	height: 65px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 20px;
	width: 160px;
	float: left;
	line-height: 28px;
	margin-bottom:-150px*/
}

.right_block03 .step a .title span{
	font-size: 24px;
}

.right_block03 .step a .detail{
	line-height: 1.5em;
	color: #000;
	padding: 5px 10px;
	float: left;
	/*hank width: 555px;*/
	width: 65%;
}

.right_block03 .step a.s01{
	border: 2px solid #F00;
}
.right_block03 .step a.s01 .title{
	background-color: #F00;
}

.right_block03 .step a.s02{
	border: 2px solid #390;
}
.right_block03 .step a.s02 .title{
	background-color: #390;
}

.right_block03 .step a.s03{
}
.right_block03 .step a.s03 .title{
}


/*付費流程步驟用*/
.step_pay{
	width:98%;
	display: block;
	clear: both;
	margin:15px auto;
}
.step_pay ul{
	text-align:center;
}
.step_pay ul li{
	display:inline-block;
	overflow: auto;
}
.step_pay ul li span{
	display: inline-block;
	padding: 0px;
	font-size: 16px;
	float: left;
	line-height: 23px;
}

.step_pay ul li a{
	display: block;
	float: left;
	text-align: center;
	cursor: pointer;
	margin-right:5px;
}
.step_pay ul li a img{
	display:block;
	text-align:center;
	margin:0 auto;
}


.step_pay ul li span.separate{
	font-size: 16px;
	color: #999;
	margin-top: -55px;
	margin-right: 1%;
	margin-left: 1%;
	float:right;
}


/*超商代碼付費流程步驟用*/
.step_pay2{
	width:99%;
	display: block;
	clear: both;
	margin:15px auto;
}
.step_pay2 ul{
	text-align:center;
}
.step_pay2 ul li{
	display:inline-block;
	overflow: auto;
	font-size: 14px;
}
.step_pay2 ul li span{
	display: inline-block;
	padding: 0px;
	font-size: 16px;
	float: left;
	line-height: 23px;
}

.step_pay2 ul li a{
	display: block;
	float: left;
	text-align: center;
	cursor: pointer;
	margin-right:5px;
}
.step_pay2 ul li a img{
	display:block;
	text-align:center;
	margin:0 auto;
}


.step_pay2 ul li span.separate{
	font-size: 16px;
	color: #999;
	margin-top: -55px;
	margin-right: 0.1%;
	margin-left: 0.1%;
	float:right;
}

/*步驟用結束*/

/*Q&A用*/
.img{
	margin-bottom: 10px;
}

.qa{
	width: 265px;
	border-radius: 5px;
	border: 2px solid #ff767d;
	padding: 10px;
	line-height: 1.5em;
	color: #333;
	margin-bottom: 10px;
	margin-top: 0px;
	}
.qa .title{
	width: 100%;
	height: 30px;
	border-bottom: 1px solid #ff767d;
	padding-top: 5px;
	padding-bottom: 0px;
	color: #ff767d;
	line-height: 28px;
	font-weight: bolder;
	margin-bottom: 5px;
}
.qa table{
	margin-bottom: 5px;
	line-height: 1.5em;
}
.qa table td{
	padding: 3px 0px;
}

.qa span{
	font-size: 18px;
	font-weight: bold;
}
.qa span.icon_q{
	border-radius:5px 5px 0px 0px;
	width:40px;
	height:30px;
	background:#ff767d;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:22px;
	display:inline-block;
	float:left;
	margin-right:10px;
}
/*slider用*/
.quest{
	margin-top: 20px;
	margin-bottom: 10px;
	clear: both;
}

.quest .qa{
	width: 100%;
	border-radius: 5px;
	border: 2px solid #ff767d;
	padding: 10px;
	line-height: 30px;
	color: #333;
	float: left;
	margin-top: 0px;
	margin-right: 4px;
	margin-bottom: 5px;
	margin-left: 4px;
	}

.quest .qa .title{
	width: 100%;
	height: 40px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	color: #ff767d;
	line-height: 30px;
	font-size: 18px;
	font-weight: bold;
	}

.quest .qa .title .icon_q{
	border-radius:3px;
	width:100px;
	height:30px;
	background:#ff767d;
	text-align:center;
	line-height:30px;
	color:#fff;
	font-size:22px;
	font-weight:bold;
	display:inline-block;
	float:left;
	margin-right:10px;
}

.quest .qa table{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-bottom: 0px;
}
.quest .qa table td{
	padding: 0px;
}

.quest .qa table tr:hover{
	background:#fff;
}
.quest2 .qa table span{
	background-image: none;
	margin: 0px;
	padding: 0px;
	color: #FF767D;
}
/*三欄用*/
.right_block03 .qa{
	float: right;
}


/*Q&A結束*/



/*廣告&文章區*/
.cbox{
	width: 100%;
	padding: 1%;
	margin: 1% 1% 1% 0px;
	/*padding: 10px 12px 10px 12px;
	margin: 0px 0px 20px 0px;*/
	float: left;
	overflow: hidden;
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #CCC;
	border-radius:5px;
}
.cbox:hover{
	background-color: #FFC;
	cursor: pointer;
}

.left_block02 .cbox{
	width: 30%;
}

.cbox ul li.img{
	overflow: hidden;
	height: 175px;
	margin-bottom: 0px;
}
.cbox ul li.img img{
	/* width: 100%; Edited by Hank on 2014-09-05 */
	/* height: auto; Edited by Hank on 2014-09-05 */
	vertical-align: middle;
}

.cbox ul li.title{
	overflow: hidden;
	height: 1em;
	padding: 5px 0px;
	margin:0px 0px 5px 0px;
}
.cbox ul li.text{
	padding: 0px 0px;
	height: 4.5em;
	overflow: hidden;
	font-size:14px;
	line-height:1.5em;
	margin-bottom:5px;
}

.right_block02 .cbox{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-left-color: #FFF;
	cursor: pointer;
	float: none;
	width: 140px;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}

.right_block02 .cbox:last-child{
	border: 1px solid #FFF;
}

.right_block02 .cbox:hover{
	border: 1px solid #16A0E8;
	border-radius: 5px;
	background-color: #FFF;
}
.right_block02 .cbox:hover>ul li.title a{
	color: #16A0E8;
	text-decoration: underline;
}

.right_block02 .cbox ul{
	font-size: 14px;
	line-height: 1.5em;
}
.right_block02 .cbox ul li.img{
	overflow: hidden;
	height: 100px;
	margin-bottom: 0px;
}
.right_block02 .cbox ul li.title{
height: 2.5em;
}

.right_block02 .cbox ul li.text{
	height: 6em;
}
/*廣告&文章區結束*/

/*溫馨提醒*/
.warn{
	border: 2px solid #58B9DB;
	margin-bottom: 10px;
	border-radius:5px;
}
.warn h4{
	color: #FFF;
	background-color: #58B9DB;
	padding: 13px;
	height: 20px;
	text-align: center;
}
.warn ul{
	padding: 5px;
}
.warn ul li{
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 8px;
	font-size: 15px;
	line-height: 20px;
	margin-left: 20px;
}
.warn ul li a{
	color: #000;
}
.warn ul li a:hover{
	color: #18A1E7;
}

.warn ul li.more{
	list-style-type: none;
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 20px;
	margin-left: 0px;
}
.warn ul li.more a{
    background-color: #006699;
    color: #fff;
    text-align: center;
    padding: 8px 1.5%;
    border-radius: 5px;
    display: block;
}
.warn ul li.more a:hover{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	text-decoration: none;
}

.right_block02 img.speed{
	width:15px;
	height:15px;
}


/*提醒結束*/

/*成交訊息*/
.clinch{
	margin: 18px auto 10px auto;
	border: 2px solid #FF767D;
	border-radius:5px;
}
.clinch ul{
	margin-bottom: 15px;
}

.clinch li{
	padding: 5px;
	margin: 5px;
	text-align: center;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.clinch li:last-child{
	border-bottom-width: 0px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}
.clinch li.title{
	background-color: #FF767D;
	height: 31px;
	line-height: 31px;
	font-weight: bold;
	vertical-align: middle;
	color: #FFF;
	font-size: 22px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 4px;
	padding-left: 10px;
	border: 0px solid #CCC;
	text-align: center;
	margin-bottom: 10px;
}
.clinch_btn {
	font-weight: bold;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border-top: 2px solid #FF767D;
	text-align: center;
	cursor: pointer;
	font-size: 22px;
}

.clinch_btn a{
	line-height: 80px;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #DDDDDD 100%);
	padding: 10px;
	height: 80px;
	display: block;
	color: #F60;
}
.clinch_btn a:hover{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	text-decoration: none;
}

/*新版*/

.clinch2{
	margin: 0px 0px 10px 8px;
	border: 2px solid #FF767D;
	border-radius:5px;
	width:97.5%;
	clear:both;
}
.clinch2 ul{
	overflow:hidden;
	height:41px;
}

.clinch2 li{
	padding: 1%;
	height: 31px;
	line-height: 25px;
	text-align: center;
	float:left;
	width:52%;
}

.clinch2 li.title2{
	background-color: #FF767D;
	font-weight: bold;
	vertical-align: middle;
	color: #FFF;
	font-size: 18px;
	margin: 0px;
	width:15%;
	min-width:130px;
	text-align: center;
}
.clinch2 li.clinch_btn2 {
	font-weight: bold;
	vertical-align: middle;
	margin: 0px;
	padding: 0px;
	border-left: 2px solid #FF767D;
	text-align: center;
	cursor: pointer;
	font-size: 18px;
	/*hank width:15%;*/
	width:20%;
	min-width:120px;
	float:right;
	height: 41px;
}

.clinch_btn2 a{
	line-height: 24px;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #DDDDDD 100%);
	padding: 10px 0px;
	height: 31px;
	display: block;
	color: #F60;
	vertical-align: middle;
}
.clinch_btn2 a:hover{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	text-decoration: none;
}

/*成交訊息結束*/

/*youtube影片用*/
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 00px;
    height: 0;
    overflow: hidden;
	width:100%;
	display:block;
	margin:0 auto;
}

.video-container iframe {
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}
/*youtube影片結束*/

/*中古車精選文章*/
.used_car {
	border: 2px solid #F60;
	margin-bottom: 10px;
	border-radius: 5px;
}
.used_car h4 {
	color: #FFF;
	background-color: #F60;
	padding: 13px;
	height: 20px;
	text-align: center;
	font-size: 22px;
}
.used_car ul {
	padding: 0px 10px 10px 10px;
	/* padding: 15px 10px 10px 10px; */
}
.used_car ul li {
	list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 0px;
	font-size: 15px;
	margin-left: 25px;
	margin-top:8px;
	line-height:normal;
	/*list-style-type: disc;
	list-style-position: outside;
	margin-bottom: 8px;
	font-size: 15px;
	line-height: 20px;
	margin-left: 25px;*/
	/*list-style-type: disc;
    list-style-position: outside;
    margin-bottom: 0px;
    font-size: 15px;
    line-height: 20px;
    margin-left: 25px;
    margin-top: 17px;*/
}
.used_car ul li.title {
	list-style-type: none;
	margin-bottom: 8px;
	font-size: 18px;
	line-height: 20px;
	margin-left: 2px;
	font-weight: bold;
	/* list-style-type: none;
	margin-bottom: 15px;
	font-size: 18px;
	line-height: 20px;
	margin-left: 2px;
	font-weight: bold; */
}
.used_car ul li a {
	color: #000;
}
.used_car ul li a:hover {
	color: #18A1E7;
}
.used_car ul li.more {
	list-style-type: none;
	margin-bottom: 0px;
	font-size: 15px;
	line-height: 20px;
	margin-left: 0px;
	margin-top: 15px;
}
.used_car ul li.more a {
	background-color: #F39800;
	color: #fff;
	text-align: center;
	padding: 8px 1.5%;
	border-radius: 5px;
	display: block;
}
.used_car ul li.more a:hover {
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	text-decoration: none;
}
/*中古車精選文章結束*/

/*會員註冊區*/
.r_content{
	float: left;
	width:45%;
	margin: 0px;
	border: 1px solid #F39A00;
	margin-top: 25px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 25px;
	padding-left: 5px;
}
.r_content .title{
	height: 44px;
	width: 130px;
	position: relative;
	line-height: 49px;
	color: #FFF;
	background-image: url(../images/title_01.png);
	background-repeat: no-repeat;
	padding-left: 54px;
	top: -20px;
	left: -30px;
	font-weight: bold;
}
.r_content .detail{
	width: 95%;
	margin: 0px auto;
}
.r_content div[class*=pic]{
	background-image: url(../images/menber_icon.png);
	background-repeat: no-repeat;
	float: left;
	height: 58px;
	width: 58px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 35px;
}
.r_content .detail.pic{
	background-position: 0px;
}
.r_content .detail .pic2{
	background-position: -58px;
}
.r_content .detail .pic3{
	background-position: -116px;
}
.r_content .detail .pic4{
	background-position: -174px;
}

.r_content .detail .text{
	float: left;
	font-size: 18px;
	font-weight: bold;
	color: #F60;
	line-height: 58px;
	height: 58px;
	padding: 5px;
	margin-left: 20px;
}

.r_content2{
	float: right;
	width: 45%;
	margin-left: 50px;
	margin-top: 20px;
	padding-top: -0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

.r_content2 .title{
	height: 44px;
	width: 130px;
	position: relative;
	line-height: 47px;
	color: #FFF;
	background-image: url(../images/title_02.png);
	background-repeat: no-repeat;
	padding-left: 54px;
	top: -15px;
	left: -30px;
	font-weight: bold;
}
.r_content2 .title2{
	height: 44px;
	width: 130px;
	position: relative;
	line-height: 46px;
	color: #FFF;
	background-image: url(../images/title_03.png);
	background-repeat: no-repeat;
	padding-left: 54px;
	top: -10px;
	left: -35px;
	font-weight: bold;
}

.r_content2 .detail{
	width: 95%;
	margin-top: -35px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.r_content2 div[class*=btn]{
	font-size: 18px;
	line-height: 45px;
	font-weight: bold;
	color: #FFF;
	height: 43px;
	width:100%;
	text-align: center;
	margin-bottom:15px;
}
/*.r_content2 div[class*=btn]{
	font-size: 18px;
	line-height: 45px;
	font-weight: bold;
	color: #FFF;
	height: 43px;
	width: 333px;
	text-align: center;
	margin-bottom:25px;
}*/

.r_content2 div[class*=btn] a{
	height: 45px;
	width:100%;
	text-decoration: none;
	display: block;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
/*.r_content2 div[class*=btn] a{
	height: 45px;
	width: 335px;
	text-decoration: none;
	display: block;
	color: #FFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}*/

.r_content2 div[class*=btn] a:hover{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
}

.r_content2 .detail .btn1 a{
	background-color: #F60;
}

.r_content2 .detail .btn2 a{
	background-color: #06C;
}

.r_content2 .detail .btn3 a{
	background-color: #58ae0b;
}

/*.r_content2 .detail .btn4 a{
	background-color: #F00;
}*/

.r_content2 .detail .btn4 a{
	background-color: #9488FB;
}
.r_content2 .detail .btn5 a{
	background-color: #F66;
}


.r_content2 .forget{
	position: relative;
	font-size: 13px;
	color: #666;
	padding: 5px;
	margin-right: 5px;
	margin-top: 0px;
	top: -55px;
	left: 205px;
	width: 150px;
}
.r_content2 .forget a{
	color: #666;
}

.r_content2 .forget a:hover{
	color: #06C;
}


.r_content2 .detail .btn2 img{
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
	margin-right: 5px;
}
/*會員註冊內頁*/
.form_container{
	border: 2px solid #16A0E8;
	padding: 25px;
	width: 600px;
	margin:0px auto;
	border-radius:5px;
}

.form_container .text{
	display: block;
	width: 100%;
	text-align: center;
	margin: 20px auto 0px auto;
	padding: 15px 0px 5px 0px;
}
.form_container .text02{
	display: block;
	width: 100%;
	text-align: center;
	margin: 20px auto 0px auto;
	padding: 15px 0px 5px 0px;
	color: #C00;
	font-weight: bold;
}
.center_block02 .form_container{
	border: 2px solid #16A0E8;
	padding: 0px 0px 25px 0px;
	width: 600px;
	margin:0px auto;
	border-radius:5px;
}
.form_container .title{
	background-color: #17A1E9;
	display: block;
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin-bottom: 20px;
	height: 31px;
	padding: 8px 0px;
	line-height: 30px;
}
/*會員註冊結束*/

/*分享菜單*/
div[class*=edit]{
	border-radius: 10px;
	margin-bottom: 10px;
}
.edit01 {
	background-color: #FEE;
	border-top-width: 4px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F69;
	border-right-color: #F69;
	border-bottom-color: #F69;
	border-left-color: #F69;
}

.edit02{
	background-color: #eff;
	border-top-width: 4px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #39C;
	border-right-color: #39C;
	border-bottom-color: #39C;
	border-left-color: #39C;

}

.edit03{
	background-color: #efe;
	border-top-width: 4px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #6C6;
	border-right-color: #6C6;
	border-bottom-color: #6C6;
	border-left-color: #6C6;
}
.edit04{
	background-color: #ffe;
	border-top-width: 4px;
	border-right-width: 0px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #F90;
	border-right-color: #F90;
	border-bottom-color: #F90;
	border-left-color: #F90;
}

div[class*=edit] .example{
	background-color: #FFF;
	border: 1px solid #16A0E8;
	font-size: 15px;
	width: 280px;
	position: relative;
	top:2px;
	left:15px;
	float: left;
	border-radius: 5px;
	margin-top: -3px;
	padding: 2px 5px;
}

div.image {
	padding: 5px;
}
div.image img{
	height: auto;
	max-width :780px;
	margin: 0px auto;

}



/*說明物件*/

.example{
	background-color: #FFF;
	border: 1px solid #16A0E8;
	font-size: 15px;
	width: 210px;
	position: relative;
	top:2px;
	right: 0px;
	float: right;
	border-radius: 5px;
	margin-top: -3px;
	padding: 2px 5px;
}
.example .arrow{
	background-image: url(../images/infobox.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	width: 14px;
	margin-top: 5px;
	position: absolute;
	left: -12px;
}
.example .ex{
	width: 35px;
	display: block;
	float: left;
}

.example.closeblock {
	display: none;
}

.example.ex3 {
float:left;
margin:10px auto;
width:94%;
max-width:none;
display:block;
}
.example.ex3 .ex_text{
width:100%;
}

.example.ex3 .arrow{
	background-image: url(../images/infobox03.png);
	margin-top: 0px;
	margin-left: 5px;
	position: absolute;
	left: 0px;
	top:-10px;
}



.error{
	background-color: #FFF;
	border: 1px solid #F00;
	padding: 2px 5px;
	font-size: 15px;
	width: 210px;
	position: relative;
	right: 45px;
	float: right;
	border-radius: 5px;
	margin-top: -3px;
	top:2px;
}
.error .arrow{
	background-image: url(../images/infobox02.png);
	background-repeat: no-repeat;
	background-position: left top;
	height: 17px;
	width: 14px;
	margin-top: 5px;
	position: absolute;
	left: -12px;
}
.error .ex_text{
	color: #F00;
}

.edit04.td_label .example {
	margin-right:0px;
	width:98%;
	left: 0px;
}
.edit04.td_label .example.ex2 {
	float:right;
	margin-left:10px;
	width:92%;
	max-width:none;
	margin-bottom:10px;
	display:none;
}
.edit04.td_label .example.ex2 .ex_text{
	width:100%;
}
/*測試版用*/
.edit04.td_label .example.ex3 {
	float:left;
	margin:10px auto;
	width:94%;
	max-width:none;
	display:none;
}
.edit04.td_label .example.ex3 .ex_text{
	width:100%;
}

.edit04.td_label .example.ex3 .arrow{
	background-image: url(../images/infobox03.png);
	margin-top: 0px;
	margin-left: 5px;
	position: absolute;
	left: 0px;
	top:-10px;
}

.edit04.td_label .example.ex3, .edit04.td_label .example.ex2 {
	display:block;
}

.edit04.td_label a.notice{
  max-width: 150px;
  padding: 3px; text-align: center;
  width: 98%;
  float: none;
  font-weight: bold;
  border-radius: 5px;
  display:block;
  margin: 8px 0px 5px 11px;
  background-color:#16A0E8;
  color:#FFF;
}
.edit04.td_label a.notice:hover{
  box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
  opacity: 0.8;
  text-decoration: none;
}

.edit04.td_label a.notice img{
  vertical-align:middle;
  display:inline-block;
  margin-top:-3px;
  margin-right:3px;
}

.edit04 .textfield09.test {
max-width: none!important;
width: 95%;
}

/*說明結束*/

/*互通說明*/
.direction{
	border: 2px solid #F60;
	line-height: 22px;
	margin-bottom: 10px;
	padding: 10px;
	border-radius:5px;
}
.direction h4{
	color: #f00;
	margin-bottom: 8px;
}
.direction ol li{
	list-style-type: decimal;
	margin-left: 25px;
	margin-bottom: 3px;
}
.direction span{
	color: #f00;
}

/*互通說明結束*/


/*快速服務名片*/

.card{
	border-radius:5px;
	border: 2px solid #F7B52C;
	margin-bottom: 10px;
	width: 460px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

.card .title{
	color: #000;
	background-color: #F7B52C;
	text-align: center;
	padding: 0px 5px;
	font-weight: bold;
}
.card .title table{
	width: 170px;
	margin: 0px;
}
.card .title table td{
	margin: 0px;
	padding: 8px 0px;
	line-height: 10px;
	height: 20px;
}
.card .title a{
	float:right;
	margin-top:-35px;
}

.card .intext{
	padding: 10px;
}
.card .intext ul {
	margin-top: 10px;
}
.card .intext ul li{
	font-size: 18px;
	font-weight: bold;
	margin: 10px 5px;
	line-height: 1.5em;
}
.card .intext ul li.say_good{
	display:block;
}

.card .intext ul li.say_good a{
	border: 1px solid #02A1FF;
	float: right;
	position: relative;
	border-radius: 5px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
	padding: 3px 5px;
	top: -5px;
	display: block;
	text-decoration: initial;
}
.card .intext ul li.say_good a img{
	margin-left: 5px;
}



.card .intext ul li span{
	font-size: 36px;
	color: #C00;
	margin-right: 5px;
}
.card .intext ul li span.red{
	font-size: 36px;
	color: #F00;
	margin-right: 5px;
	line-height:1em;
}

.card .intext ul li a{
	color: #F60;
}

.card .intext ul li.name{
	font-size: 24px;
	color: #06C;
}

.card .intext ul li.adress{
}

.card02{
	border: thin solid #F7B52C;
	margin-bottom: 10px;
	width: 510px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

.card02 .title{
	color: #000;
	background-color: #F7B52C;
	text-align: center;
	font-weight: bold;
	font-size: 16px;
	padding: 8px;
}


.card02 .intext{
	padding: 10px;
}

.card02 .intext table tr{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.card02 .intext table tr.last{
	border-bottom-width: 0px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.card02 .intext table td{
	margin: 0px;
	padding: 10px 5px;
	line-height: 16px;
	height: 20px;
	font-size: 17px;
}

.card02 .intext table td.bg{
	background-color: #F6F6F6;
}

.card02 .intext table td img{
	display: inline-block;
	vertical-align: middle;
	margin-top: -5px;
	margin-right: 0px;
}
.card_none{
	border-radius:5px;
	border: 2px solid #16A0E8;
	margin-bottom: 10px;
	width: 460px;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
}

.card_none .intext{
	padding: 10px;
}
.card_none .intext ul {
	margin-top: 10px;
}
.card_none .intext ul li{
	font-size: 18px;
	font-weight: bold;
	margin: 10px 5px;
	line-height: 1.5em;
}
.card_none .intext ul li span{
	font-size: 36px;
	color: #C00;
	margin-right: 5px;
}

.card_none .intext ul li.adress{
}



/*快速服務結束*/

/*購車幫手*/
.helper02{
	padding: 5px 10px;
}
.helper02 span{
	display: block;
	margin: 10px 0px;
	color: #F60;
	font-weight: bold;
	font-size: 18px;
}

.helper02 ul{
	padding: 5px;
	border: 2px solid #FF6600;
	border-radius:10px;
}

.helper02 ul li[class*=menu]{
	background-image: url(../images/nov_icon3.png);
	background-position: left 6px;
	background-repeat: no-repeat;
	padding-left: 48px;
	height: 30px;
	display: block;
	padding-top: 8px;
	margin: 5px;
}
.helper02 ul li.menu02{
	background-position: left -30px;
}
.helper02 ul li.menu03{
	background-position: left -64px;
}
.helper02 ul li.menu04{
	background-position: left -99px;
}
.helper02 ul li.menu05{
	background-position: left -134px;
}
.helper02 ul li.menu06{
	background-position: left -167px;
}
.helper02 ul li a{
	color: #000;
}
.helper02 ul li span{
	display: inline;
	margin: 10px 0px;
	color: #18A1E7;
	font-weight: bold;
	font-size: 18px;
}
.helper02 ul li a:hover{
	text-decoration: underline;
}
/*內頁左選單*/
.left_block03 ul{
	border-radius: 5px;
	border: 2px solid #18A1E7;
	width: 120px;
	margin-left: 10px;
	padding: 5px 0px;
}

.left_block03 ul li{
	padding:3px 0px;
	margin-left: -10px;
}
.left_block03 ul li a{
	display: block;
	height: 19px;
	/*width: 120px;*/
	width:90%;
	max-width: 120px;
	/*padding: 3px 0px 7px 35px;*/
	padding: 3px 0px 7px 25%;
}
.left_block03 ul li a:hover{
	text-decoration: underline;
}

.left_block03 ul li a.active{
	background-image: url(../images/l_menu01-01.png);
	background-repeat: no-repeat;
	background-position: right center;
	font-size: 16px;
	font-weight: bold;
	color: #FFF;
}
.left_block03 ul.shop li a{
	display: block;
	height: 19px;
	width:98%;
	max-width: 120px;
	padding: 3px 0px 7px 15%;
}

/*購車幫手結束*/

/*需求回報*/
.report{
	border: thin solid #BBB;
	margin: 0px 5px 5px 5px;
	padding: 10px;
	font-size: 15px;
	line-height: 1.8em;
}

.report img{
	display: inline-block;
	vertical-align: middle;
	margin-top: -6px;
	margin-right: -2px;
	margin-left: 2px;
}

/*需求回報結束*/

/*業務用下方提醒*/
.remind {
	clear: both;
	width: 96%;
	color: #000;
	font-size: 16px;
	line-height: 24px;
	font-weight: bold;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	overflow: hidden;
	text-align: center;
	padding: 5px;
	border: 2px solid #FF6600;
	border-radius:5px;
}

.remind span{
	color: #F00;
}
/*提醒結束*/
/*業務評價用*/
.assess_title{

}
/*評價結束*/
/*IQ測驗用*/
div[class*=iqtest]{
	border-radius: 15px;
	width:100%;
	margin: 0px auto;
	padding: 0px 0px 10px 0px;
}
div[class*=iqtest] h1{
	color: #F00;
	padding: 10px 5px;
	border-radius: 13px 13px 0px 0px;
	margin-top: 10px;
	font-size: 30px;
	text-align: center;
}
div[class*=iqtest] .text{
	padding: 30px 50px 40px 50px;
	font-size: 18px;
	width: 400px;
	margin: 0px auto;
	line-height: 1.8em;
}
div[class*=iqtest] .text h2{
	font-size: 26px;
	margin-bottom: 15px;
	margin-top: 10px;
}

.iqtest{
	border: 2px solid #FF767D;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, rgba(255,153,153,0.2) 100%);
	position: relative;
}
.iqtest h1{
	line-height: 1.3em;
}
.iqtest ol{
	margin-left: 115px;
	margin-top: 5px;
	margin-bottom:20px;
}
.iqtest ol li{
	list-style-type: decimal;
	padding: 10px 2px;
}
.iqtest .img_bg{
	height: 184px;
	width: 250px;
	position: absolute;
	right: 0px;
	bottom: 0px;
	background-image: url(../images/iqtest_bg.png);
	display: block;
}
.iqtest .btn_block02{
	position: absolute;
	left: 165px;
	margin: 0px;
	bottom: 80px;
}

.iqtest01{
	border: 2px solid #F00;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, rgba(255,153,153,0.2) 100%);
}
.iqtest01 h1{
	background-image: url(../images/iqtest_title.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	height:50px;
}
.iqtest01 .text{
	background-image: url(../images/iqtest01.png);
	background-repeat: no-repeat;
	background-position: 320px 10px;
}

.iqtest02{
	border: 2px solid #2abed8;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, rgba(42,190,216,0.2) 100%);
}
.iqtest02 h1{
	background-image: url(../images/iqtest_title.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	height:50px;
}
.iqtest02 .text{
	background-image: url(../images/iqtest02.png);
	background-repeat: no-repeat;
	background-position: 330px 20px;
}

.iqtest03{
	border: 2px solid #58ae0b;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, rgba(88,174,11,0.2) 100%);
}
.iqtest03 h1{
	background-image: url(../images/iqtest_title.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	height:50px;
}
.iqtest03 .text{
	background-image: url(../images/iqtest03.png);
	background-repeat: no-repeat;
	background-position: 270px 10px;
}


/*IQ測驗結束*/

/*升級付費EDM用*/
.edm01 img.header{
	width:100%;
	max-width:780px;
	height:auto;
	float:none;
}
.edm01 h3{
	background-image: url(../images/h01.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	color: #F00;
	margin: 15px 5px 8px 5px;
	padding-left: 28px;
}
.edm01 h3 span{
	float: right;
	font-size: 14px;
}
.edm01 ul.edm_tips{
	font-size: 13px;
	position: relative;
}
.edm01 ul.edm_tips li{
	padding: 5px 0px;
	text-align: left;
	list-style-type: decimal;
	margin-left:30px;
}
.edm01 ul.edm_tips li span.tip{
	background-image: url(../images/tip03.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFF;
	margin-right: 3px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.edm01 ul.edm_tips li.pay_btn a{
	background-color: #F00;
	height: 40px;
	width: 100%;
	font-size: 18px;
	font-weight: bolder;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
	display:block;
	line-height:40px;
}
.edm01 ul.edm_tips li.pay_btn a:hover{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	text-decoration: none;
}
.edm01 span.edm_q{
	border-radius: 10px;
	background-color: #06C;
	display: inline-block;
	padding: 0px 10px;
	color: #FFF;
	font-weight: bold;
}
.edm01 span.edm_a{
	border-radius: 10px;
	background-color: #16A0E8;
	display: inline-block;
	padding: 0px 10px;
	color: #FFF;
	font-weight: bold;
	margin-bottom:15px;
}

.edm01 a.pay_btn {
	background-color: #F00;
	height: 60px;
	width: 120px;
	font-size: 18px;
	font-weight: bolder;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	border-radius: 5px;
	display:block;
	line-height:60px;
	position:relative;
	top:15px;
	right:-645px;
	/*position:absolute;
	top: 710px;
  	right: 165px;*/
}
.edm01 a.pay_btn:hover{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	text-decoration: none;
}

/*.edm01 h3{
	background-image: url(../images/h01.png);
	background-repeat: no-repeat;
	background-position: left 2px;
	color: #F00;
	margin: 8px 5px;
	padding-left: 28px;
}
.edm01 h3 span{
	float: right;
	font-size: 14px;
}
.edm01 ul.edm_tips{
	font-size: 13px;
	position: relative;
}
.edm01 ul.edm_tips li{
	padding: 5px 0px;
}
.edm01 ul.edm_tips li span.tip{
	background-image: url(../images/tip01.png);
	background-repeat: no-repeat;
	background-position: left center;
	color: #FFF;
	margin-right: 3px;
	padding-top: 5px;
	padding-right: 15px;
	padding-bottom: 5px;
	padding-left: 8px;
}

.edm01 ul.edm_tips li.pay_btn a{
	position: absolute;
	right: 20px;
	background-color: #F00;
	height: 60px;
	width: 120px;
	font-size: 18px;
	font-weight: bolder;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	line-height: 60px;
	border-radius: 5px;
	top: 40px;
}
.edm01 ul.edm_tips li.pay_btn a:hover{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	text-decoration: none;
}
.edm01 span.edm_q{
	border-radius: 10px;
	background-color: #06C;
	display: inline-block;
	padding: 0px 10px;
	color: #FFF;
	font-weight: bold;
}
.edm01 span.edm_a{
	border-radius: 10px;
	background-color: #16A0E8;
	display: inline-block;
	padding: 0px 10px;
	color: #FFF;
	font-weight: bold;
}*/

/*EDM結束*/

/*推薦付費*/
.btn_pay{
	width:99%;
	text-align:center;
	overflow:hidden;
	margin:0 auto 20px auto;
}
.btn_pay li{
	width: 65%;
	min-height: 80px;
	border: 0px solid #CCC;
	border-radius: 5px;
	float: none;
	margin: 5px auto 0 auto;
	padding:0 5px 0 85px;
	text-align:left;
	display:block;
}
.btn_pay li.pic01{
	background-image: url(../images/author06.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.btn_pay li.pic02{
	background-image: url(../images/author07.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.btn_pay li.pic03{
	background-image: url(../images/author08.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}
.btn_pay li.pic04{
	background-image: url(../images/author09.png);
	background-repeat: no-repeat;
	background-position: left bottom;
}

ul.btn_pay li.go_pay{
	width: 60%;
	min-height: 82px;
	margin: 5px auto 0 auto;
	border: 0px solid #CCC;
	float: none;
	padding:0;
}

.btn_pay li.go_pay a{
	color: #FFF;
	text-align: center;
	padding: 15px 1.5% 0 1.5%;
	font-weight: bold;
	border-radius: 5px;
	display:block;
	font-size:20px;
	background-color:#F00;
	min-height:65px;
	width:97%;
}
.btn_pay li a:hover{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	text-decoration: none;
}
.btn_pay li.go_pay a.basic{
	padding: 0px 5% 0 5%;
	font-weight: bold;
	border-radius: 5px;
	display:block;
	font-size:20px;
	background-color:#F00;
	min-height:65px;
	width:90%;
	line-height:80px;
	vertical-align:middle;
}


/*施工樣式*/
.construction{
	background-image: url(../images/construction.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	height: 230px;
	width: 340px;
	margin: 0px auto;
	padding: 30px;
	line-height: 40px;
	border: 2px solid #F60;
	border-radius:5px;
}
/*施工結束*/
/*中古車用*/
ul.oldcar_blue{
	list-style: none;
	margin: 0;
	padding: 0;
}


ul.oldcar_blue input{
border:1px solid #999;
height:24px;
padding-left:10px;
margin-right:10px;
}

ul.oldcar_blue select{
border:1px solid #999;
height:26px;
padding-left:10px;}

ul.oldcar_blue table textarea{
	border:1px solid #999;
	padding-left:10px;}

ul.oldcar_blue li{
	border: 3px solid #3298c7;
	border-radius: 0px 0px 5px 5px;
	height: auto;
	padding: 15px 1.5%;
	margin-top: -3px;
}
ul.oldcar_blue li.title{
	margin-top: 10px;
	border-radius: 5px 5px 0px 0px;
	padding: 10px 1.5%;
	font-size: 18px;
	color: #FFF;
	background-image: url(data:images/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9z…AlIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyMDAlIiBmaWxsPSJ1cmwoI2cpIiAvPjwvc3ZnPg==);
	background-image: -webkit-gradient(radial, 50% 100%, 0, 50% 100%, 281, color-stop(0%, #2e90bd), color-stop(100%, #3dafe3));
	background-image: -webkit-radial-gradient(center bottom, farthest-side, #2e90bd 0%, #3dafe3 100%);
	background-image: -moz-radial-gradient(center bottom, farthest-side, #2e90bd 0%, #3dafe3 100%);
	background-image: -ms-radial-gradient(center bottom, farthest-side, #2e90bd 0%, #3dafe3 100%);
	background-image: -o-radial-gradient(center bottom, farthest-side, #2e90bd 0%, #3dafe3 100%);
	background-image: radial-gradient(farthest-side at center bottom, #2e90bd 0%, #3dafe3 100%);
	border: 0px solid #3298c7;
	font-weight: bold;
	text-align: center;		/* Hank added on 2015-03-20 */
}
ul.oldcar_blue li ul.car{
	min-height:50px;
	overflow:auto;
	max-height:50px;
	}
ul.oldcar_blue li ul.car li{
	position: static;
	width: 48px;
	height: 50px;
	float: left;
	padding: 0px 8px;
	margin: 0px;
	text-align:center;
	border: 0px solid #3298c7;
	}

ul.oldcar_blue li ul.car li span{
	display:block;
	}
ul.oldcar_blue li ul.car li span.car1{
	background:url(../images/car.jpg) 0px 0px no-repeat;
	width:36px;
	height:47px;
	}
ul.oldcar_blue li ul.car li span.car2{
	background: url(../images/car.jpg) -56px 0px no-repeat;
	width: 40px;
	height: 47px;
	}
ul.oldcar_blue li ul.car li span.car3{
	background: url(../images/car.jpg) -123px 0px no-repeat;
	width: 50px;
	height:47px;
	}
ul.oldcar_blue li ul.car li span.car4{
	background: url(../images/car.jpg) -194px bottom no-repeat;
	width: 51px;;
	height:47px;
	}
ul.oldcar_blue li ul.car li span.car5{
	background: url(../images/car.jpg) -265px 0px no-repeat;
	width: 50px;
	height:47px;
	}
ul.oldcar_blue li ul.car li span.car6{
	background: url(../images/car.jpg) -333px 0px no-repeat;
	width:50px;
	height:47px;
	}
ul.oldcar_blue li ul.car li span.car7{
	background: url(../images/car.jpg) -400px 0px no-repeat;
	width:50px;
	height:47px;
	}
ul.oldcar_blue li ul.car li span.car8{
	background: url(../images/car.jpg) -464px 0px no-repeat;
	width:50px;
	height:47px;
}



ul.oldcar_blue table.reservation td{
	display:block;
	text-align:center;
	height:auto;
}


ul.oldcar_blue table.reservation tr td:first-child{
	background:#f6f6f6;
}

ul.oldcar_blue table.reservation select{
	width:90%;
	margin:0 auto;
}
ul.oldcar_blue table.reservation textarea{
	width:87%;
}
ul.oldcar_blue table.reservation input{
	width:87%;
}

.text.oldcar{
	margin-bottom:15px;
}
.title01.oldcar{
	margin-top:10px;
}

/*中古車用結束*/

/*服務說明用*/
.charity_img{
	float:none;
	/*width:98%;*/
	margin:1% auto;
}
.charity_img img{
	width:100%;
	height:auto;
}

.dona_box{
	border-radius: 5px;
	background-color: #339933;
	color:#FFF;
	padding:5px;
	margin-bottom:10px;

}
.dona_box .box{
	border: thin dashed #FFF;
	border-radius: 5px;
}

a.donation{
	display: block;
	width: 95%;
	height: 60px;
	color: #F00;
	text-align: center;
	vertical-align: middle;
	font-size: 250%;
	line-height: 30px;
	font-weight: bold;
	border-radius: 5px;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.3);
	text-decoration: none;
	padding-top: 30px;
	margin: 7px auto 13px auto;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #cccccc 100%);
	border: 2px solid #F00;
	/*display: block;
	width: 98%;
	height: 70px;
	background-color: #F00;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 250%;
	line-height: 40px;
	font-weight: bold;
	border-radius:5px;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	text-decoration: none;
	padding-top:30px;
	margin:0 auto;*/
	width: 85%;
	height: 50px;
	padding-top: 18px;
	font-size: 200%;
}

a.donation:hover{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
	text-decoration: none;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #dddddd 100%);
	/*box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.5);
	opacity: 0.8;
	text-decoration: none;*/
}
/*.donation02{
	width: 92%;
	padding:3%;
	border-radius: 5px;
	border: 2px solid #F00;
	margin:10px auto 5px auto;
}*/
/*捐款表單*/
ul.dona_red{
	list-style: none;
	margin: 0;
	padding: 0;
}


ul.dona_red input{
border:1px solid #999;
height:24px;
padding-left:10px;
margin-right:10px;
}

ul.dona_red select{
border:1px solid #999;
height:26px;
padding-left:10px;}

ul.dona_red table textarea{
	border:1px solid #999;
	padding-left:10px;}

ul.dona_red li{
	border: 3px solid #F00;
	border-radius: 5px 5px;
	height: auto;
	padding: 15px 1.5%;
	margin-top: -3px;
}

ul.dona_red table.reservation td{
	display:block;
	text-align:center;
	height:auto;
}


ul.dona_red table.reservation tr td:first-child{
	background:#f6f6f6;
}

ul.odona_red table.reservation select{
	width:90%;
	margin:0 auto;
}
ul.dona_red table.reservation textarea{
	width:87%;
}
ul.dona_red table.reservation input{
	width:87%;
}
ul.dona_red table.reservation input.textfield03{
	width:87%;
	margin-top:5px;
}

.allpay{
	text-align:center;
}

.right_block01 .allpay img{
	width:85%;
	margin:15px auto;
	height:auto;
	max-width:248px;
}

/*捐款說明*/
.ex_dona{
	text-align: center;
	border: 2px solid #F00;
	border-radius:5px;
	margin-bottom:15px;
}
.ex_dona img{
	width:100%;
	height:auto;
	margin:0 auto;
}
.ex_dona h4{
	font-size:18px;
	margin:15px auto 10px auto;
	color:#06C;
}
/*.ex_dona{
	text-align:center;
}
.ex_dona img{
	width:100%;
	height:auto;
}
.ex_dona h4{
	font-size:18px;
	margin:15px auto 10px auto;
	color:#06C;
}*/


/*服務說明結束*/


/*page換頁用語法*/
.page{
	margin: 10px 0px;
	padding: 5px;
	width: 99%;
}
.page ul{
	width: 100%;
	overflow: hidden;
	text-align: center;
}

.page ul li{
	display: inline-block;
	font-size: 14px;
	margin: 0px -2px;
}
.page ul li.noprepgae{
	/*padding: 0px 5px;*/
	padding: 0px 10px 0px 5px;
	line-height: 31px;
	font-size: 16px;
}
.page ul li.nonextpgae{
	padding: 0px 5px 0px 10px;
	line-height: 31px;
	font-size: 16px;
}
.page ul li a{
	font-weight: bold;
	text-decoration: none;
	border-radius: 2px;
	color: #666;
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #ebebeb 100%);
	border: 1px solid #CCC;
	padding: 2px 8px;
	display: block;
}

.page ul li a:hover,.page ul li a.active{
	background-image: linear-gradient(to bottom, #2abed8 0%, #1998DD 100%);
	background-color: #1998DD;
	color: white;
	text-shadow: none;
	border: 1px solid #1998DD;
	-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;
}

/*page換頁用語法結束*/


a.recommend{
	background-color: #F60;
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/click.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-top: 25px;
	padding-right: 40px;
	padding-bottom: 25px;
	padding-left: 15px;
	border-radius:5px;
	margin:10px 5px 5px 6px;;
	display:inline-block;
	font-size:24px;
}
a.recommend:hover{
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
	text-decoration: none;
}
a.recommend.style1{
  padding-top:10px;
  padding-bottom:10px;
}

/*中央物件結束*/

/*右側浮動功能*/
#right_icon{
	position:fixed;
	right:20px;
	bottom:20px;
}
.right_float{
	width:50px;
	background-color:rgba(0,0,0,0.7);
	border-radius:10px;
}


/*福利中心單頁版本*/
.shop_search{
	width:100%;
	float:none;
}
.shop_sbtn{
	width:100%;
	float:none;
}
.shop_search select{
	width:98%;
	margin-bottom:10px;
}
.shop_search input{
	width:95%;
	margin-bottom:10px;
}
.shop_sbtn{
	text-align:center;
}

.shop_sbtn a{
	background-color: #16A0E8;
	border: thin solid #16A0E8;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	width: 44%;
	padding: 0px 5px;
	height: 30px;
	border-radius: 5px;
	line-height:30px;
	display: inline-block;
	margin-bottom:5px;
}
.shop_sbtn a:hover{
	text-decoration:none;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
}
.shop_sbtn a.button01{
  background-color: #666;
  border: thin solid #666;
  color: #FFF;
}
.shop_sbtn a.button02{
}

.shop_search2{
	width:100%;
	margin-bottom:10px;
}
.shop_search2 input{
	margin-bottom:5px;
}
.shop_search2 select{
	margin-bottom:5px;
}
.shop_search2 span{
	display:inline-block;
}

.shop_search2 a{
	background-color: #16A0E8;
	border: thin solid #16A0E8;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 14px;
	width: 80px;
	padding: 0px 5px;
	height: 26px;
	border-radius: 5px;
	line-height:26px;
	display: inline-block;
	margin-bottom:5px;
}
.shop_search2 a:hover{
	text-decoration:none;
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
	opacity: 0.8;
}
.shop_search2 a.button01{
  background-color: #666;
  border: thin solid #666;
  color: #FFF;
}
.shop_sbtn a.button02{
}


/*投稿徵文用*/
.post_rule{
	border: 1px solid #F60;
	position: relative;
	padding:22% 5% 40px 13%;
	margin-bottom:30px;
	border-radius:5px;
}
.post_rule h3{
	position: absolute;
	top: -15px;
	left: -10px;
	color: #F60;
	background-color: #FFF;
	width: 70px;
	padding:5px;
}
.post_rule .pic01{
	position: absolute;
	width:100%;
	height:auto;
	left:-10%;
	top:0px;
	max-width:511px;
}

.post_rule .pic01 img{
	width:100%;
	height:auto;
}
.post_rule .pic02{
	position: absolute;
	width:100%;
	height:auto;
	right:-4%;
	bottom:-50px;
	max-width:201px;
}

.post_rule .pic02 img{
	width:100%;
	height:auto;
}
.post_rule .text{
	margin-top:20px;
	margin-left:10px;
	width:96%;
}

/*賣舊車文章用*/
.post_rule2{
	border: 1px solid #F60;
	position: relative;
	padding:10px 5% 10px 8%;
	margin-bottom:30px;
	border-radius:5px;
}
.post_rule2 h1{
	font-size:34px;
	line-height:1.3em;
	color: #F60;
	overflow:hidden;
	text-align:center;
	margin-bottom:10px;
}
.post_rule2 h1 img{
	width:100%;
	height:auto;
	float:none;
	margin-top:-15px;
}

.post_rule2 .text{
	margin-top:20px;
	margin-bottom:20px;
	width:96%;
}
.post_step ul{
	text-align:center;
	margin-bottom:15px;
}
.post_step ul li{
	overflow:hidden;
	display:inline-block;
	background-color:#16A0E8;
	padding:5px 5px;
	width:145px;
	color:#FFF;
	font-weight:bold;
	border-radius:20px;
	margin-bottom:5px;
}
.post_step ul li.s{
	color:#333;
	width:10px;
	background-color:#FFF;
}
.post_rule2 div[class*=button] a .title{
  font-weight: bolder;
  font-size: 20px;
  padding-top: 10px;
  padding-right: 5px;
  padding-bottom: 10px;
  padding-left: 5px;
}

.post_rule2 div[class*=button] a .text{
	width:auto;
	margin:10px auto;
	min-height:inherit;
}


/*FOOTER物件開始*/
footer{
	width:100%;
	height:auto;
	margin-top:10px;
	overflow: auto;
	}
footer .footerbg{
	background:url(../images/footer.jpg) repeat-x;
	width:100%;
	height:16px;
	border-bottom:1px solid #EFEFEF;
	margin-bottom:20px;}
footer a{
	color:#666;
	}

footer a:hover{
	color:#16A0E8;
	}
footer .footer_menu ul{
	float:left;
	width:115px;
	height:auto;
	margin-right:10px;
	}
footer .footer_menu ul li:first-child{
	line-height:40px;
	font-size:18px;
	font-weight:bold;
	border-bottom:1px solid #999;
	margin-bottom:5px;
	color:#333;
	}

footer .footer_menu ul li{
	line-height:24px;
	font-size:13px;
	color:#999;
	padding:0px 10px;
	}
footer .fb-like-box{
	float: left;
	/*width: 300px;
	float: right;
	padding-right: 35px;
	display: block;
	height: 200px;*/
}

footer .bottom_link{
	margin-top:20px;
	border-top:1px solid #18a1e7;
	color:#666;
	}
address{
	width:300px;
	height:40px;
	border-top:5px solid #18a1e7;
	float:left;
	line-height:40px;
	padding-left:10px;
	}
footer .bottom_link ul{
	height: 20px;
	width: 40%;
	float: right;
	margin-top: 12px;
	font-size: 15px;
	line-height:20px;
	}
footer .bottom_link ul li{
	float:right;
	border-right:1px solid #999;
	padding:0px 10px;
}

footer .bottom_link ul li:first-child{
	border:none;
}

/*FOOTER物件結束*/

.moble_none{
	display:block;
}

.web_none{
	display:none;
}
.moble_td_none{
	display:table-cell;
}
.tabled_none{
	display:none;
}

.tabled_td_none{
	display:none;
}
.moble_pic{
	width:auto;
	height:auto;
}

/*其他*/
.title01{
	font-size: 22px;
	line-height: 32px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #23A3EA;
	text-align: center;
	height: 30px;
	margin-bottom: 15px;
	vertical-align: middle;
	display: block;
	padding: 5px;
	border-radius:5px;
}
.title_m{
	color: #F00;
	padding: 2px 10px;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

h1.title_m{
	color: #F00;
	padding: 2px 10px;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}

.left_block02 .title_m{
	color: #F00;
	padding: 2px 0px;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
.left_block02 h1.title_m{
	color: #F00;
	padding: 2px 0px;
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}



.title_m span{
	font-size: 16px;
}

.left_block01 .title_m{
	padding: 2px 3px;
}
.left_block01 h1.title_m{
	padding: 2px 3px;
}

.right_block03 .title_m{
	padding: 2px 0px;
}
.right_block03 h1.title_m{
	padding: 2px 0px;
}



.text{
	padding: 5px;
}
.text2{
	padding: 5px 0px 10px 0px;
	text-align: justify;
	text-justify:inter-ideograph;
}
.center_text{
	text-align: center;
	vertical-align: middle;
	padding: 5px;
}

.text.dona{
	width: 96%;
	padding: 5px 1%;
	margin:0 auto;
}

.warringtext{
	font-size: 16px;
	color: #F60;
	text-align: center;
	padding: 8px 5px;
}
.warringtext2{
	font-size: 16px;
	color: #000;
	text-align: left;
	padding: 1%;
	width: 80%;
	margin: 10px auto 0 auto;
	border: 2px solid #16A0E8;
	border-radius:5px;
}

img.chack{
	vertical-align: middle;
	display: inline-block;
	margin-top: -5px;
	cursor: pointer;
}

.intro{
	color: #06C;
}
.info{
	width: 70%;
	height: 30px;
	margin: 10px auto;
	color: #333;
	text-align: center;
}
.new{
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/new.png);
	background-repeat: no-repeat;
	display: block;
	width: 57px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 2px;
	font-size: 15px;
}
.hot{
	font-weight: bold;
	color: #FFF;
	background-image: url(../images/hot.png);
	background-repeat: no-repeat;
	display: block;
	width: 57px;
	margin: 0px;
	padding-top: 4px;
	padding-right: 8px;
	padding-bottom: 6px;
	padding-left: 2px;
	font-size: 15px;
}
.select{
	float: right;
	margin: 0px 0px 5px 0px;
}
.closeblock {
	display: none;
}
.note{
	margin: 0px auto;
	width: 92%;
}
.line{
	margin: 0px auto;
	width: 92%;
	font-weight: bold;
	color: #9488FB;
}

/*首頁文章列*/
/*左側分類/文章用*/

.paper_none{
	line-height: 100px;
	margin-top: 30px;
	margin-right: 5px;
	margin-bottom: 30px;
	margin-left: 20px;
	line-height: 1.6em;
	padding-top:60px;
}
/*.paper_none2{
	height: 60;
	width: 88%;
	padding-left: 45px;
	line-height: 60px;
	font-weight: bold;
}*/
.paper_none2{
	width: 100%;
	font-weight: bold;
}


/*業務登入頁面獨有*/
.bbg_login{
}
.bbg_login h1{
}
.bbg_login h1 span{
}
.bbg_login .block01{
	padding: 10px 2%;
	width:47%;
	float:left;
	margin:10px 0 0 0 ;
}
.bbg_login .block01 .b_title{
}
.bbg_login .block01 ol li{
}
.bbg_login .block_pic{
	padding: 0px 2%;
	width:42%;
	float:right;
	display:block;
	margin-top:25px;
}
.bbg_login .block_pic img{
}
.bbg_login .block02{
	width:46%;
	float:right;
	margin:0;
}
.bbg_login .block02 ol{
	margin:10px 5%;
}
.bbg_login .block02 ol li{
}
.bbg_login .block02 a.red{
	padding: 15px 2%;
	width: 97%;
	font-size: 28px;
}
.bbg_login .block02 a.red:hover{
	/*font-size: 32px;*/
}
/*業務登入頁面結束


/*懸賞單步驟*/
.right_block04 .step ul li{
	padding: 5px 1.5px;
}


.tabled_none{
	display:block;
}

.tabled_td_none{
	display:table-cell;
}


.inline_none{
	display:inline-block;
}


@media only screen and (min-width: 640px) {

	/*中古車用*/
	ul.oldcar_blue table.reservation td{
		display:table-cell;
		text-align:left;
		height:auto;
	}


	ul.oldcar_blue table.reservation tr td:first-child{
		width:25%;
	}

	ul.oldcar_blue table.reservation select{
		width:auto;
		margin:0 auto;
	}
	ul.oldcar_blue table.reservation textarea{
		width:auto;
	}
	ul.oldcar_blue table.reservation input{
		width:auto;
	}
	.right_block01 img{
		width:100%
	}

	/*中古車用結束*/

	/*服務說明用*/
	.charity_img{
	}
	.charity_img img{
	}

	/*捐款表單*/
	ul.dona_red table.reservation td{
		display:table-cell;
		text-align:left;
		height:auto;
	}

	ul.dona_red table.reservation tr td:first-child{
		width:25%;
	}

	ul.dona_red table.reservation select{
		width:auto;
		margin:0 auto;
	}
	ul.dona_red table.reservation textarea{
		width:auto;
	}
	ul.dona_red table.reservation input{
		width:auto;
	}
	/*服務說明結束*/

	/*賣舊車文章用*/
	.post_rule2 h1{
		font-size:34px;
		line-height:1.3em;
		color: #F60;
		overflow:hidden;
		text-align:left;
	}
	.post_rule2 h1 img{
		max-width:100%;
		width:auto;
		height:auto;
		float:left;
		margin-top:-15px;
	}

	/*左右分區放置*/
	/*3:2分*/
	.left_block01{
		width: 66.8%;
		margin-right: 1%;
		margin-left: 1%;
		float: left;
		overflow: visible;
	}
	.right_block01{
		width: 30%;
		margin-right: 1.2%;
		margin-left: 0;
		float: right;
		overflow: visible;
	}

	/*4:1分*/
	.left_block02{
		width: 80%;
		margin-right: 1%;
		margin-left: 1%;
		float: left;
		overflow: visible;
	}
	.right_block02{
		width: 16%;
		margin-right: 1%;
		margin-left: 1%;
		display: block;
		float: right;
		overflow: visible;
	}

	/*1:4分*/
	.left_block03{
		width: 16%;
		margin-right: 0%;	//1%;
		margin-left: 1%;
		float: left;
		overflow: visible;
	}
	.right_block03{
		width: 82%;	//80%;
		margin: 0 1% 0 0;	//0 1%;
		float: left;
		overflow: visible;
	}


	/*2:2分*/
	.left_block04{
		width: 48%;
		max-width: 465px;
		margin-right: 0.5%;
		margin-left: 1.5%;
		float: left;
		overflow: visible;
	}
	.right_block04{
		width: 48%;
		max-width: 465px;
		margin-right: 1.5%;
		margin-left: 0.5%;
		float: left;
		overflow: visible;
	}

	/*中央區塊*/
	.center_block{
		width: 90%;
		margin: 0px auto;
	}
	.center_block02{
		width: 90%;
		margin: 0px auto;
	}
	.center_block02.recommand{
		width: 70%;
	}
	.center_block03{
		width: 97%;
		margin: 20px auto 0 auto;
	}
	/*左右分區放置結束*/

	.moble_none{
		display:block;
	}

	/*福利中心單頁版本*/
	.shop_search{
		width:80%;
		float:left;
	}
	.shop_sbtn{
		width:20%;
		float:right;
	}
	.shop_search select{
		width: 30%;
	}
	.shop_search input{
		width:70%;
	}
	.shop_sbtn a{
		width: 90%;
	}

	/*推薦付費*/
	.btn_pay{
		width:99%;
		text-align:center;
		overflow:hidden;
		margin:0 auto 20px auto;
	}
	.btn_pay li{
		width: 85%;
		min-height: 80px;
		border: 0px solid #CCC;
		border-radius: 5px;
		float: none;
		margin: 5px auto 0 auto;
		padding:0 5px 0 85px;
		text-align:left;
		display:block;
	}
}

/*彈出視窗設定*/
#pop{
	display: none;
	position: relative;
}
#pop img{
	width:100%;
	height:auto;
	z-index:-1;
}
#pop p{
	position: absolute;
	font-size: 40px;
	font-weight:bolder;
	color: #06C;
	z-index: 10;
	left: 40%;
	top: 35%;
	line-height:1.5em;
}


@media only screen and (min-width: 1000px) {

	/*中央區塊980固定設定*/
	.center_block{
		width: 81.5%;
		margin: 0px auto;
	}

	.center_block02{
		width: 66.8%;
		margin: 0px auto;
	}

	.center_block02.recommand{
		width: 70%;
	}

	/*說明物件*/
	.edit04.td_label .example {
		margin-right:36px;
		width:100%;
		max-width: 220px;
	}
	.edit04.td_label .example.ex2 {
		width:70%;
	}

	/*測試版用*/
	.edit04.td_label .example.ex3 {
		display:block;
	}

	/*右側浮動功能*/
	#right_icon{
		position:absolute;
		right:0px;
		bottom:20px;
	}
	.right_float{
		width:50px;
		background-color:rgba(0,0,0,0.7);
		border-radius:0 10px 10px 0;
		position:fixed;
		bottom: 20px;
	}

	/*成交訊息*/
	.clinch2 li{
		/*hank width:65%;*/
		width:60%;
	}

	/*右側浮動功能*/
	#right_icon{
		position:absolute;
		right:0px;
		bottom:20px;
	}
	.right_float{
		width:50px;
		background-color:rgba(0,0,0,0.7);
		border-radius:0 10px 10px 0;
		position:fixed;
		bottom: 20px;
	}

	/*三欄用Q&A用 980設定*/
	.right_block03 .qa{
		float: right;
		display:block;
		padding:2%;
	}
	.right03 .qa{
		float: none;
		display:block;
		width:95%;
		padding:10px;
		margin:0 auto 10pz auto;
	}

	/*業務升級*/
	.edm01 ul.edm_tips li.pay_btn a{
		right: 20px;
		height: 60px;
		width: 120px;
		top: 40px;
		bottom:auto;
	}

	/*推薦付費*/
	.btn_pay{
		width:99%;
		text-align:center;
		overflow:hidden;
		margin:0 auto 20px auto;
	}
	.btn_pay li{
		width: 25%;
		min-height: 80px;
		border: 0px solid #CCC;
		border-radius: 5px;
		float: left;
		margin: 5px 1% 0 0;
		padding:0 5px 0 85px;
		text-align:left;
	}
	ul.btn_pay li.go_pay{
		width: 22%;
		min-height: 82px;
		margin: 5px 0 0 0;
		border: 0px solid #CCC;
		float: right;
		padding:0;
		clear:none;
	}
	.btn_pay li.go_pay a{
		color: #FFF;
		text-align: center;
		padding: 15px 1.5% 0 1.5%;
		font-weight: bold;
		border-radius: 5px;
		display:block;
		font-size:20px;
		background-color:#F00;
		min-height:65px;
		width:97%;
	}
	.btn_pay li a:hover{
		box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.2);
		opacity: 0.8;
		text-decoration: none;
	}

	/*福利中心單頁版本*/
	.shop_search{
		width:80%;
		float:left;
	}
	.shop_sbtn{
		width:20%;
		float:right;
	}
	.shop_search select{
		width: 250px;
	}
	.shop_search input{
		width:490px;
	}
	.post_rule2 h1 img{
		max-width:100%;
		height:auto;
		float:left;
		margin-top:-15px;
	}

}

/* Added by Hank on 2014-11-06 */
.subnav .news span a{
	color:#3bacdf;
	font-size:16px;
	font-weight:bold;
	margin-right:10px;
}
.example.username{
	width: auto;
	margin-top: 0px;
}
/* End 2014-11-06 */

/* Added by Hank on 2016-12-06 */
.adv_728_90 {
	margin-top: 2px;
  margin-bottom: 10px;
	text-align:	center;
}
/* End 2016-12-06 */