@charset "UTF-8";
/* CSS Document */
@media screen and (max-width:1099px) {
	html, body {
		font-size: 0.9em!important;
		line-height: 20px!important;
	}
	h2 {
		/*font-size: 1.6em!important;*/
		font-weight: bold;
	}
	h3 {
		font-size: 1.2em;
		font-weight: bold;
		/*color: #333;*/
	}
	h4 {
		font-size: 1.3em;
		line-height: 24px;
	}
	nav {
		border-bottom: 1px solid #dbdbdb;
		background: #fff!important;
	}
	form {
		margin: 0;
	}
	.title {
		width: 100%;
		text-align: center;
		margin: 25px 0px;
		font-size: 1.4em;
		height: 30px;
		line-height: 30px;
	}
	.confirm {
		padding: 0px
	}
	.form_note {
		padding: 5px;
	}
	.menu_con {
		width: 100%;
		height: 60px;
		background: #fff;
	}
	.menu_con>.logo>img {
		height: 55px;
	}
	.con {
		width: 96%;
		margin: 0px auto;
		padding: 0px;
		-webkit-overflow-scrolling: touch;
		backgrounds: #fff;
		transition: 0s ease;
		overflow: auto;
	}
	.menu_con>ul {
		float: none;
		width: 80px;
		height: 60px;
		margin: 0px;
		top: 0px;
		right: 0px;
		z-index: 1001;
		background: #db5009;
		color: #Fff;
		position: absolute;
		display: none;
	}
	.menu_con>ul>li>a {
		display: none;
	}
	.mobile_btn {
		display: block;
	}
	.btn_set {
		transition: 0.25s ease;
		text-align: center;
	}
	.lan {
		font-size: 16px;
		letter-spacing: 1px;
		position: absolute;
		top: 0px;
		right: 80px;
		border: 0px solid #dbdbdb;
		width: 80px;
		height: 60px;
		line-height: 60px;
		text-align: center;
		color: #Fff;
		background: #333;
		z-index: 1000;
		border-radius: 0px;
	}
	.lan .material-icons {
		margin-top: 0px;
		margin-left: 1px;
		vertical-align: middle;
		font-size: 2.4em;
		height: 60px;
		padding-top: 11px;
	}
	.lan:hover {
		transition: 0.35s ease;
		height: 210px;
	}
	.lan>div>a {
		display: block;
		height: 50px;
		line-height: 50px;
	}

	/* 按鈕設計 */
	.btn_design_set {
		width: 100%;
		/*margin: 60px auto 10px auto;
		height: 40px;*/
		float: none;
	}
	.btn_design {
		padding-left: 10px;
		width: 130px;
		height: 40px;
		border-radius: 20px;
		background: #Db5009;
		color: #fff;
		text-align: center;
		cursor: pointer;
		user-select: none;
		transition: 0.25s ease;
		overflow: hidden;
		float: right;
		margin-right: 0px;
	}
	.btn_design .material-icons {
		color: #fff;
		font-size: 2.1em;
		transition: 0.25s ease;
		display: block;
		float: left;
		margin-left: 6px;
		margin-top: 7px;
	}
	.btn_design:hover {
		width: 130px;
		text-align: left;
		padding-left: 10px;
		background: #333;
		transition: 0.25s ease;
	}
	.btn_design:hover .material-icons {
		padding-left: -0px;
		transition: 0.25s ease;
	}
	.text {
		color: #fff;
		vertical-align: top;
		font-size: 12px;
		font-weight: bold;
		line-height: 27px;
		opacity: 1;
		padding-left: 2px;
		display: block;
		float: left;
	}
	.btn_design:hover .text {
		opacity: 1;
	}

	/* top_btn 定義 */
	.top_btn {
		transform: scale(0.75);
	}

	/* btn define */
	.quick_btn {
		width: 33%;
		height: 60px;
		font-size: 16px;
		border: none;
		outline: none;
		margin: 10px 0px;
	}
	.base_btn {
		width: 30%;
		font-size: 14px;
		margin-right: 1%;
		letter-spacing: 1px;
	}
	.base_btn:hover {
		background: #db5009;
		color: #fff;
		transition: 0.25s ease;
	}
	.row {
		margin: 5px 0px;
	}
	.col50 {
		width: 100%;
		margin: 5px auto;
	}
	.col33 {
		width: 100%;
		margin: 5px auto;
	}
	.col50:nth-child(odd) {
		float: none
	}
	.col50:nth-child(even) {
		float: none
	}

	/* checkbox 定義 */
	.checkbox_con>i {
		font-size: 2.6em;
	}

	/* 彈跳式視窗遮罩 定義 */
	.mask {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.9);
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 20000;
		display: none;
	}
	.pop {
		width: 96%;
		max-height: 450px;
		top: 50%;
		left: 50%;
		margin-top: -225px;
		margin-left: -48%;
		overflow: hidden;
		opacity: 1;
		transform: scale(0.90)
	}
	.pop .pop_content {
		max-height: 340px;
	}
	#next_btn, #pre_btn {
		display: none;
	}
	#pre_btn, #next_btn {
		top: 200px;
	}
	footer {
		font-size: 0.7rem;
		letter-spacing: 0.3px;
		padding-top: 5px;
	}
	footer>span {
		display: block;
		margin-top: -1px;
	}

	/* banner 區塊定義 */
	.banner {
		width: 100%;
		position: static;
		height: auto!important;
	}
	.banner_box span {
		color: #fff !important;
		font-weight: 600;
		font-size: 1.2em;
		margin-top: 10px;
		padding: 0px;
	}
	.banner_text {
		font-size: 1.2em;
		font-weight: 600;
		line-height: 1.4;
	}
	.banner_box h2 {	
		font-size: 1.7em;
		line-height: 1.2;
		letter-spacing: 1px;
	}
	.banner>.con>.gotobuy_frame {
		overflow: auto;
		width: 100%;
		height: 320px;
		margin-top: 0px;
		position: relative;
		-webkit-overflow-scrolling: touch;
		-ms-overlf
	}
	.gotobuy_frame::-webkit-scrollbar {
		display: none
	}
	.banner>.con>article {
		color: #fff;
		padding-top: 90px;
		font-size: 0.9em;
		width: 96%;
		margin: 60px auto;
	}
	.gotobuy_index {
		width: 1850px;
		height: 300px;
		position: absolute;
		top: 0px;
		left: -148px;
		transform: scale(0.85);
	}
	.gotobuy_index>div {
		width: 310px;
		height: 320px;
		background: #efefef;
		padding: 0px;
		position: relative;
		float: left;
		margin-left: 48px;
		border-bottom-left-radius: 15px;
		border-bottom-right-radius: 15px;
		margin-left: 0px;
	}
	.menu_tag {
		width: 98% !important;
		font-size: 1.2em;
	}
	.gotobuy_index>div>div {
		position: absolute;
		top: -18px;
		right: 21px;
	}
	.gotobuy_index>div>div>img {
		box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.3)
	}
	.gotobuy_index>div>article {
		padding: 20px;
		margin-top: 95px;
	}
	.gotobuy_index>div>article>h3 {
		font-size: 16px;
		font-weight: bold;
		margin: 10px 0px;
	}
	.gotobuy_index>div>article>p {
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 1px;
		color: #848484;
	}
	.gotobuy_index>div>article>span {
		font-weight: bold;
	}

	/* 查詢車次表表格樣式 */
	.list_timetable {
		width: 100%;
		margin: 30px auto 5px auto;
	}
	.list_timetable>h3 {
		float: none;
		font-size: 16px;
		color: #666;
		margin-bottom: 10px;
	}
	.list_timetable_con table {
		clear: both;
		width: 1040px;
		margin: 0px auto;
		border: 1px solid #d2d2d2;
	}
	.list_timetable th {
		padding: 10px;
		background: #4f4f4f;
		color: #Fff;
		font-size: 13px;
		letter-spacing: 1px;
	}
	.list_timetable td {
		padding: 15px;
		text-align: center;
		letter-spacing: 0.2px
	}

	/* info_元件定義 */
	.info {
		width: 100%;
		border-top: 1px solid #d2d2d2;
		margin-bottom: 10px;
		overflow: auto;
		border-collapse: collapse;
		border-left: 1px solid #d2d2d2;
		background: #fff;
	}

	/* .info>div{width:100%;float:none;border-right:1px solid #d2d2d2;border-bottom:1px solid #d2d2d2;padding:5px 15px;} */
	.info>div {
		width: 100%;
		float: none;
		border-right: 1px solid #d2d2d2;
		border-bottom: 1px solid #d2d2d2;
		padding: 10px 15px;
		overflow: auto;
	}
	.info>div>p {
		color: #9e9e9e;
		font-size: 12px;
	}

	/* .info>div>h3{color:#333;margin-top:5px;font-size:16px;letter-spacing:0.2px} */
	.info>div>h3 {
		color: #333;
		margin-top: 5px;
		font-size: 14px;
		letter-spacing: 0px;
		line-height: 1.5;
		height: auto;
	}
	.booking {
		margin: 0;
	}
	.booking>.content {
		width: 100%;
		margin: 0px auto;
		padding: 0px;
	}

	/* info_card元件定義 */
	.info_card {
		width: 100%;
		border: 0px solid #d2d2d2;
		padding: 10px;
		margin: 15px auto;
		height: auto;
	}
	.info_card:nth-child(odd) {
		float: none;
	}
	.info_card:nth-child(even) {
		float: none;
	}
	.info_card>.value {
		width: 100%;
		overflow: auto;
	}
	.info_card>.value>p {
		float: none;
		margin-right: 5px;
		width: 96%;
		margin: 10px auto;
		border-bottom: 1px dotted #d2d2d2;
		padding-bottom: 5px;
		font-size: 14px;
	}
	.info_card>.value>p:first-child {
		font-weight: bold;
	}
	.info_card>.status {
		top: 0px;
		left: 0px;
	}
	.info_card>.status>i {
		font-size: 30px;
		top: -3px;
		transition: 0.25s ease;
		right: 12px;
	}
	.info_card a {
		
	}
	.info_card .material-icons {
		font-size: 28px;
		margin-right: -4px;
	}

	/* 內頁活動註解 */
	.note {
		width: 100%;
		margin: 5px auto;
		padding: 0px;
		clear: both;
	}
	.note h3 {
		font-size: 15px;
		/*color: #666;*/
		margin-bottom: 0px;
		letter-spacing: 0.5px;
	}
	.note h2 {
		font-size: 14px !important;
		margin-top: 5px;
		line-height: 1.2;
	}
	.note ul {
		padding: 25px;
	}
	.note ul li {
		margin-bottom: 5px;
		line-height: 24px;
		letter-spacing: 0.6px
	}

	/* 產品介紹 */
	#product {
		display: none;
		margin-bottom: 40px;
	}
	.table_con {
		overflow: auto;
	}
	.bar1 {
		display: block;
		width: 220px;
		height: 4px;
		background: #Db5009;
		position: absolute;
		top: 121px;
		left: 363px;
	}
	.bar2 {
		display: block;
		width: 449px;
		height: 4px;
		background: #1065bb;
		position: absolute;
		top: 269px;
		left: 363px;
	}
	.bar3 {
		display: block;
		width: 455px;
		height: 4px;
		background: #139818;
		position: absolute;
		top: 371px;
		left: 584px;
	}
	/*
	.table_style {
		width: 760px;
		margin: 30px auto;
	}
	.table_style th {
		padding: 15px;
		font-size: 1em;
		text-align: center;
	}
	.table_style th:first-child {
		width: 300px;
	}*/

	/* 使用方式 */
	.howtouse {
		border: 0px solid #d4d4d4;
		margin: 0px auto;
		padding: 0px;
		height: auto;
		width: 98%;
	}
	.howtouse>div>article {
		padding-bottom: 20px;
	}
	.howtouse>div {
		/*width: 65%;
		float: none;
		height: auto;
		padding: 0px;*/
		margin: 15px auto;
	}
	.howtouse>div>h2 {
		background: #4f4f4f;
		text-align: center;
		padding: 10px;
		color: #fff;
		font-size: 1.1em;
	}
	.howtouse>div>h2>.material-icons {
		margin-right: 3px;
		font-size: 1.2em;
		vertical-align: bottom;
	}
	.howtouse>div>article>p {
		font-size: 1em;
		line-height: 1.5;
	}

	/* 推薦景點 */
	.spot {
		margin: 0px;
		padding: 0px;
	}
	.spot>.station_menu {
		background: none;
		border: 0px solid #d4d4d4;
		padding: 5px;
		overflow: auto;
	}
	.spot>.station_menu>div {
		width: 1050px;
	}
	.spot>div>button {
		
	}
	.spot>div>button:hover:enabled {
		background: #db5009;
		color: #fff;
		border: 0px;
		transition: 0.25s ease;
	}
	.spot>div>button .active {
		color: #db5009;
		font-weight: bold;
	}
	.spot>.group {
		width: 96%;
		padding: 5px;
		margin: 10px auto;
	}
	.spot>.group>.item {
		height: auto;
		width: 48%;
		background: #Fff;
		display: inline-block;
		border: 1px solid #d4d4d4;
		margin: 10px 1%;
		float: left;
	}
	.spot>.group>.item>.photo>img {
		width: 100%;
		padding: 0px;
	}
	.spot>.group>.item>article {
		padding: 15px;
		height: auto;
		overflow: auto;
		height: 200px;
	}
	.spot>.group>.item>article>.route {
		margin: 10px 0px;
		color: #999;
	}
	.spot>.group>.item>article>.route>i {
		vertical-align: bottom;
		margin-right: 5px;
		font-size: 25px;
	}

	/* 票務規則 */
	.rule {
		width: 100%;
		padding: 5px;
		margin: 15px 0px;
	}
	.rule>.item {
		position: relative;
		width: 100%;
		border: 1px solid #d2d2d2;
		background: #Fff;
		margin: 5px 0px;
		padding: 10px 0px 10px 0px;
		display: inline-block;
		cursor: pointer;
		transition: 0.25s ease;
		/*box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.2)*/
	}
	.rule>.item>h4 {
		padding-left: 10px;
		font-size: 1.1em;
		width: 90%;
	}
	.rule>.item>.more_icon {
		position: absolute;
		top: 14px;
		right: 4px;
		width: 30px;
		height: 30px;
		border: 0px solid #d4d4d4;
		border-radius: 30px;
		user-select: none;
		text-align: center;
	}
	.rule>.item>.more_icon>.material-icons {
		font-weight: bold;
		color: #333;
		font-size: 1.3em;
		transition: 0.25s ease;
	}
	.rule>.item:hover h4 {
		transition: 0.25s ease;
		color: #Db5009;
	}
	.rule>.item:hover .material-icons {
		color: #Db5009;
		transition: 0.25s ease;
	}
	.rule>.item>.rule_content {
		margin-top: 20px;
		display: none;
		padding: 0px;
		border-top: 1px solid #d2d2d2;
	}
	.rule>.item>.rule_content>ul {
		list-style-type: disc;
		width: 90%;
		margin: 10px auto;
	}
	.rule>.item>.rule_content>ul li {
		margin-bottom: 20px;
	}
	
	/* buy頁面 */
	.buy {
		width: 100%;
		margin-top: 0px;
		background: #Fff;
	}
	.buy>h3 {
		padding: 15px;
		border-bottom: 0px solid #d2d2d2;
		font-size: 14px;
		/*background: #333;*/
		color: #fff;
		letter-spacing: 0.2px
	}
	.buy>.content {
		width: 100%;
		margin: 0px auto;
		padding-bottom: 0px;
	}
	#buy_card {
		width: 100%;;
		transition: 0.25s ease;
		margin: 0px auto;
		height: auto;
		padding: 50px;
		float: none;
		border-radius: 0px;
	}
	#buy_card>.material-icons {
		font-size: 8em;
		user-select: none;
		margin: 0px;
		padding: 0px;
		transition: 0.5s ease;
		transform: rotate(0deg)
	}
	#buy_card>p {
		font-weight: bold;
		color: #666;
		letter-spacing: 1px;
		transition: 0.5s ease;
		font-size: 14px;
	}
	#buy_card:hover {
		color: #db5009;
		transition: 0.25s ease;
		box-shadow: 4px 4px 9px 0px rgba(0, 0, 0, 0.15);
	}
	#buy_card:hover .material-icons {
		transform: rotate(90deg);
		transition: 0.35s ease;
	}
	#buy_card:hover p {
		color: #db5009;
		transition: 0.25s ease;
	}

	/* input */
	input[type="text"] {
		width: 100%;
		outline: none;
		height: 50px;
		margin: 10px 0px;
		font-size: 16px;
		color: #666;
		font-family: Microsoft JhengHei;
		padding: 10px;
	}

	/* select */
	.de-select {
		width: 49%;;
		height: 50px;
		border: 1px solid #d2d2d2;
		outline: none;
		background: #fff;
		border-radius: 0px;
		font-size: 16px;
		color: #666;
		font-family: Microsoft JhengHei;
		padding: 10px;
		float: left;
	}
	.form_btn_style {
		margin: 50px auto;
		text-align: center;
	}
	.form_btn_con {
		margin: 10px auto;
		text-align: center;
		padding-bottom: 20px
	}
	.main_btn {
		font-size: 1.2em;
		border: 0px;
		outline: none;
		width: auto;
		margin: 4px;
		height: auto;
		letter-spacing: 1px;
		border-radius: 8px;
		padding: 15px 20px;
	}
	.order_item {
		width: 100%;
	}	
