@charset "utf-8";
/* CSS Document */

/*--------------------------------------reset 此區塊請勿更動*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, /*p, */blockquote, pre,
/*a, */abbr, acronym, address, big, cite, code,
del, dfn, em, /*img,*/ ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	font-family:Arial,'微軟正黑體';
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/*---------------------------------------------------------------------*/

a {color: #fff; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}
 *:focus{outline:none;}

body { background:#fffad7 url(images/taishin_CItkt_bg.jpg) center top no-repeat;}
img { margin:0; padding:0; border:none;}
#head {width:960px; height:350px; margin:0 auto; padding:0;}
#head h1 { height:70px; background:url(images/taishin_CItkt_h1.jpg) no-repeat}
#head h2 { height:280px; background:url(images/taishin_CItkt_h2.jpg) no-repeat}

#head h1, #head h2, #head h3 {width:960px; margin:0; padding:0; text-indent:-9999px; left:0;}
#content {width:960px; margin:0 auto; padding:0; background:url(images/cbg.gif) repeat-y; text-align:left;}
#content .boxtaiwan a {display:block; width:100%; height:100%;}
#content .ct0 {background:url(images/taishin_CItkt_c1.jpg) no-repeat;height:163px;}
#content .ct0_0 {background:url(images/taishin_CItkt_c2.jpg) no-repeat;height:259px;}
#content .ct1 {background:url(images/taishin_CItkt_c3.jpg) no-repeat;height:142px;}
#content .ct2 {background:url(images/taishin_CItkt_c4.jpg) no-repeat;height:92px;}
#content .ct3 {background:url(images/taishin_CItkt_c5.jpg) no-repeat;height:92px;}
#content .ct4 {background:url(images/taishin_CItkt_c6.jpg) no-repeat;height:92px;}
#content .side {float:left; width:250px; _width:245px; text-align:center;}
#content .side img { margin-top:10px}
#content .note {background-color:#EBEBEB; font-size:0.8em; line-height:1.6em; color:#666666; margin:10px 30px; padding:10px 5px;}
#content .note ol {margin:5px 0 10px 30px; padding:0; list-style:decimal;}
#content .note li {margin:3px 0; padding:0;}
#content .note li strong { color:#0830C7;}
#content .note p {display:block; text-indent:-25px; padding:0px 0px 0px 25px; margin:0px;}
#content .note a:link, #content .note a:visited { color:#bc630a; text-decoration: underline}
#content .note a:hover, #content .note a:active { text-decoration:none}
#content .warning {width:710px; height:95px; margin:0; padding:0; overflow:hidden; text-indent:-2000px;background:url(images/warn.gif) no-repeat;}
#content .warning a {display:block ;width:100% ;height:100% ;}


#content .note{font-size:13px; font-family:Arial,"新細明體"; }
.nav li a, ul.product li strong, span.name, span.price{font-size:15px; font-family:Arial,"微軟正黑體"; }

/*產品選單*/
.right-menu {width:620px; margin:0 auto; padding:2px 0px;}
.nav{text-align:center; margin-bottom:5px; overflow:hidden; _clear:both; background:#F4D97B ;
	 border-radius:5px; float:left; display:block; padding:8px 0px; display:block;}
.nav li {display:inline;}
.nav li a {	color:#313131; text-decoration:none; padding:2px;}
.nav li a:hover {color:#fd0902; background-color:#fff; border-radius:5px;}
.anchor {visibility: hidden; height:20px; display:block; float:left; margin:-70px 0 0 0; padding:70px 0 0 0;}


/*產品區*/	
h1, h2, h3, h4, h5, h6, ul, li{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align: baseline; background: transparent;}
a {color:#1f1f1f; text-decoration: none; blr:expression(this.onFocus=this.blur()); outline: none; 
   /* for Firefox */hlbr:expression(this.onFocus=this.blur()); /* for IE */}
a:hover {text-decoration:none;}
a:focus{ -moz-outline-style: none;}
.right{margin:0 auto;}
.rightbox{ *border:none; border-bottom:none; background:#fff;}
.location span.info_add{font-size:18px; letter-spacing:1px; color:#9f3b07; line-height:20px; 
	                    margin:10px 10px 0 35px; display:block; font-weight:bold;font-family:Arial,"微軟正黑體" !important;}
ul.product {width:660px; margin:0 auto; overflow: hidden; clear:both; margin-bottom:20px;}
ul.product li {width:200px; float:left; padding:7px; border-radius:3px;}
ul.product li a:hover {background:#ffeb7d;} 
ul.product li a {display:block; background:#e8e8e8; line-height:40px; height:35px; overflow:hidden; padding:0 10px;}
ul.product li strong {color:#ff0008; font-size:18px; padding:0 1px;}
ul.product li span.name {line-height:35px; color:#000000; padding:10px 0 0 10px;}
ul.product li span.price {float:right;}

/*--更多其它城市--*/	
.more {display:block; width:150px; float:right; margin:0 30px 0 0; padding:0; text-align:right; font-size:13px; font-weight:bold; line-height:32px;}
.more a:link,  .more a:visited {padding:5px 4px 3px; background:#884a01; color:#FFFFFF; text-decoration:none;}
.more a:hover, .more a:active {color:#fbfedf}

/* ---------------------- Back to top button --------------------- */
#back-top {
		width: 25px;
		height: 25px;
		display: none;
		position: fixed;
		bottom: 50px;
		left: 50%;
		margin-left: 495px;
		padding: 8px;
		font-size:12px;
		line-height: 13px;
		text-align: center;
		color:#00a3e0;
		-webkit-border-radius: 50px;
		-moz-border-radius: 50px;
		border-radius: 50px;    
		background:white;
		cursor: pointer;
		box-shadow:0 0 10px #ccc;
		-webkit-box-sizing:content-box;
		-moz-box-sizing:content-box;
		box-sizing:content-box;	
	}


/* -----------------------------min-width:960px---------------------------- */

@media only screen and (min-width:960px) {
#content .main {
	width:710px;
    margin:0 0 0 250px;
	_margin:0 0 0 246px;
	padding:0;
	background:#FFFFFF;
}
#content .boxtaiwan {width:710px; margin:0 auto; padding:0; text-indent:-9999px; 
	             white-space:nowrap; overflow:hidden; position:relative;}	
#content .boxtaiwan ol{list-style:none;}
#content .boxtaiwan strong, .rightbox .location h5, .rightbox .location ol{display:none;}
}

/* -----------------------------手機版型---------------------------- */

@media screen and (max-width:959px) {
*{box-sizing:border-box; }		
html,body{-webkit-text-size-adjust:none;}	
#content {min-width:320px; margin:0 auto; background-color:#fd8060;}
#head{
	background-image:url(images/taishin_CItkt_640.jpg);
	height:auto; 
	margin:0 auto;
	border:none;
	width:100%; 
	padding-bottom:62.5%;		
	background-size:cover; 
	background-position:center center;
	text-indent:-9999px;
}
h1, h2, h3 {display:none;}
	
#content .side, #content .ct0_0 ,#content .ct1, #content .ct2, #content .ct3, 
#content .ct4, #content .ct5, .right-menu, .anchor{display:none;}
	
body,#content, #content .ct0{background:#d8eaf8;}
#content .boxtaiwan strong{background-color:#E40408;}
#content .ct0 { height:100%;}	
#content {width:100%; height:100%; margin:0 auto;}
#content .boxtaiwan{width:100%; margin:0 auto;}
	
#content .boxtaiwan li p, .location li p, #content .boxtaiwan li .m2 {font-family:Arial,"新細明體";}
#content .boxtaiwan strong, #content .boxtaiwan li, .location h5, span.name{font-family:Arial,"微軟正黑體";}	
	
#content .boxtaiwan strong{font-size:15px; line-height:20px;  font-weight:bold; display:block; color:#F8F7F7;
	                   margin:20px 10px 0 10px; padding:10px 20px 10px 30px;}
#content .boxtaiwan ol{margin:0 10px 20px 10px; padding:10px 20px 10px 30px; display:block; background-color:#FFFFFF;}
#content .boxtaiwan li, .location li {font-size:13px; line-height:23px; list-style:none;}
#content .boxtaiwan li p, .location li p {display:block;text-indent:-13px; padding-left:10px; margin:0px; }
#content .boxtaiwan li .m1, #content .location li .m1 {font-size:15px; color:#F8070B; font-weight: bold;}
	
#content .location ol {padding:10px 20px 0 30px;}
	
#content .box li .st1{font-size:16px; color:#0317B1;margin:0px 0px 10px 0;}
#content .box li .st2 a{
 width:100%;  border-radius:3px; margin:8px 0px 10px 0; padding:1px 1px; font-size:20px; line-height:35px; 
 color:#fff;  background-color:#154998; border:1px solid #154998; text-decoration:none;text-align:center;}					   					   
#content .box li .st2 a:hover{background-color:#ff663f; border:1px solid #ff663f; color:#fff;}
#content .box li .st2_1{font-size:15px; color:#fff;}
	
/*產品區*/	
.rightbox { width:100%; border: 8px solid #f2e194; float:none;}
.info_add{font-size:13px; margin:10px 10px 0 38px; font-family:Arial,"新細明體" !important;}
.location h5 {height:36px; font-size:15px; color:#F8F7F7; background-color:#5f3900; width:100%; padding:10px 0 0 38px;font-family:Arial,"微軟正黑體" !important;}
.location{margin: 0; width:100%;}
ul.product {width:100%; margin:0 auto;}
ul.product li {width:95%; margin: 0 0 0 15px;}
ul.product li strong {color:#ff0008; padding: 0 2px;}
ul.product li span.name {font-size:16px;line-height:35px; padding: 0 0 0 2px;}
	
/*注意事項*/
#content .note {width:100%; margin:0 auto; padding:10px 0;}
#content .warning {display:none;}

/*按紐列*/
.menu-btn {margin-top:0px;}	
}

/* -----------------------------手機版型360px---------------------------- */
@media screen and (max-width:440px) {
ul.product li {width:90%;}
ul.product li span.name {padding:0 0 0 20px;}
}