@charset "utf-8";
/* CSS Document */
img{ width:auto;}
hr{ border-color: #fff;}


mark{ background-color:#f2e295;}
h1,h2,h3,h4,h5,h6{ color:#0060ff; font-size: 11pt; text-shadow: 3px 3px 1px #fff; letter-spacing:2px; padding-left:15px; background-repeat:no-repeat; background-position:left; }
h2{ color:#104479;}
body{ background:#f4f4f4;}
a:hover { color: #4099ff;}
ul, li { padding: 0; margin: 0; list-style: inherit;}
p.tel a{ font-size:30px; color:#87623a;  vertical-align:middle;}
.titig{
    display: block;
    margin: 0 auto;
	max-width:100%;
}
.thinTxt{ width:98%; background: #104479; background: -webkit-linear-gradient(left,#104479,#1f679f,#104479); border-radius:0; position:absolute; top:190px; left:1%; border-radius:50px;}
.thinTxt ul {max-width: 1280px;
	display: block;
	margin: 0 auto;
	text-align: center;
	color:#FFF; }
.thinTxt ul li{ display: inline-block;
	width: 111px;
	text-align: center;
	font-weight:bold;
	color:#333;
	font-size: 11pt;
	margin:25px 0px 25px 0px;}
.thinTxt ul li a{ padding-left: 0px;
	display: block;
	color:#FFF;}
	
h2.adtitle{display:block; width:88%; max-width:1200px; margin:0px auto 10px auto; padding:50px 0 0 0; background: none;}
ul.ad{ display:block; width:90%; max-width:1200px; margin:0 auto 50px auto; clear: both;}
ul.ad li{ display:inline-block; width:calc(23% - 6px); margin:0 1% 10px 1%; padding: 0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; border-radius:8px; overflow: hidden; font-size:0; line-height:0;}
ul.ad li img{ width:100%;}

.titLink{ text-align: right; display: block; font-size: 10pt; padding-right:15px; }
.book{ margin: 50px auto 100px auto; width: 90%; max-width:1200px; height: auto; position: relative; background-position-y:-100px; }
nav{ display: inline-block; width: 150px; min-height: 500px; margin: 0 50px 0 0; padding:30px 0 30px 30px; line-height: 20pt; background-color: #FFF;}
.book article{ display: inline-block; max-width: calc(100% - 200px - 330px); margin: 0 auto; padding:0; vertical-align: top; }
.book article h1{ color: #104479; margin: 0;  font-size: 26px; /*background: transparent url(../images/think/h1.png) no-repeat bottom left;*/ font-family:"微軟正黑體"; line-height:30px; }
.book article p img{ width:100%; height:auto; border-radius:5%; }
.thtTxt{ padding-left: 50px;}
.heaTitTxt{ text-align: center; font-size: 8pt; display: block;}
.thinklogo{ display:block; margin:0 auto; padding-top:20px; }
.tbwe01 { background-image: url(../images/think/w-top.png); background-repeat: no-repeat; width: 280px; height: 157px;}
.tbwe02{ /*background-image: url(../images/think/w-center.png);*/ background-repeat: repeat-y; height: 100%; width: 280px;}
.tbwe03 { /*background-image: url(../images/think/w-bottom.png);*/ width: 280px; height: 100%;}
.tb_think ul{ padding-left: 35px; text-decoration: none; color: #000; width: 100%; height:calc(24px * 20); border-spacing:0px; padding:0px; overflow:hidden}
.tb_think tr td{ padding:0; }
.tb_think ul li { width:195px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.tb_think ul li a{ text-decoration: none; color: #000; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
.tb_think{ position: absolute; top: -50px; right: 0; border-spacing: 0; background:#f4f4f4; }
.insImg img{ position: absolute; top: -10px; right: 53px; }
.heaLink{ display:block;  margin: 0 auto;}
.print{ cursor:pointer; }
.cell{ display:block; text-align:right; color:#562a0a; font-weight:bold; font-size:11pt;}
.timeOut{ display: block; width:1000px; margin: 0 auto; text-align: right; font-size: 10pt;}

.lista li{list-style:none;border-bottom:#263238 1px dashed;}
.lista span{float:right;}
.price {text-align: center;}
.price a{display: inline-block;
    margin: 15px 0px;
    padding: 15px 30px;
    background: #104479;
    color: #fff;
    border-radius: 20px;
    font-family: "微軟正黑體";
    font-weight: 700;
	font-size: 1.5em;}

/*Styles for screen 1200px and lower*/
@media screen and (max-width: 1000px) {
p.tel{ width: 90%; margin:15px 5% 15px 5%; padding: 0 0 15px 0; text-align:left; border-bottom: 1px dotted #ccc;}
p.tel a{ display: block;}
.thinTxt{ width:80%; margin: 15px auto 0 auto; padding: 0 5%; height: auto; text-align:left; border-top: 1px dotted #ccc;}
.thinTxt ul { margin: 20px 0; width:100%; display:block;}
.thinTxt ul li{ padding:0 10px 0 0; }
.titLink{ text-align: right; display: block; font-size: 10pt; padding-right:15px; }
.book{ margin: 15px auto; width: 100%; height: auto; position: relative; background-position-y:-100px; background-color:#fff; }
nav{ display: block; width: 90%; min-height: auto; margin: 0 5%; padding:50px 0 50px 0; line-height: 20pt;}
nav ul { width: 70%; padding: 0; margin: 0 auto; list-style: inherit;}
nav ul li { padding: 5px 0; border-bottom:1px solid #ccc;}
.book article{ display: block; max-width:100%; max-width: auto; margin: 0 auto; padding:0 5%; vertical-align: top; }
.book article h1{ color: #007a00; margin: 0; font-size: 26px; font-family:"微軟正黑體"; line-height:30px; }
.book article p img{ width:100%; height:auto; border-radius:5%; }
.thtTxt{ padding-left: 50px;}
.heaTitTxt{ width:90%; margin: 0 auto; padding: 0 0 15px 0; text-align: center; font-size: 8pt; display: block; border-bottom: 1px dotted #709548;}
.thinklogo{ width:90%; padding: 20px 5%;}
.thinklogo img { width:100%;}
.tbwe01 { background-image: url(../images/think/w-top.png); background-repeat: no-repeat; width: 280px; height: 157px;}
.tbwe02{ background-repeat: repeat-y; height: 100%; width: 280px;}
.tbwe03 { width: 280px; height: 100%;}
.tb_think ul{ padding-left: 35px; text-decoration: none; color: #000; width: 155px; border-spacing:0px; padding:0px; }
.tb_think tr td{ padding:0; }
.tb_think ul li { width:195px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden; }
.tb_think ul li a{ text-decoration: none; color: #000; -webkit-margin-before: 0.83em; -webkit-margin-after: 0.83em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; }
.tb_think{ position: relative; top: auto; right: auto; width:90%; margin: 0 auto; border-spacing: 0; background:#f4f4f4; }


.insImg { display: none;}
.insImg img{ display: none;}
.print{ cursor:pointer; }
.cell{ display:block; text-align:right; color:#562a0a; font-weight:bold; font-size:11pt;}
.timeOut{ width:90%; margin: 0 auto; text-align: left;}
}
@media screen and (max-width: 480px) {
	
	h2.adtitle { padding:30px 0 0 0;}
	.thinTxt{ display: none;}
	.thinklogo{ width:100%; padding:0;}
	.heaTitTxt{ border: none;}
	ul.ad{ width:100%; text-align:center;}
	ul.ad li{ width:calc(48% - 6px);}
	p.tel{ font-size:15px; text-align:center;}
	p.tel a{ display:inline-block; font-size:22px;}
	nav ul{ padding:0; list-style:none; width:100%;}
	nav ul li{ display:inline-block; padding: 5px 15px; margin:0 0 5px 0; border:1px solid #E0E0E0; border-radius:15px;}
}