@charset "utf-8";
/***************************************
    copyright by MakeWeb.com.tw 
***************************************/
@import url("global.css");
/*@import 'https://fonts.googleapis.com/css?family=Exo+2:200,500,700';*/
@import 'https://fonts.googleapis.com/css?family=Open+Sans:300,600';
/*@import 'https://fonts.googleapis.com/css?family=Cuprum:300,700';*/


html {font-size: 62.5%;/*10 ÷ 16 × 100% = 62.5%*/}
		
body{
	font-family: 'Open Sans', Helvetica, Arial, "微軟正黑體", "Microsoft JhengHei", "Microsoft YaHei";
	font-weight: 300;
	color: #444;
	margin: 0;
	font-size: 1.6rem;/*1.6 × 10px = 16px */
	line-height: 1.6;
	text-align: justify;
	/*background: #F1E5A8 url( ../../../../../cufiles/images/web/layout/bg_patten.png ) right top;*/
}

h1 {
	font-size: 4.4rem;
	font-weight: 300;
	line-height: 1.2;
	color: #FFF;
}
h2 {
	font-size: 3.0rem;
	font-weight: 300;
	color: #333;
}
h3 {
	font-size: 2.0rem;
	font-weight: 300;
	color: #333;
}
h4 {
	font-size: 1.6rem;
	font-weight: 300;
	color: #FFF;
}
h5 {
	color: #222;
}
h6 {
	color: #222;
}
p {
	line-height: 1.5;
}

a, a:focus {
	color: #888;
	text-decoration: none;
	outline: none; /* for Firefox, Chrome */
}
a:visited {
	color: #888;
	text-decoration: none;
}
a:hover {
	cursor:pointer;
	text-decoration: none;
	color: #F00;
}

.info_ori{
	background: #ECF0F1;
	padding: 20px;
	border-left: 4px solid #2E96D9;
}
.label_red{
	color: #FFF;
	background: #D9534F;
	padding: 3px 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.label_blue{
	color: #FFF;
	background: #337AB7;
	padding: 3px 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.label_ori{
	color: #FFF;
	background: #F0AD4E;
	padding: 3px 6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.label_green{
	color: #FFF;
	background: #4BB5C2;
	padding: 4px 12px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}
.hidden{
	display: none;
}


/*-------------------------------------------------
 Form
--------------------------------------------------*/
input[type="text"], input[type="password"]{
	width: 100%; 
	/*width:328px; */
	height: 34px;
	margin: 0;
	padding: 0 8px;
	font-size: 100%;
	background: #FFF;
	border: 1px solid #EEE;
}
textarea{
	/*line-height: 30px;*/
	/*width:340px; */
	width: 100%;
	margin: 0 0 4px 0;
	font-size: 100%;
	border: 1px solid #EEE;
}
input:focus, textarea:focus
{
	border: 1px solid #666;
	outline: none;
}
select {
	font-family: Helvetica, Arial, "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
	height: 1.8em;
	background: #FFF;
}
select::-ms-expand {
	display: none;
}
select:focus
{ 
	font-family: Helvetica, Arial, "Microsoft JhengHei", "Microsoft YaHei", sans-serif;
	border: 1px solid #666;
	outline: none;
}
.drop_select {
	/*width:346px; */
	width: 100%;
	min-width: 36px;
	height: 36px;
	margin: 0;
	padding: 0 34px 0 8px;
	font-size: 100%;
	background: #FFF url(../../../../mw/cufiles/images/web/select_arrow_3.png) no-repeat right;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none; /* Firefox */
	/*text-indent: 0.01px;*/
	text-overflow: '';
	-webkit-appearance: none; /* Safari and Chrome */
	border-radius: 0;
	border: 1px solid #EEE;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #CCC;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #CCC;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #CCC;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #CCC;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #CCC;
}
img {
	border: none;
}

pre{
	border: none;
	background: none;
}


a.main_btn {
	border-radius: 24px;
	padding: 10px 24px;
	transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	-webkit-transition: all 0.35s ease-in-out;
	-o-transition: all 0.35s ease-in-out;
	-ms-transition: all 0.35s ease-in-out;
}

a.main_red_btn {
	background: none;
	margin-right: 12px;
	border: 2px solid #E84855;
	color: #E84855 !important;
}
a.main_red_btn:hover {
	background: none;
	border: 2px solid #222;
	color: #222 !important;
}

a.main_black_btn {
	background: none;
	margin-right: 12px;
	border: 2px solid #222;
	color: #222 !important;
}
a.main_black_btn:hover {
	background: none;
	border: 2px solid #E84855;
	color: #E84855 !important;
}

a.main_white_btn {
	background: none;
	margin-right: 12px;
	border: 2px solid #FFF;
	color: #FFF !important;
}
a.main_white_btn:hover {
	background: none;
	border: 2px solid #999;
	color: #999 !important;
}

a.main_gray_btn {
	background: none;
	margin-right: 12px;
	border: 2px solid #BBB;
	color: #BBB !important;
}
a.main_gray_btn:hover {
	background: none;
	border: 2px solid #E84855;
	color: #E84855 !important;
}