@charset "UTF-8";

html {overflow-x:hidden;overflow-y:scroll;}
body {
	margin:0px;
	background-color:#eee;
}
a {blr:expression(this.onFocus=this.blur()); outline:none;}
img {border:0px;}

body, td, p {font-family:"微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:1rem; color:#333; line-height:160%;}
select,textarea,input {font-family:"微軟正黑體", "Microsoft JhengHei", "微软雅黑体", "Microsoft YaHei", Arial, Helvetica, sans-serif; font-size:1rem; color:#000; line-height:160%;}
a {color:#33f; text-decoration:underline;}
a:hover,a:active {color:#33f; text-decoration:none;}
/*ul,li {margin: 0;padding: 0;list-style: none;}*/

#bg_mask_black {
	position:absolute;bottom:0;
	width:100%;
	background-color:#000000;
}

/*head*/
#head_list {
	position:relative;
	margin:0 auto;
	width:100%;
}
#head_list .head {
	position:relative;
	margin:0 auto;
	width:100%;max-width:960px;
	text-align:center;
}
#head_list .logo {
	margin:0 auto;
	padding:3%;
	width:35%;
}
#head_list .logo img {
	max-width:100%;
}
#lang_list{
	position:absolute;top:25%;left:44%;
	width:45%;
}
#lang_list img {
	width:33.3333%;
}
#head_margin {
	position:relative;
}
/*float_menu*/
#float_top {
	position:fixed;bottom:0;right:0;
	text-align:center;color:#fff;
	cursor:pointer;
	z-index:99999;
	background-color:#ff0054;
	border:1px solid #fff;
	
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
	display:none;
}
#float_top img {
	display:block;
}
#float_switch {
	position:fixed;top:0;right:0;
	cursor:pointer;
	z-index:99999;

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#float_switch img {
	width:100%;
}
#float_menu {
	position:fixed; top: 0; right:-100%;
	height:100%;
	font-size:0.938em;color:#000;text-align:center;line-height:250%;
	background-color:rgba(0,0,0,.85);
	z-index:99998;

    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
}
#float_menu .fmenu{
	color:#fff;
	cursor:pointer;
}
#float_menu .fmenu.privacy{
	color:#ccc;font-weight:300;
}
#float_menu .fmenu.cur{
	color:#fff;
	background-color:#ff0054;
}
#float_menu .fmenu.privacy:hover{
	color:#fff;
}
#float_bg {
	position:fixed;
	width:100%;height:100%;
	background-color:rgba(0,0,0,.75);
	z-index:99997;
	filter:alpha(opacity=0);-moz-opacity:0.0;opacity:0.0;
	display:none;
}
/*main*/
#main_list {
	/* padding:5%; */
}
/*privacy*/
#main_list.privacy {
	padding:5%;
	max-width:720px;
}
#main_list .logo {
	margin:0 auto;
	width:50%;
}
#main_list .logo img {
	margin:0 auto;
	max-width:100%;
	display:block;
}
#main_list .h1_sub {
	font-weight:300;
}
#main_list .h1,#main_list .h2 {
	clear: both;
	font-weight:bolder;
}
#main_list .text {
	/*text-align: justify;*/
}
#main_list .section {
	padding:5% 0 5% 0;
}
#main_list .section li {
	padding:1% 0 1% 0;
}
#main_list .section ol.upper li {
	list-style: none;
	text-indent:-2em;padding-left:0.24em;
}
#main_list .section ul.disc li {
	list-style-type: disc;
	text-indent:0em;padding-left:0em;
}
#main_list .section ol.decimal li {
	list-style-type: decimal;
}
#main_list .section ol.brackets {
    /*counter-reset: list;
	position:relative;*/
}
#main_list .section ol.brackets li {
	list-style: none;
	text-indent:-3em;padding-left:1.22em;
}
#main_list .section ol.brackets li:before {
    /*counter-increment: list;
    content: "(" counter(list, decimal) ") ";
	position:absolute;
	left:-1.48em;width: 1.48em; */
}
#main_list .section ol.bracket {
    counter-reset: list;
}
#main_list .section ol.bracket li {
	list-style: none;
	position:relative;
}
#main_list .section ol.bracket li:before {
    counter-increment: list;
    content: counter(list, lower-alpha) ") ";
	position:absolute;
	left:-1.48em;width: 1.48em; 
}
#main_list .section ol.bracket-decimal {
    counter-reset: list;
}
#main_list .section ol.bracket-decimal li {
	list-style: none;
	position:relative;
}
#main_list .section ol.bracket-decimal li:before {
    counter-increment: list;
    content: counter(list, decimal) ") ";
	position:absolute;
	left:-1.48em;width: 1.48em; 
}
#main_list .section ol.bracket ol.bracket-decimal {
    counter-reset: list;
}
#main_list .section ol.bracket ol.bracket-decimal li {
	list-style: none;
	position:relative;
}
#main_list .section ol.bracket ol.bracket-decimal li:before {
    counter-increment: list;
    content: counter(list, decimal) ") ";
	position:absolute;
	left:-1.48em;width: 1.48em; 
}
#main_list .section ol.bracket ol.decimal {
    counter-reset: list;
}
#main_list .section ol.bracket ol.decimal li {
	list-style-type: decimal;
	position:relative;
	text-indent:0em;padding-left:0em;
}
#main_list .section ol.bracket ol.decimal li:before {
    counter-increment: list;
    content: "";
	position:absolute;
	left:-1.48em;width: 1.48em; 
}
#main_list .section ol.brackets ol.decimal {
    counter-reset: list;
}
#main_list .section ol.brackets ol.decimal li {
	list-style-type: decimal;
	position:relative;
	text-indent:0em;padding-left:0em;
}
#main_list .section ol.brackets ol.decimal li:before {
    counter-increment: list;
    content: "";
	position:absolute;
	left:-1.48em;width: 1.48em; 
}