/*	.main_btn:hover {
		transition: 0.25s ease;
	}
*/
	/* Add By ITD */
	/* .pay_item>a{width:85%;} */
}

@media screen and (max-width:800px) {
	.order_contetnt {
		padding: 5px 25px;
	}
	.discount_area_input {
		width: 100% !important;
		display: block !important;
		margin: 10px 0px;
	}
	.discount_area_btn {
		padding: 15px 25px;
		display: block;
		cursor: pointer;
		width: 100%;
		text-align: center;
		font-weight: 600;
		font-size: 1.2em;
		margin: 10px 0px;
	}
	.icon_design_main_btn {
		margin: 2px;
		padding: 5px 15px;
	}
	.icon_design_main_btn img {
		display: none;
	}
	.qa_sec .con {
		width: 100%;
	}
	.qa_sec .title {
		margin: 35px 0px 15px 0px;
	}
	.main_btn {
		background: #fff !important;
		display: block;
		width: 84% !important;
		margin: 15px auto;
		border: 2px solid #Db5009 !important;
		color: #db5009 !important;
		border-radius: 30px;
	}
	.pop .pop_btn button {
		font-size: 1.2em;
		font-weight: 600;
	}
	.con {
		width: 94%;
	}
	.pr_title {
		font-size: 1.2em;
	}
	#yx1, #yx2, #yx3 {
		width: 90% !important;
		margin: 0px auto;
	}
	#yx4 {
		width: 750px;
		padding: 5px;
	}
	.yx4_div {
		text-align: left;
		padding: 5px;
	}
	.product_model>div .pr_photo {
		position: static !important;
	}
	.product_model>article {
		margin: 10px 0px;
		padding: 0px 10px;
	}
	.product_model>div {
		height: auto;
	}
	.pr_control_btn {
		margin: 5px;
		padding: 5px;
	}
	.product_model {
		width: 100%;
		margin: 10px 0px;
	}
	.booking>.content {
		width: 100%;
		margin: 10px auto;
		padding: 0px;
	}
	.note {
		width: 100%;
		margin: 5px auto;
		padding: 0px;
		clear: both;
	}
	.note ul {
		padding: 10px;
	}
	.buy>.content {
		padding: 0px;
	}
	.email_safecode {
		margin: 10px auto;
		width: 100%;
		padding: 8px;
	}
	.info_card>.value {
		height: auto;
	}
	.btn_design_set {
		margin-top: 0px;
		height: auto;
		padding: 0px;
		margin-bottom: 10px;
	}
	.buyv3_btn {
		margin: 3px;
		display: inline-block
	}
	.content_info_card {
		margin: 0;
		padding: 10px;
	}
	.top_btn {
		display: nones;
	}
	.footer_btn {
		height: auto;
	}
	.order_sec {
		clear: both;
		margin-top: 25px;
	}
	.order_sec .con {
		width: 100%;
		background: #efefef
	}
	.order_item {
		margin: 0px;
	}
	.menu_sec {
		height: auto;
	}
	.banner {
		height: auto;
		overflow: hidden;
	}
	.banner>.con>article {
		padding-top: 60px;
	}
	.menu_sec .con {
		width: 100%;
	}
	.menu_tag {
		width: 100% !important;
		font-size: 1em;
		border-radius: 0px;
		height: auto;
		margin: 0px;
	}
	.menu_tag li {
		width: 50%;
		float: left;
		border-bottom: 1px solid #d4d4d4;
		height: 60px;
		text-align: center;
		line-height: 60px;
		font-weight: bold;
		font-size: 1.1em;
		cursor: pointer;
		color: #656565;
		border-right: 1px solid #d4d4d4;
		letter-spacing: 1px;
	}

	/*乘車區間*/
	.station_point {
		width: 100%;
	}
	.station_slider {
		width: 100%;
		overflow: auto;
		height: inherit;
		position: inherit;
		margin-top: -40px;
	}
	.station_point ol {
		width: 1100px;
	}
	.table_ticket_style {
		width: 680px;
	}
	.product_item {
		width: 100%;
		overflow: auto;
	}
	.footer_btn>.con>a {
		display: block;
		width: 100%;
		float: left;
		font-size: 1em;
		height: 60px;
		line-height: 30px;
		font-weight: bold;
		color: #fff;
		margin: 0px;
		text-align: left;
		background: #d56709;
		border-radius: 0;
		background: #333;
		border-bottom: 1px solid #515151;
	}
	.footer_btn>.con {
		width: 100%;
		background: #f00;
		margin: 0;
	}
	.cx1_map_title {
		width: 100%;
		font-size: 1.2em;
		position: initial;
	}
	.staton_map {
		position: initial;
		margin: 20px auto;
		border: 1px solid #d4d4d4;
		text-align: center;
	}
	.download_pdf_btn {
		position: initial;
		display: inline-block;
		margin: 10px;
	}
	.cx1_map, .cx2_map {
		display: none;
	}
	.table_ls_style {
		width: 850px;
	}
	.table_ls_style th {
		font-size: 1em;
	}
	footer {
		height: auto;
		background: #333;
		padding-top: 15px;
	}
	footer a {
		font-weight: 600 !important;
		font-size: 1em !important;
		color: #d1d1d1 !important;
		letter-spacing: 1px;
	}
	footer p {
		display: nones;
	}
	.qa_icon {
		width: 25px;
		height: 30px;
		display: inline-block;
		margin-right: 8px;
		vertical-align: bottom;
		float: none;
		margin-top: 0px;
	}
	.good_icon {
		width: 25px;
		height: 30px;
		display: inline-block;
		margin-right: 8px;
		vertical-align: bottom;
		float: none;
		margin-top: 0px;
	}
	footer>.con {
		text-align: left;
		width: 98%;
		padding: 4px;
	}
	.spot>.group>.item {
		height: auto;
		width: 90%;
		background: #Fff;
		display: block;
		border: 1px solid #d4d4d4;
		margin: 10px auto;
		float: none;
	}
	.howtouse_icon>img {
		width: 40%;
		padding: 6px;
	}
	.howtouse>div {
		width: 48%;
		border-radius: 15px;
		margin: 3% 1%;
		height: auto;
	}
	.howtouse>div>article>h4 {
		font-size: 1.1em!important;
		line-height: 1.3;
	}
	.howtouse>div>article {
		width: 90%;
		height: 125px;
		overflow: auto;
	}
	.howtouse .material-icons {
		font-size: 7em;
		margin: 25px 0px;
		text-align: center;
		display: block
	}

	/* 車次表的table */
	.list_timetable_con table {
		clear: both;
		width: 750px;
		margin: 0px auto;
	}

	/* 右上方的控制按鈕 */
	.control_btn_set {
		padding-bottom: 10px;
	}

	/* 我已閱讀 checkbox */
	.iknow>div {
		float: left;
		width: 6%;
	}

	/* 經銷商頁面 */
	.agency {
		width: 100%;
		overflow: auto;
		margin: 0px auto;
	}
	input[type="select"] {
		display: block;
		width: 100%;
		height: 60px;
		border: 1px solid #d2d2d2;
		outline: none;
		background: #Fff;
	}
	.de-select {
		width: 100%;
		height: 50px;
		margin-bottom: 10px;
	}
	.de-select:first-child {
		float: none
	}
	.de-select:last-child {
		float: none
	}
	.agency-info {
		border: 0px solid #d2d2d2;
		padding: 0px;
		background: none;
		margin: 20px auto;
		overflow: auto;
	}
	.card {
		background: #fff;
		border: 1px solid #d2d2d2;
		width: 100%;
		margin: 20px auto;
		border-radius: 10px;
		overflow: hidden;
	}
	.card:nth-child(odd) {
		float: none;
	}
	.card:nth-child(even) {
		float: none;
	}
	.card>h4 {
		border-bottom: 1px solid #d2d2d2;
		padding: 8px 10px;
		font-size: 1.1em;
	}
/*	.card>h4:before {
		content: "●";
		padding-right: 2px;
		font-size: 6px;
		vertical-align: top;
	}*/
	.card>article {
		padding: 10px;
		height: auto;
	}
	.card>article>p {
		margin-bottom: 5px;
		color: #666;
		border-bottom: 1px dotted #d2d2d2d2;
		padding-bottom: 5px;
	}
	.card>.go {
		display: block;
		height: 30px;
		text-align: right;
		padding-right: 10px;
	}
	.card>a.go {
		font-weight: bold;
		font-size: 1em;
		margin-bottom: 0px;
		color: #fff;
		display: block;
		text-align: center;
		padding: 5px;
		background: #686868;
	}
	.card>a.go:before {
		content: "";
		padding-right: 5px;
	}
}

@media screen and (max-width:360px) {
	.howtouse>div {
		width: 90%;
		border-radius: 15px;
		margin: 3% auto;
		height: auto;
		float: none;
	}
	.howtouse>div>h2 {
		font-size: 1.1em;
	}
}