html,body {
	font-family: "Times New Roman","Microsoft JhengHei",serif;
	color: #333333;
	margin: 0px;
}
ul,ol,li {margin: 0px; padding: 0px;}
ul {list-style-type: none;}
ol {list-style-type: decimal-leading-zero;}
img {
	max-width: 100%; 
	border: 0px;
	outline:none;
}
a:active, a:focus, a:hover{text-decoration: none; outline:none;}
button{outline:none;}

/* 寬度 */
.width-mx {width: 100%;}

/* 文字 */
h1,h2,h3,h4,h5,h6,p,span {font-weight: normal; margin: 0px;}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 20px;}
h5 {font-size: 18px;}
h6 {font-size: 16px;}
p  {font-size: 14px;}
.bold  {font-weight: bold;}

/* 行距 */
.lh18 {line-height:18px;}
.lh20 {line-height:20px;}
.lh22 {line-height:22px;}
.lh24 {line-height:24px;}
.lh28 {line-height:28px;}
.lh32 {line-height:32px;}
.lh36 {line-height:36px;}
.lh40 {line-height:40px;}

/* 內距 */
.pad-r10 {padding-right: 10px;}
.pad-l10 {padding-left: 10px;}
.pad-l25 {padding-left: 25px;}
.pad-b50 {padding-bottom: 50px;}
.pad-b45 {padding-bottom: 45px;}
.pad-b40 {padding-bottom: 40px;}
.pad-b35 {padding-bottom: 35px;}
.pad-b30 {padding-bottom: 30px;}
.pad-b25 {padding-bottom: 25px;}
.pad-b20 {padding-bottom: 20px;}
.pad-b15 {padding-bottom: 15px;}
.pad-b10 {padding-bottom: 10px;}
.pad-b5 {padding-bottom: 5px;}
.pad-t50 {padding-top: 50px;}
.pad-t45 {padding-top: 45px;}
.pad-t40 {padding-top: 40px;}
.pad-t35 {padding-top: 35px;}
.pad-t30 {padding-top: 30px;}
.pad-t25 {padding-top: 25px;}
.pad-t20 {padding-top: 20px;}
.pad-t15 {padding-top: 15px;}
.pad-t10 {padding-top: 10px;}
.pad-t5 {padding-top: 5px;}
.pad-t-bs {padding-top: 70px;}
.pad-b-bs {padding-bottom: 70px;}
.pad-t-ms {padding-top: 50px;}
.pad-b-ms {padding-bottom: 50px;}
.pad-t-ss {padding-top: 30px;}
.pad-b-ss {padding-bottom: 30px;}

/* 文字色彩 */
.txtc-bkf {color: #ffffff;}
.txtc-bk0 {color: #000000;}
.txtc-bk3 {color: #333333;}
.txtc-bk6 {color: #666666;}
.txtc-bk9 {color: #999999;}
.txtc-1 {color: #e95a6f;}
.txtc-2 {color: #e60012;}
.txtc-3 {color: #cbc4a5;}

/* 背景色彩 */
.bgc-1 {background-color: #ffffff;}
.bgc-2 {background-color: #000;}
.bgc-3 {background-color: #E95A6F;}

/* 線條 */
.border-b1 {border-bottom: 1px solid #333;}
.border-t1 {border-top: 1px solid #ccc;}
.border-1 {border: 1px solid #666;}

/* 按鈕 */
.btn-1 {	
	font-size: 16px;
	line-height: 16px;
}
.btn-1 {
	text-align: center;
	border: none;
	cursor: pointer;
	border-radius: 3px;
	padding: 12px 30px;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn-primary1 {
	color: #fff;
	background-color: #0075c2;
	border-color: transparent;
}
.btn-primary1.active, .btn-primary1.focus, .btn-primary1:active, .btn-primary1:focus, .btn-primary1:hover, .open>.dropdown-toggle.btn-primary1 {
	color: #fff;
	background-color: #004e97;
	border-color: transparent;
}

/* 文字對齊 */
.text-al-lc {text-align: left;}
.text-al-r {text-align: right;}

/* 顯示隱藏 */
.dp-web {display: block;}
.dp-rwd {display: none;}

@media screen and (max-width: 1199px) {
html,body {font-family: "Lusitana","cwTeXHei","Microsoft JhengHei",serif;}
}

/* @media screen 991 */
@media screen and (max-width: 991px) {
.pad-t-bs {padding-top: 60px;}
.pad-b-bs {padding-bottom: 60px;}
.pad-t-ms {padding-top: 40px;}
.pad-b-ms {padding-bottom: 40px;}
.pad-t-ss {padding-top: 22px;}
.pad-b-ss {padding-bottom: 22px;}
.text-al-lc {text-align: center;}
}

/* @media screen 480 */
@media screen and (max-width: 480px) {
h1 {font-size: 30px;}
h2 {font-size: 24px;}
h3 {font-size: 20px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}	
.pad-t-bs {padding-top: 50px;}
.pad-b-bs {padding-bottom: 50px;}
.pad-t-ms {padding-top: 30px;}
.pad-b-ms {padding-bottom: 30px;}
.pad-t-ss {padding-top: 15px;}
.pad-b-ss {padding-bottom: 15px;}
.btn-1 {font-size: 16px; line-height: 16px;}	
.dp-web {display: none;}
.dp-rwd {display: block;}	
}