/*main_head*/
#main_head {
    position: fixed;
	top: 0; left: 0;
	width: 100%;
	background-color:#eee;
	z-index: 1;

	-moz-box-shadow:   0px 0px 10px #00000099;
	-webkit-box-shadow:0px 0px 10px #00000099;
	box-shadow:        0px 0px 10px #00000099;
}
#logo_list {
	margin: 0 auto;
}
#logo_list img {
    max-width: 100%;
}
#banner_list {
	width: 100%;
}
#banner_list img {
	width: 100%;
}
#content_list {
	padding: 5%;
	overflow: hidden;
}
#icon_list {
	width: 100%;
	float: left;
}
#icon_list .icon {
	width: 140px;
	
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius:			10px;

	overflow: hidden;
}
#icon_list .icon img {
	max-width: 100%;
	display: block;
}
#intro_list {
	padding: 5% 0 0 0;
	width: 100%;
	float: left;
}
#intro_list .title {
	font-weight:bolder;
}
#intro_list .link {
	padding: 5% 0 0 0;
}
#intro_list .link img {
	margin:0 1% 0 1%;
	width:48%;
}
#mail_list {
	padding: 5%;
	overflow: hidden;
}
#mail_list .title {
	font-weight:bolder;
}
#mail_list .intro {
	clear:both;
}
#mail_list .intro .row {
	padding-bottom: 2%;
}
#mail_list .intro .row.record {
	clear:both;
	margin-bottom: 3%;
	border-bottom: 1px solid #ccc;
	padding-top: 3%;
	overflow: hidden;
}
#mail_list .intro .row .row_class {
	padding-left: 1%;
	width: calc(69% - 4px);
	float: left;
	cursor: pointer;
}
#mail_list .intro .row .row_class .w100 {
	width: calc(99% - 4px);
}
#mail_list .intro .row .row_class.s {
	border-left: 4px solid #999;
}
#mail_list .intro .row .row_class.s2 {
	border-left: 4px solid #ff0000;
}
#mail_list .intro .row .row_class.s4 {
	border-left: 4px solid #ff9900;
}
#mail_list .intro .row .row_class.s8 {
	border-left: 4px solid #009900;
}
#mail_list .intro .row .row_class.line1 {
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
#mail_list .intro .row .row_date {
	width: 30%;
	float: left;
	text-align: right;
}
#mail_list .intro .row .row_msg {
	clear: both;
	padding: 1% 0;
	display: none;
}
#mail_list .intro .row .row_msg .reply {
	background-color: #ccc;
	padding: 1% 2%;
	width: 96%;
}
#mail_list input[type="text"], #mail_list textarea {
	width: 100%;
	border: 1px solid #767676;
	border-radius: 2px;
	padding: 2px 3px;
}
#mail_list input[type="checkbox"] {
	vertical-align: 0%;
}
#mail_list .note {
	color: #ff0054; font-weight: bolder;
}
#preview_list {
	position: relative;
	margin: 5% 0 15% 0;
	width: 100%;
	overflow-x: auto;
}
#preview_arrow {
	position: relative;
	width: 100%;
}
#preview_arrow .left {
	position: absolute; top:0; left:0;
	width: 50%;
	height: 100%;
	cursor: pointer;
	background:url('../../images/keyboard_arrow_left_white_18dp.svg') no-repeat 0% 47.5%;
}
#preview_arrow .right {
	position: absolute; top:0; right:0;
	width: 50%;
	height: 100%;
	cursor: pointer;
	background:url('../../images/keyboard_arrow_right_white_18dp.svg') no-repeat 100% 47.5%;
}
#preview {
	width: calc(280px * 6);
}
#preview .preview {
	margin: 0 20px;
	width: 240px;
	float: left;
	
	-moz-border-radius:		10px;
	-webkit-border-radius:	10px;
	border-radius:			10px;
	overflow: hidden;
	
	-moz-box-shadow:   4px 6px 10px #00000099;
	-webkit-box-shadow:4px 6px 10px #00000099;
	box-shadow:        4px 6px 10px #00000099;
}
#preview .preview img {
	max-width: 100%;
	display: block;
}
.tab {
	padding: 0 4%;
	border-bottom: 3px solid #eee;
	float: left;
	cursor: pointer;
}
.tab.current {
	color: #f33;
	border-bottom: 3px solid #f33;
}
#main_list .h1_sub.record {
	text-align: center;
}
#main_list .h1_sub.record .tabr {
	padding: 0 3%;
	border-bottom: 3px solid #eee;
	cursor: pointer;
	display: inline;
}
#main_list .h1_sub.record .tabr.current {
	color: #f33;
	border-bottom: 3px solid #f33;
}