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


/*common setting*/
body{ margin:0 auto; background:url(images/x-bg.gif) repeat-x top #fff; font-family: Arial, Microsoft JhengHei; position: relative;}
.FL{ float:left}
.Clear{ clear:both}
.key_tage{ color:#fff; letter-spacing: -0.1em; font-size: 1.1em;}
.key_tage a{ color:#fff}
ul{ margin:0px 0px}
.mark{ color:#b90013; font-weight:bold; letter-spacing:1px}
a { text-decoration: none;}
a, img, a img { border:0}
a:focus { background: #799cff}

.pagetab {
    overflow: hidden;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 1px;
    line-height: 1.1em;
    z-index: 100;
    font-size: 0.875em;
}
.pagetab:active, .pagetab:focus {
    overflow: visible;
    opacity: 1;
    width: auto;
    height: auto;
}

.Wrappaper{ margin:0 auto; width:1024px; border-right:1px #fcfcfc solid; border-left:1px #fcfcfc solid; background-color:#FFF}

/*Header*/
.header {
	position: relative;
	width: 100%;
	height: 131px;
    background: url(images/sk-ac-light.png) no-repeat 0 12px #e31d1a;
    background-color: #e31d1a;
    background-image: url(images/sk-ac-light.png);
    background-repeat: no-repeat;
    background-position: 0 12px;
}
.Logo_bar{ height:93px;}
.L01 { position: absolute; left: 5px; top: 3px;}
.L01 a { color: #e31d1a;}
.header .skml-logo {
    height: 35px;
    padding: 28px 0 30px 45px;
    margin: 0;
}
.header .skml-logo a {
    display: block;
    width: 400px;
    height: 35px;
    color: #fff;
}
.header .skml-logo .identity, .header .skml-logo .name {
    display: block;
    float: left;
    height: 35px;
}
.header .skml-logo .name {
    color: #fff;
    font-size: 20px;
    line-height: 20px;
    height: 20px;
    margin: 15px 0 0 17px;
}

/*Menu*/
.header .top-menu {
	clear: both;
	display: block;
	height: 38px;
	margin: 0;
	padding: 0 0 0 45px;
}
.header .top-menu li {
	display: block;
    float: left;
    margin-right: 24px;
}
.header .top-menu li a {
	display: block;
	height: 30px;
	padding-top: 8px;
    font-size: 16px;
    line-height: 21px;
    color: #fff;
	text-decoration: none;
}
.header .top-menu li a span {
	display: block;
	width: 49%;
	height: 2px;
	background: transparent;
	margin: 1px auto;	
}
.header .top-menu li a:hover span {
	background: #fff;
}

/*contain*/
.Contain{ margin: 20px 90px 40px 90px; clear: both;}
.Contain div{ line-height:24px}
.Contain .title{ line-height:24px; font-size:1.1em; color:#575757; height:19px; letter-spacing:1px; margin-bottom:20px; font-weight: normal}
.Contain .title img{ margin-right:10px}

/*網頁導覽*/
.Acess_tab{ width:80%; margin:0 auto;}
.Acess_tab div{margin:4px 0px}
.Acess_tab table{ width:100%; margin:4px 0px}
.Acess_tab th{ background-color:#e7d593; width:20%; padding:6px 6px; border-right:2px solid #b2a87c; border-bottom:6px solid #ffffff}
.Acess_tab td{ width:80%; background-color:#f0e8c3;padding:6px 6px;border-bottom:6px solid #ffffff}
.Acess_tab li{ list-style-type:none; display:block; width:172px; height:50px; float:left; border:1px solid #c2b47c; text-align:center; line-height:50px}


/*訊息公告*/
.New_list div { border-bottom:1px dotted #9b9b9b; line-height:50px; }
.New_list img{ margin-right:10px}
.New_list{ border-top:1px dotted #9b9b9b;}
.New_list a{ color:#666; text-decoration:none}
.New_list a:hover{ color:#900; text-decoration:underline}

.New_list_detail div, .New_list_detail h2{padding-left:120px}
.New_list_detail .title{ color:#d30031; font-size:21px;}

.List_btn{ margin-top:80px; text-align:center}
.List_btn a{ background-color:#C30; color:#FFF; padding:10px 20px; border:1px solid #900;}
.List_btn a:hover{ color:#ffffff;}

/*page02*/
.New_list_detail .s_note{ font-size:0.8em}
.New_list_detail .con{ margin-left:30px}

/*page01 menu_btn*/
.Sevice_btn h3{ float: left; width: 50%; margin: 0 0 20px 0}
.Sevice_btn h3 a{ display: block; width: 393px; height: 104px}
.main_btn a{ color:#333; display: block}
.main_btn .acitem{ display: inline-block; width:210px; height:52px; line-height:52px; border:1px solid #c2b47c; text-align:center; margin-right:8px; margin-bottom:8px; color:#717171}


/*新手上路*/
.Step div{ margin-bottom:24px}

/*主要電子交易平台介紹*/
.infor_tab th, .infor_tab td{ height:44px; line-height:44px; text-align:left; font-weight:bold; border-bottom:3px #ffffff solid; border-left:3px #ffffff solid; padding-left:4px}
.infor_tab th{ background-color:#9d9264; color:#ffffff;}
.infor_tab .t01{ background-color:#e7d593}
.infor_tab td{ color:#231815; background-color:#f0e8c3;}

/*客服服務資訊*/
.service_tab{ width:80%; margin:0 auto}
.service_tab th, .service_tab td{ height:44px; line-height:44px; text-align:left; border-bottom:3px #ffffff solid; border-left:3px #ffffff solid; padding-left:8px}
.service_tab th{ width:40%; background-color:#e7d593}
.service_tab td{ width:60%; background-color:#f0e8c3}


/*footer*/
.Footer{ position: relative; background: #e31d1a; border-bottom:1px #fcfcfc solid; font-size: 14px; padding: 22px 45px; color:#fff; line-height: 1.5em;}
.L02{ position: absolute; top: 3px; left: 3px;}
.L02 a{ color: #e31d1a;}
.L03{ position: absolute; top: 50%; right: 45px; margin-top: -18px;}